@sendbird/uikit-react 3.19.0 → 3.20.0

package/SendbirdProvider.js

@@ -1,41 +1,41 @@
-import { _ as __assign, e as __spreadArray, a as __awaiter, c as __generator } from './chunks/bundle-CgNaGvyD.js';
+import { _ as __assign, e as __spreadArray, a as __awaiter, c as __generator } from './chunks/bundle-D-EopYEJ.js';
 import React__default, { useLayoutEffect, useCallback, useEffect, useMemo, useState, useRef } from 'react';
 import { useUIKitConfig, UIKitConfigProvider } from '@sendbird/uikit-tools';
-import { g as getCaseResolvedReplyType } from './chunks/bundle-BECjgCOz.js';
-import { u as uikitConfigStorage } from './chunks/bundle-DRKOOxX7.js';
-import { b as VoicePlayerProvider } from './chunks/bundle-DpQxTSRX.js';
+import { g as getCaseResolvedReplyType } from './chunks/bundle-D21zhm0j.js';
+import { u as uikitConfigStorage } from './chunks/bundle-B0yum84V.js';
+import { b as VoicePlayerProvider } from './chunks/bundle-CXDR2lCE.js';
 import { VoiceRecorderProvider } from './VoiceRecorder/context.js';
-import { M as MediaQueryProvider, u as useMediaQueryContext } from './chunks/bundle-yIwG2HzE.js';
-import { a as LocalizationProvider } from './chunks/bundle-DUPw5yNi.js';
+import { M as MediaQueryProvider, u as useMediaQueryContext } from './chunks/bundle-Cr-wHRfo.js';
+import { u as useLocalization, a as LocalizationProvider } from './chunks/bundle-Lh-YAJE0.js';
 import { GlobalModalProvider } from './hooks/useModal.js';
-import { n as noop, d as deleteNullish } from './chunks/bundle-DGUqFCRI.js';
-import { p as pubSubFactory } from './chunks/bundle-mZTk-uaI.js';
-import { m as mapColorKeys, E as EmojiManager } from './chunks/bundle-UnxPgz2i.js';
+import { n as noop, c as classnames, d as deleteNullish } from './chunks/bundle-BMwU1gX6.js';
+import { p as pubSubFactory } from './chunks/bundle-CWlVg3mN.js';
+import { m as mapColorKeys, E as EmojiManager } from './chunks/bundle-9pEwMGeg.js';
 import cssVars from 'css-vars-ponyfill';
-import { C as CACHED_MESSAGE_TEMPLATES_KEY, a as CACHED_MESSAGE_TEMPLATES_TOKEN_KEY, o as VOICE_PLAYER_ROOT_ID, t as VOICE_RECORDER_DEFAULT_MIN, s as VOICE_RECORDER_DEFAULT_MAX, D as DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT, b as DEFAULT_UPLOAD_SIZE_LIMIT } from './chunks/bundle-DmYOmnB7.js';
-import { s as schedulerFactory, b as useUnmount, a as useOnlineStatus, u as useMarkAsDeliveredScheduler } from './chunks/bundle-6PfS_vPq.js';
-import { g as getStringSet } from './chunks/bundle-W5GuRkRN.js';
-import { b as EmojiReactionListRoot, g as MenuRoot } from './chunks/bundle-CWkQEFex.js';
-import { u as useSendbird } from './chunks/bundle-Cbl5uBkV.js';
-import { c as createSendbirdContextStore, S as SendbirdContext, u as useSendbirdStore } from './chunks/bundle-CEkjWC64.js';
-import { u as useDeepCompareEffect } from './chunks/bundle-dMka1A5y.js';
-import { e as ModalRoot } from './chunks/bundle-CKPjUwf1.js';
-import './chunks/bundle-BmtBWt3T.js';
-import './chunks/bundle-CS3bUWR1.js';
+import { C as CACHED_MESSAGE_TEMPLATES_KEY, a as CACHED_MESSAGE_TEMPLATES_TOKEN_KEY, o as VOICE_PLAYER_ROOT_ID, t as VOICE_RECORDER_DEFAULT_MIN, s as VOICE_RECORDER_DEFAULT_MAX, D as DEFAULT_MULTIPLE_FILES_MESSAGE_LIMIT, b as DEFAULT_UPLOAD_SIZE_LIMIT } from './chunks/bundle-BgF-0Fta.js';
+import { s as schedulerFactory, b as useUnmount, a as useOnlineStatus, u as useMarkAsDeliveredScheduler } from './chunks/bundle-CeqqRTJG.js';
+import { g as getStringSet } from './chunks/bundle-CsQGOOK2.js';
+import { b as EmojiReactionListRoot, g as MenuRoot } from './chunks/bundle-at2QUSX0.js';
+import { u as useSendbird } from './chunks/bundle-CYurB0UP.js';
+import { c as createSendbirdContextStore, S as SendbirdContext, u as useSendbirdStore } from './chunks/bundle-Bwl5Bl2f.js';
+import { a as Modal, e as ModalRoot } from './chunks/bundle-DRX-AeO5.js';
+import { L as Label, a as LabelColors, c as LabelTypography } from './chunks/bundle-BprvoiJb.js';
+import { u as useDeepCompareEffect } from './chunks/bundle-CXF9ULZF.js';
+import './chunks/bundle-BNvx-8UK.js';
+import './chunks/bundle-B6gbCMuR.js';
 import 'react-dom';
 import './ui/IconButton.js';
 import './ui/Button.js';
-import './chunks/bundle-D1B96Mfj.js';
 import './ui/Icon.js';
-import './chunks/bundle-DcmkI5sy.js';
+import './chunks/bundle-i3HTrbOv.js';
 import '@sendbird/chat';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';
-import './chunks/bundle-CE_8o3do.js';
+import './chunks/bundle-Cb0fBla5.js';
 import './ui/SortByRow.js';
-import './chunks/bundle-DjZ_rFmB.js';
+import './chunks/bundle-BYGUVGLf.js';
 import './utils/message/getOutgoingMessageState.js';
-import './chunks/bundle-DCKIFYzA.js';
+import './chunks/bundle-CIY90A4n.js';
 
 function uikitConfigMapper(_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1, _2, _3, _4, _5, _6, _7, _8;
@@ -479,12 +479,41 @@ function useMarkAsReadScheduler(_a, _b) {
     return markAsReadScheduler;
 }
 
+var formatWaitingTime = function (seconds) {
+    var minutes = String(Math.floor(seconds / 60)).padStart(2, '0');
+    var rest = String(seconds % 60).padStart(2, '0');
+    return "".concat(minutes, ":").concat(rest);
+};
+var ConnectionDelayedModal = function (_a) {
+    var deadline = _a.deadline;
+    var stringSet = useLocalization().stringSet;
+    var _b = useState(function () { return Date.now(); }), now = _b[0], setNow = _b[1];
+    useEffect(function () {
+        var timer;
+        var tick = function () {
+            var current = Date.now();
+            setNow(current);
+            var left = deadline - current;
+            if (left > 0)
+                timer = setTimeout(tick, left % 1000 || 1000);
+        };
+        tick();
+        return function () { return clearTimeout(timer); };
+    }, [deadline]);
+    var remainingSeconds = Math.max(0, Math.ceil((deadline - now) / 1000));
+    return (React__default.createElement(Modal, { className: classnames('sendbird-connection-delayed-modal', remainingSeconds === 0 && 'sendbird-connection-delayed-modal--no-waiting-time'), hideFooter: true, renderHeader: function () { return (React__default.createElement("div", { className: "sendbird-modal__header" },
+            React__default.createElement(Label, { className: "sendbird-connection-delayed-modal__title", type: LabelTypography.H_1, color: LabelColors.ONBACKGROUND_1 }, stringSet.MODAL__CONNECTION_DELAYED__TITLE))); } },
+        stringSet.MODAL__CONNECTION_DELAYED__ESTIMATED_WAITING_TIME,
+        ' ',
+        React__default.createElement("b", { className: "sendbird-connection-delayed-modal__time" }, formatWaitingTime(remainingSeconds))));
+};
+
 /**
  * SendbirdContext - Manager
  */
 var SendbirdContextManager = function (_a) {
     var _b;
-    var appId = _a.appId, userId = _a.userId, accessToken = _a.accessToken, customApiHost = _a.customApiHost, customWebSocketHost = _a.customWebSocketHost, configureSession = _a.configureSession, _c = _a.theme, theme = _c === void 0 ? 'light' : _c, logger = _a.logger, _d = _a.config, config = _d === void 0 ? {} : _d, _e = _a.nickname, nickname = _e === void 0 ? '' : _e, colorSet = _a.colorSet, _f = _a.profileUrl, profileUrl = _f === void 0 ? '' : _f, voiceRecord = _a.voiceRecord, userListQuery = _a.userListQuery, _g = _a.imageCompression, imageCompression = _g === void 0 ? {} : _g, _h = _a.allowProfileEdit, allowProfileEdit = _h === void 0 ? false : _h, _j = _a.disableMarkAsDelivered, disableMarkAsDelivered = _j === void 0 ? false : _j, renderUserProfile = _a.renderUserProfile, _onUserProfileMessage = _a.onUserProfileMessage, onBeforeStartDirectMessage = _a.onBeforeStartDirectMessage, _onStartDirectMessage = _a.onStartDirectMessage, _k = _a.isUserIdUsedForNickname, isUserIdUsedForNickname = _k === void 0 ? true : _k, sdkInitParams = _a.sdkInitParams, customExtensionParams = _a.customExtensionParams, _l = _a.isMultipleFilesMessageEnabled, isMultipleFilesMessageEnabled = _l === void 0 ? false : _l, _m = _a.autoscrollMessageOverflowToTop, autoscrollMessageOverflowToTop = _m === void 0 ? false : _m, eventHandlers = _a.eventHandlers, _o = _a.htmlTextDirection, htmlTextDirection = _o === void 0 ? 'ltr' : _o, _p = _a.forceLeftToRightMessageLayout, forceLeftToRightMessageLayout = _p === void 0 ? false : _p;
+    var appId = _a.appId, userId = _a.userId, accessToken = _a.accessToken, customApiHost = _a.customApiHost, customWebSocketHost = _a.customWebSocketHost, configureSession = _a.configureSession, _c = _a.theme, theme = _c === void 0 ? 'light' : _c, logger = _a.logger, _d = _a.config, config = _d === void 0 ? {} : _d, _e = _a.nickname, nickname = _e === void 0 ? '' : _e, colorSet = _a.colorSet, _f = _a.profileUrl, profileUrl = _f === void 0 ? '' : _f, voiceRecord = _a.voiceRecord, userListQuery = _a.userListQuery, _g = _a.imageCompression, imageCompression = _g === void 0 ? {} : _g, _h = _a.allowProfileEdit, allowProfileEdit = _h === void 0 ? false : _h, _j = _a.disableMarkAsDelivered, disableMarkAsDelivered = _j === void 0 ? false : _j, renderUserProfile = _a.renderUserProfile, _onUserProfileMessage = _a.onUserProfileMessage, onBeforeStartDirectMessage = _a.onBeforeStartDirectMessage, _onStartDirectMessage = _a.onStartDirectMessage, _k = _a.isUserIdUsedForNickname, isUserIdUsedForNickname = _k === void 0 ? true : _k, sdkInitParams = _a.sdkInitParams, customExtensionParams = _a.customExtensionParams, _l = _a.isMultipleFilesMessageEnabled, isMultipleFilesMessageEnabled = _l === void 0 ? false : _l, _m = _a.autoscrollMessageOverflowToTop, autoscrollMessageOverflowToTop = _m === void 0 ? false : _m, eventHandlers = _a.eventHandlers, _o = _a.htmlTextDirection, htmlTextDirection = _o === void 0 ? 'ltr' : _o, _p = _a.forceLeftToRightMessageLayout, forceLeftToRightMessageLayout = _p === void 0 ? false : _p, renderConnectionDelayedModal = _a.renderConnectionDelayedModal;
     var onStartDirectMessage = _onStartDirectMessage !== null && _onStartDirectMessage !== void 0 ? _onStartDirectMessage : _onUserProfileMessage;
     var _q = config.userMention, userMention = _q === void 0 ? {} : _q, _r = config.isREMUnitEnabled, isREMUnitEnabled = _r === void 0 ? false : _r, customPubSub = config.pubSub;
     var isMobile = useMediaQueryContext().isMobile;
@@ -503,6 +532,10 @@ var SendbirdContextManager = function (_a) {
         appInfoStore: appInfoStore,
         actions: actions,
     }), getCachedTemplate = _w.getCachedTemplate, updateMessageTemplatesInfo = _w.updateMessageTemplatesInfo, initializeMessageTemplatesInfo = _w.initializeMessageTemplatesInfo;
+    var _x = useState(null), connectionDelay = _x[0], setConnectionDelay = _x[1];
+    var onConnectionDelayChange = useCallback(function (retryAfter) {
+        setConnectionDelay(retryAfter && retryAfter > 0 ? { retryAfter: retryAfter, deadline: Date.now() + retryAfter * 1000 } : null);
+    }, []);
     // Reconnect when necessary
     useEffect(function () {
         actions.connect({
@@ -522,6 +555,7 @@ var SendbirdContextManager = function (_a) {
             initDashboardConfigs: initDashboardConfigs,
             eventHandlers: eventHandlers,
             initializeMessageTemplatesInfo: initializeMessageTemplatesInfo,
+            onConnectionDelayChange: onConnectionDelayChange,
         });
     }, [appId, userId]);
     // Disconnect on unmount
@@ -529,7 +563,7 @@ var SendbirdContextManager = function (_a) {
         actions.disconnect({ logger: logger });
     });
     // should move to reducer
-    var _x = useState(theme), currentTheme = _x[0], setCurrentTheme = _x[1];
+    var _y = useState(theme), currentTheme = _y[0], setCurrentTheme = _y[1];
     useEffect(function () {
         setCurrentTheme(theme);
     }, [theme]);
@@ -718,7 +752,12 @@ var SendbirdContextManager = function (_a) {
         emojiManager,
         utilsState,
     ]);
-    return null;
+    if (!connectionDelay)
+        return null;
+    if (renderConnectionDelayedModal) {
+        return (React__default.createElement(React__default.Fragment, { key: connectionDelay.deadline }, renderConnectionDelayedModal({ retryAfter: connectionDelay.retryAfter })));
+    }
+    return React__default.createElement(ConnectionDelayedModal, { deadline: connectionDelay.deadline });
 };
 var InternalSendbirdProvider = function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j;

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,95 +1,95 @@
-import { e as __spreadArray, _ as __assign, a as __awaiter, c as __generator } from '../../chunks/bundle-CgNaGvyD.js';
+import { e as __spreadArray, _ as __assign, a as __awaiter, c as __generator } from '../../chunks/bundle-D-EopYEJ.js';
 import React__default, { useState, useRef, useEffect } from 'react';
-import { u as useTypingLifecycle } from '../../chunks/bundle-CVUHf3SV.js';
-import { f as format } from '../../chunks/bundle-5OTxEMY4.js';
-import { R as RemoveMessage } from '../../chunks/bundle-G3mQ_zan.js';
+import { u as useTypingLifecycle } from '../../chunks/bundle-NbDc6b3d.js';
+import { f as format } from '../../chunks/bundle-BU_AOFVW.js';
+import { R as RemoveMessage } from '../../chunks/bundle-CJPhagp2.js';
 import ParentMessageInfoItem from './ParentMessageInfoItem.js';
-import { o as getSenderName } from '../../chunks/bundle-DjZ_rFmB.js';
-import { g as getIsReactionEnabled } from '../../chunks/bundle-DSwMQ9Ez.js';
-import { u as useLocalization } from '../../chunks/bundle-DUPw5yNi.js';
-import { u as useUserProfileContext } from '../../chunks/bundle-DYdKHGhi.js';
-import { S as SuggestedMentionList } from '../../chunks/bundle-NRifECyk.js';
-import { A as Avatar } from '../../chunks/bundle-DQkvGtEw.js';
-import { L as Label, a as LabelColors, c as LabelTypography } from '../../chunks/bundle-D1B96Mfj.js';
+import { o as getSenderName } from '../../chunks/bundle-BYGUVGLf.js';
+import { g as getIsReactionEnabled } from '../../chunks/bundle-DJlvGdDz.js';
+import { u as useLocalization } from '../../chunks/bundle-Lh-YAJE0.js';
+import { u as useUserProfileContext } from '../../chunks/bundle-LLvemBiT.js';
+import { S as SuggestedMentionList } from '../../chunks/bundle-CSpKGl39.js';
+import { A as Avatar } from '../../chunks/bundle-DyIl5gSc.js';
+import { L as Label, a as LabelColors, c as LabelTypography } from '../../chunks/bundle-BprvoiJb.js';
 import FileViewer from '../../ui/FileViewer.js';
 import { MessageEmojiMenu } from '../../ui/MessageItemReactionMenu.js';
-import { c as MENU_ROOT_ID, E as EMOJI_MENU_ROOT_ID, j as getObservingId, M as MENU_OBSERVING_CLASS_NAME, C as ContextMenu, f as MenuItems } from '../../chunks/bundle-CWkQEFex.js';
+import { c as MENU_ROOT_ID, E as EMOJI_MENU_ROOT_ID, j as getObservingId, M as MENU_OBSERVING_CLASS_NAME, C as ContextMenu, f as MenuItems } from '../../chunks/bundle-at2QUSX0.js';
 import UserProfile from '../../ui/UserProfile.js';
-import { M as MessageInput } from '../../chunks/bundle-Bjgs-Z_x.js';
-import { M as MessageInputKeys } from '../../chunks/bundle-DA4Kg2FL.js';
-import { R as Role } from '../../chunks/bundle-DVSh6K1g.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-yIwG2HzE.js';
-import { u as useLongPress } from '../../chunks/bundle-D0zbeJer.js';
+import { M as MessageInput } from '../../chunks/bundle-CE6LTA9z.js';
+import { M as MessageInputKeys } from '../../chunks/bundle-DsHLV343.js';
+import { R as Role } from '../../chunks/bundle-D82eONT6.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-Cr-wHRfo.js';
+import { u as useLongPress } from '../../chunks/bundle-Cpy7a41p.js';
 import { MobileMenu } from '../../ui/MobileMenu.js';
 import { useDirtyGetMentions } from '../../Message/hooks/useDirtyGetMentions.js';
-import { g as getCaseResolvedReplyType } from '../../chunks/bundle-BECjgCOz.js';
-import { c as classnames } from '../../chunks/bundle-DGUqFCRI.js';
-import { M as MessageMenu } from '../../chunks/bundle-jkNG_3-c.js';
-import { u as useElementObserver } from '../../chunks/bundle-Bov3RdxO.js';
-import { u as useThread } from '../../chunks/bundle-zr05FGgg.js';
-import { u as useSendbird } from '../../chunks/bundle-Cbl5uBkV.js';
-import '../../chunks/bundle-DCKIFYzA.js';
-import '../../chunks/bundle-CS3bUWR1.js';
-import '../../chunks/bundle-CKPjUwf1.js';
+import { g as getCaseResolvedReplyType } from '../../chunks/bundle-D21zhm0j.js';
+import { c as classnames } from '../../chunks/bundle-BMwU1gX6.js';
+import { M as MessageMenu } from '../../chunks/bundle-B31apvDO.js';
+import { u as useElementObserver } from '../../chunks/bundle-C4ZAOIzZ.js';
+import { u as useThread } from '../../chunks/bundle-D7ToDj1h.js';
+import { u as useSendbird } from '../../chunks/bundle-CYurB0UP.js';
+import '../../chunks/bundle-CIY90A4n.js';
+import '../../chunks/bundle-B6gbCMuR.js';
+import '../../chunks/bundle-DRX-AeO5.js';
 import 'react-dom';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-DcmkI5sy.js';
-import '../../chunks/bundle-CrbU8Z0k.js';
-import '../../chunks/bundle-CE_8o3do.js';
+import '../../chunks/bundle-i3HTrbOv.js';
+import '../../chunks/bundle-DTwAV3zX.js';
+import '../../chunks/bundle-Cb0fBla5.js';
 import '../../ui/ImageRenderer.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-C3SEpCyc.js';
+import '../../chunks/bundle-t10PB2zx.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/BottomSheet.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-W5GuRkRN.js';
-import '../../chunks/bundle-CEkjWC64.js';
-import '../../chunks/bundle-DmYOmnB7.js';
+import '../../chunks/bundle-CsQGOOK2.js';
+import '../../chunks/bundle-Bwl5Bl2f.js';
+import '../../chunks/bundle-BgF-0Fta.js';
 import '@sendbird/chat';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/openChannel';
 import '../../ui/UserListItem.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
-import '../../chunks/bundle-CJuN4g_l.js';
+import '../../chunks/bundle-BDsnbvoD.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-CtPwLWv8.js';
+import '../../chunks/bundle-CcFNIlRC.js';
 import '../../ui/SortByRow.js';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-BmtBWt3T.js';
+import '../../chunks/bundle-BNvx-8UK.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-DpQxTSRX.js';
+import '../../chunks/bundle-CXDR2lCE.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-DUDzvPQR.js';
-import '../../chunks/bundle-B46Grlwo.js';
+import '../../chunks/bundle-M-9wf5ph.js';
+import '../../chunks/bundle-BAPFOJpT.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
-import '../../chunks/bundle-D1IrQJD8.js';
+import '../../chunks/bundle-BmMiG0-m.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-Ba2neoZJ.js';
-import '../../chunks/bundle-CuiRCz62.js';
-import '../../chunks/bundle-BnU5vYIR.js';
+import '../../chunks/bundle-BUPyBlDE.js';
+import '../../chunks/bundle-nE6Vmiu0.js';
+import '../../chunks/bundle-B9J7Wfnf.js';
 import '@sendbird/uikit-tools';
-import '../../chunks/bundle-C8mp_lE0.js';
+import '../../chunks/bundle-3YAxagfX.js';
 import 'dompurify';
-import '../../chunks/bundle-BSGm19wO.js';
-import '../../chunks/bundle-CUTxlEqy.js';
-import '../../chunks/bundle-Ca90TQNj.js';
-import '../../chunks/bundle-CGp1krs6.js';
-import '../../chunks/bundle-e9cQcqMK.js';
+import '../../chunks/bundle-DODqDiVX.js';
+import '../../chunks/bundle-Dnor1sxy.js';
+import '../../chunks/bundle-OtkfS0eo.js';
+import '../../chunks/bundle-ClvsSQBd.js';
+import '../../chunks/bundle-DwWBxPmd.js';
 import '../context/types.js';
-import '../../chunks/bundle-dMka1A5y.js';
+import '../../chunks/bundle-CXF9ULZF.js';
 
 function ParentMessageInfo(_a) {
     var _this = this;

package/Thread/components/ParentMessageInfoItem.js

@@ -1,60 +1,60 @@
-import { a as __awaiter, c as __generator } from '../../chunks/bundle-CgNaGvyD.js';
+import { a as __awaiter, c as __generator } from '../../chunks/bundle-D-EopYEJ.js';
 import React__default, { useMemo, useState } from 'react';
-import { u as useLocalization } from '../../chunks/bundle-DUPw5yNi.js';
-import { Y as isUserMessage, z as isEditedMessage, s as getUIKitMessageType, t as getUIKitMessageTypes, q as getUIKitFileType, a2 as truncateString, J as isMultipleFilesMessage, a0 as isVoiceMessage, X as isThumbnailMessage, P as isSentMessage, $ as isVideoMessage, F as isGifMessage, C as isFileMessage } from '../../chunks/bundle-DjZ_rFmB.js';
-import { L as Label, a as LabelColors, c as LabelTypography } from '../../chunks/bundle-D1B96Mfj.js';
+import { u as useLocalization } from '../../chunks/bundle-Lh-YAJE0.js';
+import { Y as isUserMessage, z as isEditedMessage, s as getUIKitMessageType, t as getUIKitMessageTypes, q as getUIKitFileType, a2 as truncateString, J as isMultipleFilesMessage, a0 as isVoiceMessage, X as isThumbnailMessage, P as isSentMessage, $ as isVideoMessage, F as isGifMessage, C as isFileMessage } from '../../chunks/bundle-BYGUVGLf.js';
+import { L as Label, a as LabelColors, c as LabelTypography } from '../../chunks/bundle-BprvoiJb.js';
 import ImageRenderer from '../../ui/ImageRenderer.js';
 import Icon, { IconColors, IconTypes } from '../../ui/Icon.js';
 import TextButton from '../../ui/TextButton.js';
 import EmojiReactions from '../../ui/EmojiReactions.js';
 import { VoiceMessageItemBody } from '../../ui/VoiceMessageItemBody.js';
-import { T as TextFragment } from '../../chunks/bundle-DUDzvPQR.js';
-import { b as tokenizeMessage } from '../../chunks/bundle-B46Grlwo.js';
-import { a as useThreadMessageKindKeySelector, u as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody, T as ThreadMessageKind } from '../../chunks/bundle-D1IrQJD8.js';
-import { u as useMediaQueryContext } from '../../chunks/bundle-yIwG2HzE.js';
-import { C as Colors } from '../../chunks/bundle-C3SEpCyc.js';
-import { o as openURL } from '../../chunks/bundle-DGUqFCRI.js';
-import { u as useThread } from '../../chunks/bundle-zr05FGgg.js';
-import { u as useSendbird } from '../../chunks/bundle-Cbl5uBkV.js';
-import '../../chunks/bundle-W5GuRkRN.js';
-import '../../chunks/bundle-CS3bUWR1.js';
+import { T as TextFragment } from '../../chunks/bundle-M-9wf5ph.js';
+import { b as tokenizeMessage } from '../../chunks/bundle-BAPFOJpT.js';
+import { a as useThreadMessageKindKeySelector, u as useFileInfoListWithUploaded, M as MultipleFilesMessageItemBody, T as ThreadMessageKind } from '../../chunks/bundle-BmMiG0-m.js';
+import { u as useMediaQueryContext } from '../../chunks/bundle-Cr-wHRfo.js';
+import { C as Colors } from '../../chunks/bundle-t10PB2zx.js';
+import { o as openURL } from '../../chunks/bundle-BMwU1gX6.js';
+import { u as useThread } from '../../chunks/bundle-D7ToDj1h.js';
+import { u as useSendbird } from '../../chunks/bundle-CYurB0UP.js';
+import '../../chunks/bundle-CsQGOOK2.js';
+import '../../chunks/bundle-B6gbCMuR.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-BmtBWt3T.js';
-import '../../chunks/bundle-CE_8o3do.js';
-import '../../chunks/bundle-DCKIFYzA.js';
-import '../../chunks/bundle-DmYOmnB7.js';
+import '../../chunks/bundle-BNvx-8UK.js';
+import '../../chunks/bundle-Cb0fBla5.js';
+import '../../chunks/bundle-CIY90A4n.js';
+import '../../chunks/bundle-BgF-0Fta.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-D0zbeJer.js';
-import '../../chunks/bundle-CWkQEFex.js';
+import '../../chunks/bundle-Cpy7a41p.js';
+import '../../chunks/bundle-at2QUSX0.js';
 import 'react-dom';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
 import '../../ui/SortByRow.js';
-import '../../chunks/bundle-DcmkI5sy.js';
+import '../../chunks/bundle-i3HTrbOv.js';
 import '../../ui/IconButton.js';
-import '../../chunks/bundle-CEkjWC64.js';
+import '../../chunks/bundle-Bwl5Bl2f.js';
 import '../../ui/BottomSheet.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-CKPjUwf1.js';
+import '../../chunks/bundle-DRX-AeO5.js';
 import '../../ui/Button.js';
 import '../../ui/UserListItem.js';
-import '../../chunks/bundle-DYdKHGhi.js';
-import '../../chunks/bundle-DQkvGtEw.js';
-import '../../chunks/bundle-CJuN4g_l.js';
+import '../../chunks/bundle-LLvemBiT.js';
+import '../../chunks/bundle-DyIl5gSc.js';
+import '../../chunks/bundle-BDsnbvoD.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-CtPwLWv8.js';
+import '../../chunks/bundle-CcFNIlRC.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
 import '../../Message/context.js';
-import '../../chunks/bundle-DSwMQ9Ez.js';
+import '../../chunks/bundle-DJlvGdDz.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-DpQxTSRX.js';
+import '../../chunks/bundle-CXDR2lCE.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/Loader.js';
@@ -62,12 +62,12 @@ import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '@sendbird/chat/message';
 import '../../ui/FileViewer.js';
-import '../../chunks/bundle-BnU5vYIR.js';
+import '../../chunks/bundle-B9J7Wfnf.js';
 import '@sendbird/uikit-tools';
-import '../../chunks/bundle-CGp1krs6.js';
-import '../../chunks/bundle-e9cQcqMK.js';
+import '../../chunks/bundle-ClvsSQBd.js';
+import '../../chunks/bundle-DwWBxPmd.js';
 import '../context/types.js';
-import '../../chunks/bundle-dMka1A5y.js';
+import '../../chunks/bundle-CXF9ULZF.js';
 
 function ParentMessageInfoItem(_a) {
     var _this = this;

package/Thread/components/ThreadHeader.js

@@ -1,15 +1,15 @@
 import React__default, { useMemo } from 'react';
 import { IconColors, IconTypes } from '../../ui/Icon.js';
-import { u as useLocalization } from '../../chunks/bundle-DUPw5yNi.js';
+import { u as useLocalization } from '../../chunks/bundle-Lh-YAJE0.js';
 import Header from '../../ui/Header.js';
-import '../../chunks/bundle-CgNaGvyD.js';
-import '../../chunks/bundle-DGUqFCRI.js';
-import '../../chunks/bundle-W5GuRkRN.js';
-import '../../chunks/bundle-CS3bUWR1.js';
-import '../../chunks/bundle-D1B96Mfj.js';
-import '../../chunks/bundle-yIwG2HzE.js';
+import '../../chunks/bundle-D-EopYEJ.js';
+import '../../chunks/bundle-BMwU1gX6.js';
+import '../../chunks/bundle-CsQGOOK2.js';
+import '../../chunks/bundle-B6gbCMuR.js';
+import '../../chunks/bundle-BprvoiJb.js';
+import '../../chunks/bundle-Cr-wHRfo.js';
 import '../../ui/TextButton.js';
-import '../../chunks/bundle-C3SEpCyc.js';
+import '../../chunks/bundle-t10PB2zx.js';
 import '../../ui/IconButton.js';
 
 function ThreadHeader(_a) {

package/Thread/components/ThreadList.js

@@ -1,89 +1,89 @@
-import { _ as __assign } from '../../chunks/bundle-CgNaGvyD.js';
+import { _ as __assign } from '../../chunks/bundle-D-EopYEJ.js';
 import React__default from 'react';
 import ThreadListItem from './ThreadListItem.js';
 import { compareMessagesForGrouping } from '../../Channel/utils/compareMessagesForGrouping.js';
 import { isSameDay } from 'date-fns';
 import { MessageProvider } from '../../Message/context.js';
-import { g as getCaseResolvedReplyType } from '../../chunks/bundle-BECjgCOz.js';
-import { u as useThread } from '../../chunks/bundle-zr05FGgg.js';
-import { u as useSendbird } from '../../chunks/bundle-Cbl5uBkV.js';
-import { u as useLocalization } from '../../chunks/bundle-DUPw5yNi.js';
-import '../../chunks/bundle-CVUHf3SV.js';
-import '../../chunks/bundle-5OTxEMY4.js';
-import '../../chunks/bundle-DCKIFYzA.js';
-import '../../chunks/bundle-CS3bUWR1.js';
+import { g as getCaseResolvedReplyType } from '../../chunks/bundle-D21zhm0j.js';
+import { u as useThread } from '../../chunks/bundle-D7ToDj1h.js';
+import { u as useSendbird } from '../../chunks/bundle-CYurB0UP.js';
+import { u as useLocalization } from '../../chunks/bundle-Lh-YAJE0.js';
+import '../../chunks/bundle-NbDc6b3d.js';
+import '../../chunks/bundle-BU_AOFVW.js';
+import '../../chunks/bundle-CIY90A4n.js';
+import '../../chunks/bundle-B6gbCMuR.js';
 import '../../ui/DateSeparator.js';
-import '../../chunks/bundle-C3SEpCyc.js';
-import '../../chunks/bundle-D1B96Mfj.js';
-import '../../chunks/bundle-W5GuRkRN.js';
-import '../../chunks/bundle-G3mQ_zan.js';
-import '../../chunks/bundle-CKPjUwf1.js';
+import '../../chunks/bundle-t10PB2zx.js';
+import '../../chunks/bundle-BprvoiJb.js';
+import '../../chunks/bundle-CsQGOOK2.js';
+import '../../chunks/bundle-CJPhagp2.js';
+import '../../chunks/bundle-DRX-AeO5.js';
 import 'react-dom';
-import '../../chunks/bundle-DGUqFCRI.js';
-import '../../chunks/bundle-yIwG2HzE.js';
+import '../../chunks/bundle-BMwU1gX6.js';
+import '../../chunks/bundle-Cr-wHRfo.js';
 import '../../ui/IconButton.js';
 import '../../ui/Button.js';
 import '../../ui/Icon.js';
-import '../../chunks/bundle-DcmkI5sy.js';
-import '../../chunks/bundle-CrbU8Z0k.js';
-import '../../chunks/bundle-DjZ_rFmB.js';
+import '../../chunks/bundle-i3HTrbOv.js';
+import '../../chunks/bundle-DTwAV3zX.js';
+import '../../chunks/bundle-BYGUVGLf.js';
 import '@sendbird/chat/groupChannel';
 import '../../utils/message/getOutgoingMessageState.js';
-import '../../chunks/bundle-BmtBWt3T.js';
-import '../../chunks/bundle-CE_8o3do.js';
-import '../../chunks/bundle-DmYOmnB7.js';
+import '../../chunks/bundle-BNvx-8UK.js';
+import '../../chunks/bundle-Cb0fBla5.js';
+import '../../chunks/bundle-BgF-0Fta.js';
 import '../../ui/FileViewer.js';
 import '../../hooks/useModal.js';
-import '../../chunks/bundle-CEkjWC64.js';
+import '../../chunks/bundle-Bwl5Bl2f.js';
 import '@sendbird/chat';
 import '@sendbird/chat/openChannel';
-import '../../chunks/bundle-DQkvGtEw.js';
+import '../../chunks/bundle-DyIl5gSc.js';
 import '../../ui/ImageRenderer.js';
-import '../../chunks/bundle-CJuN4g_l.js';
-import '../../chunks/bundle-BnU5vYIR.js';
+import '../../chunks/bundle-BDsnbvoD.js';
+import '../../chunks/bundle-B9J7Wfnf.js';
 import '@sendbird/uikit-tools';
-import '../../chunks/bundle-NRifECyk.js';
-import '../../chunks/bundle-Ba2neoZJ.js';
-import '../../chunks/bundle-CuiRCz62.js';
-import '../../chunks/bundle-DA4Kg2FL.js';
-import '../../chunks/bundle-Bjgs-Z_x.js';
-import '../../chunks/bundle-C8mp_lE0.js';
+import '../../chunks/bundle-CSpKGl39.js';
+import '../../chunks/bundle-BUPyBlDE.js';
+import '../../chunks/bundle-nE6Vmiu0.js';
+import '../../chunks/bundle-DsHLV343.js';
+import '../../chunks/bundle-CE6LTA9z.js';
+import '../../chunks/bundle-3YAxagfX.js';
 import 'dompurify';
-import '../../chunks/bundle-BSGm19wO.js';
-import '../../chunks/bundle-CUTxlEqy.js';
-import '../../chunks/bundle-Ca90TQNj.js';
-import '../../chunks/bundle-B46Grlwo.js';
+import '../../chunks/bundle-DODqDiVX.js';
+import '../../chunks/bundle-Dnor1sxy.js';
+import '../../chunks/bundle-OtkfS0eo.js';
+import '../../chunks/bundle-BAPFOJpT.js';
 import '../context/types.js';
-import '../../chunks/bundle-CWkQEFex.js';
+import '../../chunks/bundle-at2QUSX0.js';
 import '../../ui/SortByRow.js';
 import '../../ui/MessageItemReactionMenu.js';
 import '../../ui/ReactionButton.js';
-import '../../chunks/bundle-D0zbeJer.js';
-import '../../chunks/bundle-D6ooFiV1.js';
+import '../../chunks/bundle-Cpy7a41p.js';
+import '../../chunks/bundle-CblKpJQz.js';
 import '../../ui/Loader.js';
-import '../../chunks/bundle-B6syiRp3.js';
-import '../../chunks/bundle-DDbsiOBY.js';
+import '../../chunks/bundle-tM8vSlGc.js';
+import '../../chunks/bundle-Bw0HZ8Sq.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/ReactionBadge.js';
 import '../../ui/BottomSheet.js';
 import '../../ui/UserListItem.js';
-import '../../chunks/bundle-DYdKHGhi.js';
+import '../../chunks/bundle-LLvemBiT.js';
 import '../../ui/MutedAvatarOverlay.js';
 import '../../ui/Checkbox.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../chunks/bundle-CtPwLWv8.js';
+import '../../chunks/bundle-CcFNIlRC.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
-import '../../chunks/bundle-DSwMQ9Ez.js';
+import '../../chunks/bundle-DJlvGdDz.js';
 import '../../ui/MobileMenu.js';
-import '../../chunks/bundle-D1IrQJD8.js';
+import '../../chunks/bundle-BmMiG0-m.js';
 import '@sendbird/chat/message';
-import '../../chunks/bundle-jkNG_3-c.js';
-import '../../chunks/bundle-Bov3RdxO.js';
-import '../../chunks/bundle-CxgfiF1N.js';
+import '../../chunks/bundle-B31apvDO.js';
+import '../../chunks/bundle-C4ZAOIzZ.js';
+import '../../chunks/bundle-DMx_SW8L.js';
 import '../../ui/OGMessageItemBody.js';
-import '../../chunks/bundle-DUDzvPQR.js';
+import '../../chunks/bundle-M-9wf5ph.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/TextMessageItemBody.js';
@@ -92,23 +92,23 @@ import '../../ui/TextButton.js';
 import '../../ui/VoiceMessageItemBody.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../chunks/bundle-DpQxTSRX.js';
+import '../../chunks/bundle-CXDR2lCE.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/ThumbnailMessageItemBody.js';
-import '../../chunks/bundle-BAeuENEh.js';
+import '../../chunks/bundle-BIXKIZDH.js';
 import '../../ui/UnknownMessageItemBody.js';
 import '../../ui/TemplateMessageItemBody.js';
-import '../../chunks/bundle-DJTJdJnJ.js';
+import '../../chunks/bundle-iZwvYYp7.js';
 import '../../ui/FallbackTemplateMessageItemBody.tsx.js';
 import '../../ui/LoadingTemplateMessageItemBody.tsx.js';
 import '../../ui/MessageFeedbackFailedModal.js';
-import '../../chunks/bundle-B6P89FZX.js';
-import '../../chunks/bundle-DVSh6K1g.js';
+import '../../chunks/bundle-cmEWF55U.js';
+import '../../chunks/bundle-D82eONT6.js';
 import '../../Message/hooks/useDirtyGetMentions.js';
-import '../../chunks/bundle-CGp1krs6.js';
-import '../../chunks/bundle-e9cQcqMK.js';
-import '../../chunks/bundle-dMka1A5y.js';
+import '../../chunks/bundle-ClvsSQBd.js';
+import '../../chunks/bundle-DwWBxPmd.js';
+import '../../chunks/bundle-CXF9ULZF.js';
 
 function ThreadList(_a) {
     var className = _a.className, _b = _a.renderMessage, renderMessage = _b === void 0 ? function (props) { return React__default.createElement(ThreadListItem, __assign({}, props)); } : _b, renderCustomSeparator = _a.renderCustomSeparator, scrollRef = _a.scrollRef, scrollBottom = _a.scrollBottom;