@sendbird/uikit-react 3.5.0 → 3.6.0-feature-config-rc-0

package/ui/AccordionGroup.js

@@ -1,6 +1,6 @@
 import React__default, { useState } from 'react';
-import { P as Provider } from '../context-786ef1a2.js';
-import '../utils-56cb7de5.js';
+import { P as Provider } from '../context-a4b4c7d8.js';
+import '../utils-86a2d093.js';
 
 // Wraps all the accordions in an accordion set
 function AccordionGroup(_ref) {

package/ui/AdminMessage.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e33f7f55.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c152addf.js';
 import 'prop-types';
-import '../stringSet-e0ee1265.js';
+import '../stringSet-e23622aa.js';
 
 function AdminMessage(_ref) {
   var _message$isAdminMessa;

package/ui/Avatar.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { u as uuidv4 } from '../uuid-92d22300.js';
+import { u as uuidv4 } from '../uuid-ab01acf7.js';
 import 'prop-types';
 
 var pxToNumber = (px => {

package/ui/Badge.js

@@ -1,9 +1,9 @@
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e33f7f55.js';
-import { a as LocalizationContext } from '../LocalizationContext-04c0c9dc.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c152addf.js';
+import { a as LocalizationContext } from '../LocalizationContext-c408cdc3.js';
 import 'prop-types';
-import '../stringSet-e0ee1265.js';
-import '../index-319984d0.js';
+import '../stringSet-e23622aa.js';
+import '../index-4a7df8c7.js';
 
 function Badge(_ref) {
   let {

package/ui/BottomSheet.js

@@ -1,6 +1,6 @@
 import React__default, { useRef } from 'react';
 import { createPortal } from 'react-dom';
-import { M as MODAL_ROOT } from '../index-9a4e0846.js';
+import { M as MODAL_ROOT } from '../index-12d4b099.js';
 
 const BottomSheet = props => {
   const {

package/ui/Button.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e33f7f55.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c152addf.js';
 import 'prop-types';
-import '../stringSet-e0ee1265.js';
+import '../stringSet-e23622aa.js';
 
 let ButtonTypes$1 = /*#__PURE__*/function (ButtonTypes) {
   ButtonTypes["PRIMARY"] = "PRIMARY";

package/ui/ChannelAvatar.js

@@ -1,9 +1,9 @@
 import React__default, { useMemo } from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../utils-af9b1c06.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../utils-978356b4.js';
 import './ImageRenderer.js';
-import '../uuid-92d22300.js';
+import '../uuid-ab01acf7.js';
 import 'prop-types';
 
 function ChannelAvatar(_ref) {

package/ui/ConnectionStatus.js

@@ -1,10 +1,10 @@
 import React__default, { useContext } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e33f7f55.js';
-import { a as LocalizationContext } from '../LocalizationContext-04c0c9dc.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c152addf.js';
+import { a as LocalizationContext } from '../LocalizationContext-c408cdc3.js';
 import 'prop-types';
-import '../stringSet-e0ee1265.js';
-import '../index-319984d0.js';
+import '../stringSet-e23622aa.js';
+import '../index-4a7df8c7.js';
 
 function ConnectionStatus() {
   const {

package/ui/ContextMenu.js

@@ -1,13 +1,13 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { a as _defineProperty, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-fb0e05a4.js';
+import { a as _defineProperty, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-656af0eb.js';
 import { createPortal } from 'react-dom';
 import SortByRow from './SortByRow.js';
-import { h as getClassName } from '../index-cf859f03.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e33f7f55.js';
-import '../uuid-92d22300.js';
+import { h as getClassName } from '../index-b603acee.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c152addf.js';
+import '../uuid-ab01acf7.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-e0ee1265.js';
+import '../stringSet-e23622aa.js';
 
 // padding to handle height of last item in message-list
 const HEIGHT_PADDING = 60;

package/ui/DateSeparator.js

@@ -1,8 +1,8 @@
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../color-347926b6.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e33f7f55.js';
+import { C as Colors, c as changeColorToClassName } from '../color-e29f58c0.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c152addf.js';
 import 'prop-types';
-import '../stringSet-e0ee1265.js';
+import '../stringSet-e23622aa.js';
 
 const DateSeparator = _ref => {
   let {

package/ui/EmojiReactions.js

@@ -4,35 +4,35 @@ import ReactionButton from './ReactionButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ContextMenu, { EmojiListItems } from './ContextMenu.js';
-import { H as getEmojiUrl, I as isReactedBy, J as getEmojiTooltipString, G as getEmojiListAll, K as getEmojiMapAll, h as getClassName } from '../index-cf859f03.js';
+import { H as getEmojiUrl, I as isReactedBy, J as getEmojiTooltipString, G as getEmojiListAll, K as getEmojiMapAll, h as getClassName } from '../index-b603acee.js';
 import BottomSheet from './BottomSheet.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e33f7f55.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c152addf.js';
 import UserListItem from './UserListItem.js';
 import Tooltip from './Tooltip.js';
 import TooltipWrapper from './TooltipWrapper.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-ff9dca2b.js';
-import { u as useLongPress } from '../useLongPress-1ab49410.js';
-import { a as LocalizationContext } from '../LocalizationContext-04c0c9dc.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-37438a28.js';
+import { u as useLongPress } from '../useLongPress-2bb5130b.js';
+import { a as LocalizationContext } from '../LocalizationContext-c408cdc3.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
 import { useMessageContext } from '../Message/context.js';
-import { b as _extends } from '../_rollupPluginBabelHelpers-fb0e05a4.js';
-import '../utils-56cb7de5.js';
+import { b as _extends } from '../_rollupPluginBabelHelpers-656af0eb.js';
+import '../utils-86a2d093.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-92d22300.js';
+import '../uuid-ab01acf7.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../stringSet-e0ee1265.js';
-import '../index-9a4e0846.js';
-import '../UserProfileContext-c776d522.js';
+import '../stringSet-e23622aa.js';
+import '../index-12d4b099.js';
+import '../UserProfileContext-271136d9.js';
 import './Avatar.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
 import './UserProfile.js';
 import '../sendbirdSelectors.js';
-import '../topics-70f569e9.js';
+import '../topics-a82e4c11.js';
 import './Button.js';
-import '../index-319984d0.js';
+import '../index-4a7df8c7.js';
 import '../withSendbird.js';
 
 const ReactedMembersBottomSheet = _ref => {

package/ui/FileMessageItemBody.js

@@ -1,13 +1,13 @@
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e33f7f55.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c152addf.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import TextButton from './TextButton.js';
-import { h as getClassName, L as getUIKitFileType, t as truncateString } from '../index-cf859f03.js';
-import { C as Colors } from '../color-347926b6.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-ff9dca2b.js';
+import { h as getClassName, L as getUIKitFileType, t as truncateString } from '../index-b603acee.js';
+import { C as Colors } from '../color-e29f58c0.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-37438a28.js';
 import 'prop-types';
-import '../stringSet-e0ee1265.js';
-import '../_rollupPluginBabelHelpers-fb0e05a4.js';
+import '../stringSet-e23622aa.js';
+import '../_rollupPluginBabelHelpers-656af0eb.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function FileMessageItemBody(_ref) {

package/ui/FileViewer.js

@@ -1,17 +1,17 @@
 import React__default, { useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { a as LocalizationContext } from '../LocalizationContext-04c0c9dc.js';
-import { M as MODAL_ROOT } from '../index-9a4e0846.js';
-import { x as isSupportedFileView, y as isVideo, z as isImage } from '../index-cf859f03.js';
+import { a as LocalizationContext } from '../LocalizationContext-c408cdc3.js';
+import { M as MODAL_ROOT } from '../index-12d4b099.js';
+import { x as isSupportedFileView, y as isVideo, z as isImage } from '../index-b603acee.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e33f7f55.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c152addf.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../stringSet-e0ee1265.js';
-import '../index-319984d0.js';
-import '../_rollupPluginBabelHelpers-fb0e05a4.js';
+import '../stringSet-e23622aa.js';
+import '../index-4a7df8c7.js';
+import '../_rollupPluginBabelHelpers-656af0eb.js';
 import '../utils/message/getOutgoingMessageState.js';
 import './ImageRenderer.js';
-import '../uuid-92d22300.js';
+import '../uuid-ab01acf7.js';
 import 'prop-types';
 
 const FileViewerComponent = _ref => {

package/ui/IconButton.js

@@ -1,4 +1,4 @@
-import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-fb0e05a4.js';
+import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-656af0eb.js';
 import React__default, { useState } from 'react';
 
 const IconButton = /*#__PURE__*/React__default.forwardRef((props, ref) => {

package/ui/Input.js

@@ -1,7 +1,7 @@
 import React__default, { useState } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e33f7f55.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c152addf.js';
 import 'prop-types';
-import '../stringSet-e0ee1265.js';
+import '../stringSet-e23622aa.js';
 
 const InputLabel = _ref => {
   let {

package/ui/Label.js

@@ -1,5 +1,5 @@
 import 'react';
 import 'prop-types';
-export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../index-e33f7f55.js';
-import '../stringSet-e0ee1265.js';
+export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../index-c152addf.js';
+import '../stringSet-e23622aa.js';
 //# sourceMappingURL=Label.js.map

package/ui/LinkLabel.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { d as changeColorToClassName, L as Label, a as LabelTypography, b as LabelColors } from '../index-e33f7f55.js';
-import '../stringSet-e0ee1265.js';
+import { d as changeColorToClassName, L as Label, a as LabelTypography, b as LabelColors } from '../index-c152addf.js';
+import '../stringSet-e23622aa.js';
 
 const http = /https?:\/\//;
 function LinkLabel(_ref) {

package/ui/MentionLabel.js

@@ -1,22 +1,22 @@
 import React__default, { useRef, useState, useCallback } from 'react';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e33f7f55.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c152addf.js';
 import UserProfile from './UserProfile.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../_rollupPluginBabelHelpers-fb0e05a4.js';
+import '../_rollupPluginBabelHelpers-656af0eb.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-92d22300.js';
-import '../index-cf859f03.js';
+import '../uuid-ab01acf7.js';
+import '../index-b603acee.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-e0ee1265.js';
-import '../LocalizationContext-04c0c9dc.js';
-import '../index-319984d0.js';
-import '../UserProfileContext-c776d522.js';
+import '../stringSet-e23622aa.js';
+import '../LocalizationContext-c408cdc3.js';
+import '../index-4a7df8c7.js';
+import '../UserProfileContext-271136d9.js';
 import '../sendbirdSelectors.js';
-import '../topics-70f569e9.js';
-import '../utils-56cb7de5.js';
+import '../topics-a82e4c11.js';
+import '../utils-86a2d093.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';

package/ui/MentionUserLabel.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { M as MENTION_USER_LABEL_CLASSNAME } from '../consts-fb4d475a.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from '../consts-846cf7ce.js';
 
 function MentionUserLabel(_ref) {
   let {

package/ui/MessageContent.js

@@ -1,13 +1,13 @@
-import { b as _extends, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-fb0e05a4.js';
+import { b as _extends, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-656af0eb.js';
 import React__default, { useContext, useRef, useState } from 'react';
-import { f as format } from '../index-4455855e.js';
+import { f as format } from '../index-a741c87d.js';
 import Avatar from './Avatar.js';
 import UserProfile from './UserProfile.js';
-import { M as MessageStatus } from '../index-eabd1e7e.js';
+import { M as MessageStatus } from '../index-a3a092ba.js';
 import MessageItemMenu from './MessageItemMenu.js';
 import MessageItemReactionMenu from './MessageItemReactionMenu.js';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e33f7f55.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c152addf.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import TextMessageItemBody from './TextMessageItemBody.js';
@@ -16,58 +16,58 @@ import ThumbnailMessageItemBody from './ThumbnailMessageItemBody.js';
 import OGMessageItemBody from './OGMessageItemBody.js';
 import UnknownMessageItemBody from './UnknownMessageItemBody.js';
 import QuoteMessage from './QuoteMessage.js';
-import { s as getUIKitMessageTypes, h as getClassName, u as getSenderName, v as isOGMessage, w as isTextMessage, r as getUIKitMessageType, d as isVoiceMessage, m as isThumbnailMessage } from '../index-cf859f03.js';
-import { a as UserProfileContext } from '../UserProfileContext-c776d522.js';
-import { u as useLocalization } from '../LocalizationContext-04c0c9dc.js';
+import { s as getUIKitMessageTypes, h as getClassName, u as getSenderName, v as isOGMessage, w as isTextMessage, r as getUIKitMessageType, d as isVoiceMessage, m as isThumbnailMessage } from '../index-b603acee.js';
+import { a as UserProfileContext } from '../UserProfileContext-271136d9.js';
+import { u as useLocalization } from '../LocalizationContext-c408cdc3.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { u as useLongPress } from '../useLongPress-1ab49410.js';
-import { M as MobileMenu } from '../index-6663ce18.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-ff9dca2b.js';
+import { u as useLongPress } from '../useLongPress-2bb5130b.js';
+import { M as MobileMenu } from '../index-e3c2c708.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-37438a28.js';
 import ThreadReplies from './ThreadReplies.js';
-import { T as ThreadReplySelectType } from '../const-18dba7a4.js';
+import { T as ThreadReplySelectType } from '../const-77d1b8b9.js';
 import { VoiceMessageItemBody } from './VoiceMessageItemBody.js';
-import { n as noop } from '../utils-56cb7de5.js';
-import '../index-319984d0.js';
+import { n as noop } from '../utils-86a2d093.js';
+import '../index-4a7df8c7.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import 'prop-types';
-import '../uuid-92d22300.js';
+import '../uuid-ab01acf7.js';
 import '../sendbirdSelectors.js';
-import '../topics-70f569e9.js';
+import '../topics-a82e4c11.js';
 import './Button.js';
-import '../stringSet-e0ee1265.js';
+import '../stringSet-e23622aa.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-edf844f0.js';
-import '../index-6c252d25.js';
+import '../index-d2b51811.js';
+import '../index-049bcead.js';
 import './IconButton.js';
-import '../types-77bbdda6.js';
+import '../types-243e365a.js';
 import './ReactionButton.js';
 import 'react-dom';
 import './SortByRow.js';
 import './ReactionBadge.js';
 import './BottomSheet.js';
-import '../index-9a4e0846.js';
+import '../index-12d4b099.js';
 import './UserListItem.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
 import './Tooltip.js';
 import './TooltipWrapper.js';
 import '../Message/context.js';
-import '../tokenize-1b053c86.js';
-import '../index-ebb62af1.js';
-import '../index.module-6b7ed635.js';
+import '../tokenize-a81dc8ff.js';
+import '../index-cf6e24dc.js';
+import '../index.module-d59e07bf.js';
 import './MentionLabel.js';
 import './LinkLabel.js';
-import '../consts-7a169a0f.js';
+import '../consts-26adf635.js';
 import './TextButton.js';
-import '../color-347926b6.js';
-import '../consts-6bca01c7.js';
+import '../color-e29f58c0.js';
+import '../consts-75ffc51a.js';
 import '../withSendbird.js';
 import './ProgressBar.js';
 import '../VoicePlayer/useVoicePlayer.js';
-import '../index-71a20863.js';
-import '../consts-c1baf70a.js';
+import '../index-c82159a7.js';
+import '../consts-6d5cd4c1.js';
 import '../VoiceRecorder/context.js';
 import './Modal.js';
 import './PlaybackTime.js';
@@ -75,7 +75,7 @@ import './PlaybackTime.js';
 // should initialize in UserProfileContext.jsx
 
 function MessageContent(_ref) {
-  var _sender, _message$threadInfo, _message$isAdminMessa, _channel$members2, _channel$members2$fin, _channel$joinedAt, _message$parentMessag, _message$parentMessag2, _channel$url, _message$reactions, _message$isUserMessag, _message$isFileMessag;
+  var _sender, _message$threadInfo, _message$isAdminMessa, _channel$members2, _channel$members2$fin, _channel$joinedAt, _message$parentMessag2, _message$parentMessag3, _channel$url, _message$reactions, _message$isUserMessag, _message$isFileMessag;
   let {
     className,
     userId,
@@ -230,7 +230,8 @@ function MessageContent(_ref) {
           message
         });
       } else if (threadReplySelectType === ThreadReplySelectType.PARENT) {
-        scrollToMessage(message.parentMessage.createdAt, message.parentMessageId);
+        var _message$parentMessag;
+        scrollToMessage((_message$parentMessag = message.parentMessage) === null || _message$parentMessag === void 0 ? void 0 : _message$parentMessag.createdAt, message.parentMessageId);
       }
     }
   }), isReactionEnabledInChannel && /*#__PURE__*/React__default.createElement(MessageItemReactionMenu, {
@@ -263,15 +264,15 @@ function MessageContent(_ref) {
     message: message,
     userId: userId,
     isByMe: isByMe,
-    isUnavailable: replyType === 'THREAD' && ((_channel$joinedAt = channel === null || channel === void 0 ? void 0 : channel.joinedAt) !== null && _channel$joinedAt !== void 0 ? _channel$joinedAt : 0 * 1000) > ((_message$parentMessag = (_message$parentMessag2 = message.parentMessage) === null || _message$parentMessag2 === void 0 ? void 0 : _message$parentMessag2.createdAt) !== null && _message$parentMessag !== void 0 ? _message$parentMessag : 0),
+    isUnavailable: replyType === 'THREAD' && ((_channel$joinedAt = channel === null || channel === void 0 ? void 0 : channel.joinedAt) !== null && _channel$joinedAt !== void 0 ? _channel$joinedAt : 0 * 1000) > ((_message$parentMessag2 = (_message$parentMessag3 = message.parentMessage) === null || _message$parentMessag3 === void 0 ? void 0 : _message$parentMessag3.createdAt) !== null && _message$parentMessag2 !== void 0 ? _message$parentMessag2 : 0),
     onClick: () => {
-      var _message$parentMessag3;
+      var _message$parentMessag4;
       if (replyType === 'THREAD' && threadReplySelectType === ThreadReplySelectType.THREAD) {
         onQuoteMessageClick === null || onQuoteMessageClick === void 0 ? void 0 : onQuoteMessageClick({
           message: message
         });
       }
-      if ((replyType === 'QUOTE_REPLY' || replyType === 'THREAD' && threadReplySelectType === ThreadReplySelectType.PARENT) && message !== null && message !== void 0 && (_message$parentMessag3 = message.parentMessage) !== null && _message$parentMessag3 !== void 0 && _message$parentMessag3.createdAt && message !== null && message !== void 0 && message.parentMessageId) {
+      if ((replyType === 'QUOTE_REPLY' || replyType === 'THREAD' && threadReplySelectType === ThreadReplySelectType.PARENT) && message !== null && message !== void 0 && (_message$parentMessag4 = message.parentMessage) !== null && _message$parentMessag4 !== void 0 && _message$parentMessag4.createdAt && message !== null && message !== void 0 && message.parentMessageId) {
         scrollToMessage(message.parentMessage.createdAt, message.parentMessageId);
       }
     }
@@ -381,7 +382,8 @@ function MessageContent(_ref) {
           message
         });
       } else if (threadReplySelectType === ThreadReplySelectType.PARENT) {
-        scrollToMessage(message.parentMessage.createdAt, message.parentMessageId);
+        var _message$parentMessag5;
+        scrollToMessage((_message$parentMessag5 = message.parentMessage) === null || _message$parentMessag5 === void 0 ? void 0 : _message$parentMessag5.createdAt, message.parentMessageId);
       }
     }
   }))), showMenu && ((message === null || message === void 0 ? void 0 : (_message$isUserMessag = message.isUserMessage) === null || _message$isUserMessag === void 0 ? void 0 : _message$isUserMessag.call(message)) || (message === null || message === void 0 ? void 0 : (_message$isFileMessag = message.isFileMessage) === null || _message$isFileMessag === void 0 ? void 0 : _message$isFileMessag.call(message))) && /*#__PURE__*/React__default.createElement(MobileMenu, {
@@ -411,8 +413,8 @@ function MessageContent(_ref) {
           message
         });
       } else if (threadReplySelectType === ThreadReplySelectType.PARENT) {
-        var _message$parentMessag4;
-        scrollToMessage === null || scrollToMessage === void 0 ? void 0 : scrollToMessage((message === null || message === void 0 ? void 0 : (_message$parentMessag4 = message.parentMessage) === null || _message$parentMessag4 === void 0 ? void 0 : _message$parentMessag4.createdAt) || 0, (message === null || message === void 0 ? void 0 : message.parentMessageId) || 0);
+        var _message$parentMessag6;
+        scrollToMessage === null || scrollToMessage === void 0 ? void 0 : scrollToMessage((message === null || message === void 0 ? void 0 : (_message$parentMessag6 = message.parentMessage) === null || _message$parentMessag6 === void 0 ? void 0 : _message$parentMessag6.createdAt) || 0, (message === null || message === void 0 ? void 0 : message.parentMessageId) || 0);
       }
     }
   }));