@sendbird/uikit-react 3.4.3 → 3.4.4-rc.1

package/ui/Avatar.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-33004eb4.js';
+import { a as __spreadArray } from '../tslib.es6-f2e08a44.js';
 import React__default from 'react';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { u as uuidv4 } from '../uuid-7397f1ec.js';
+import { u as uuidv4 } from '../uuid-ba6bc915.js';
 import 'prop-types';
 
 var pxToNumber = (function (px) {

package/ui/Badge.js

@@ -1,10 +1,10 @@
-import { a as __spreadArray } from '../tslib.es6-33004eb4.js';
+import { a as __spreadArray } from '../tslib.es6-f2e08a44.js';
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ba549e6a.js';
-import { a as LocalizationContext } from '../LocalizationContext-4b25e6bc.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-62f648a3.js';
+import { a as LocalizationContext } from '../LocalizationContext-4fbc679d.js';
 import 'prop-types';
-import '../stringSet-80381462.js';
-import '../index-f3ba7696.js';
+import '../stringSet-5c7aee85.js';
+import '../index-27f0ab65.js';
 
 function Badge(_a) {
   var count = _a.count,

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-af6e4d1e.js';
+import { M as MODAL_ROOT } from '../index-fbd4a0c4.js';
 
 var BottomSheet = function (props) {
   var _a = props.className,

package/ui/Button.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-33004eb4.js';
+import { a as __spreadArray } from '../tslib.es6-f2e08a44.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ba549e6a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-62f648a3.js';
 import 'prop-types';
-import '../stringSet-80381462.js';
+import '../stringSet-5c7aee85.js';
 
 var ButtonTypes$1;
 

package/ui/ChannelAvatar.js

@@ -1,10 +1,10 @@
 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-4e5389df.js';
-import '../tslib.es6-33004eb4.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../utils-5403f9b1.js';
+import '../tslib.es6-f2e08a44.js';
 import './ImageRenderer.js';
-import '../uuid-7397f1ec.js';
+import '../uuid-ba6bc915.js';
 import 'prop-types';
 
 function ChannelAvatar(_a) {

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-ba549e6a.js';
-import { a as LocalizationContext } from '../LocalizationContext-4b25e6bc.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-62f648a3.js';
+import { a as LocalizationContext } from '../LocalizationContext-4fbc679d.js';
 import 'prop-types';
-import '../stringSet-80381462.js';
-import '../index-f3ba7696.js';
+import '../stringSet-5c7aee85.js';
+import '../index-27f0ab65.js';
 
 function ConnectionStatus() {
   var stringSet = useContext(LocalizationContext).stringSet;

package/ui/ContextMenu.js

@@ -1,13 +1,13 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { b as __extends, _ as __assign } from '../tslib.es6-33004eb4.js';
+import { b as __extends, _ as __assign } from '../tslib.es6-f2e08a44.js';
 import { createPortal } from 'react-dom';
 import SortByRow from './SortByRow.js';
-import { j as getClassName } from '../index-58b5008c.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ba549e6a.js';
-import '../uuid-7397f1ec.js';
+import { j as getClassName } from '../index-2dfbf6a2.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-62f648a3.js';
+import '../uuid-ba6bc915.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-80381462.js';
+import '../stringSet-5c7aee85.js';
 
 var HEIGHT_PADDING = 60;
 

package/ui/DateSeparator.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../tslib.es6-33004eb4.js';
+import { a as __spreadArray } from '../tslib.es6-f2e08a44.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../color-a450612f.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ba549e6a.js';
+import { C as Colors, c as changeColorToClassName } from '../color-a8e8431b.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-62f648a3.js';
 import 'prop-types';
-import '../stringSet-80381462.js';
+import '../stringSet-5c7aee85.js';
 
 var DateSeparator = function (_a) {
   var _b = _a.children,

package/ui/EmojiReactions.js

@@ -6,17 +6,17 @@ 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 getEmojiMapAll, j as getClassName, I as isReactedBy, J as getEmojiTooltipString, z as getEmojiListAll } from '../index-58b5008c.js';
-import { a as LocalizationContext } from '../LocalizationContext-4b25e6bc.js';
-import '../tslib.es6-33004eb4.js';
-import '../index-ba549e6a.js';
+import { H as getEmojiMapAll, j as getClassName, I as isReactedBy, J as getEmojiTooltipString, z as getEmojiListAll } from '../index-2dfbf6a2.js';
+import { a as LocalizationContext } from '../LocalizationContext-4fbc679d.js';
+import '../tslib.es6-f2e08a44.js';
+import '../index-62f648a3.js';
 import 'prop-types';
-import '../stringSet-80381462.js';
+import '../stringSet-5c7aee85.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-7397f1ec.js';
+import '../uuid-ba6bc915.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-f3ba7696.js';
+import '../index-27f0ab65.js';
 
 var EmojiReactions = function (_a) {
   var _b, _c;

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-ba549e6a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-62f648a3.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import TextButton from './TextButton.js';
-import { j as getClassName, K as getUIKitFileType, t as truncateString } from '../index-58b5008c.js';
-import { C as Colors } from '../color-a450612f.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-29dcaddb.js';
+import { j as getClassName, K as getUIKitFileType, t as truncateString } from '../index-2dfbf6a2.js';
+import { C as Colors } from '../color-a8e8431b.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-96262052.js';
 import 'prop-types';
-import '../stringSet-80381462.js';
-import '../tslib.es6-33004eb4.js';
+import '../stringSet-5c7aee85.js';
+import '../tslib.es6-f2e08a44.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function FileMessageItemBody(_a) {

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-4b25e6bc.js';
-import { M as MODAL_ROOT } from '../index-af6e4d1e.js';
-import { E as isSupportedFileView, F as isVideo, G as isImage } from '../index-58b5008c.js';
+import { a as LocalizationContext } from '../LocalizationContext-4fbc679d.js';
+import { M as MODAL_ROOT } from '../index-fbd4a0c4.js';
+import { E as isSupportedFileView, F as isVideo, G as isImage } from '../index-2dfbf6a2.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ba549e6a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-62f648a3.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../stringSet-80381462.js';
-import '../index-f3ba7696.js';
-import '../tslib.es6-33004eb4.js';
+import '../stringSet-5c7aee85.js';
+import '../index-27f0ab65.js';
+import '../tslib.es6-f2e08a44.js';
 import '../utils/message/getOutgoingMessageState.js';
 import './ImageRenderer.js';
-import '../uuid-7397f1ec.js';
+import '../uuid-ba6bc915.js';
 import 'prop-types';
 
 var FileViewerComponent = function (_a) {

package/ui/IconButton.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-33004eb4.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-f2e08a44.js';
 import React__default, { useState } from 'react';
 
 var IconButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {

package/ui/ImageRenderer.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray } from '../tslib.es6-33004eb4.js';
+import { a as __spreadArray } from '../tslib.es6-f2e08a44.js';
 import React__default, { useState, useMemo } from 'react';
 
 var ImageRenderer = function (_a) {

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-ba549e6a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-62f648a3.js';
 import 'prop-types';
-import '../stringSet-80381462.js';
+import '../stringSet-5c7aee85.js';
 
 var InputLabel = function (_a) {
   var children = _a.children;

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-ba549e6a.js';
-import '../stringSet-80381462.js';
+export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../index-62f648a3.js';
+import '../stringSet-5c7aee85.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-ba549e6a.js';
-import '../stringSet-80381462.js';
+import { d as changeColorToClassName, L as Label, a as LabelTypography, b as LabelColors } from '../index-62f648a3.js';
+import '../stringSet-5c7aee85.js';
 
 const http = /https?:\/\//;
 function LinkLabel(_ref) {

package/ui/Loader.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray } from '../tslib.es6-33004eb4.js';
+import { a as __spreadArray } from '../tslib.es6-f2e08a44.js';
 import React__default from 'react';
 import Icon, { IconTypes } from './Icon.js';
 import 'prop-types';

package/ui/MentionLabel.js

@@ -1,28 +1,27 @@
 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-ba549e6a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-62f648a3.js';
 import UserProfile from './UserProfile.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../tslib.es6-33004eb4.js';
+import '../tslib.es6-f2e08a44.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-7397f1ec.js';
-import '../index-58b5008c.js';
+import '../uuid-ba6bc915.js';
+import '../index-2dfbf6a2.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-80381462.js';
-import '../LocalizationContext-4b25e6bc.js';
-import '../index-f3ba7696.js';
-import '../UserProfileContext-2ea97dc1.js';
+import '../stringSet-5c7aee85.js';
+import '../LocalizationContext-4fbc679d.js';
+import '../index-27f0ab65.js';
+import '../UserProfileContext-08a492ab.js';
 import '../sendbirdSelectors.js';
-import '../topics-aa4d9dac.js';
-import '../utils-b84d9295.js';
+import '../topics-812ef49c.js';
+import '../utils-edb71921.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import './Button.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-38fb8170.js';
 
 function MentionLabel(props) {
   var _a, _b, _c;

package/ui/MentionLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"MentionLabel.js","sources":["../../src/ui/MentionLabel/index.tsx"],"sourcesContent":["import './index.scss';\n\nimport React, {\n  ReactElement,\n  useRef,\n  useState,\n  useCallback,\n} from 'react';\nimport type { User } from '@sendbird/chat';\n\nimport ContextMenu, { MenuItems } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport UserProfile from '../UserProfile';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\n\ninterface MentionLabelProps {\n  mentionTemplate: string;\n  mentionedUserId: string;\n  mentionedUserNickname: string;\n  isByMe: boolean;\n}\n\nexport default function MentionLabel(props: MentionLabelProps): JSX.Element {\n  const {\n    mentionTemplate,\n    mentionedUserId,\n    mentionedUserNickname,\n    isByMe,\n  } = props;\n\n  const mentionRef = useRef();\n\n  const sendbirdState = useSendbirdStateContext();\n  const userId = sendbirdState?.config?.userId;\n  const sdk = sendbirdState?.stores?.sdkStore?.sdk;\n  const amIBeingMentioned = userId === mentionedUserId;\n  const [user, setUser] = useState<User| null>();\n  const fetchUser = useCallback(\n    (toggleDropdown) => {\n      if (user || !sdk?.createApplicationUserListQuery) {\n        toggleDropdown();\n        return;\n      }\n      const query = sdk?.createApplicationUserListQuery({\n        userIdsFilter: [mentionedUserId],\n      });\n      query.next().then((members) => {\n        if (members?.length > 0) {\n          setUser(members[0]);\n        }\n        toggleDropdown();\n      });\n    },\n    [sdk, mentionedUserId],\n  );\n  return (\n    <ContextMenu\n      menuTrigger={(toggleDropdown: () => void): ReactElement => (\n        <a\n          className={`\n            sendbird-word__mention\n            ${amIBeingMentioned ? 'sendbird-word__mention--me' : ''}\n          `}\n          onClick={() => fetchUser(toggleDropdown)}\n          ref={mentionRef}\n          data-userid={mentionedUserId}\n          data-nickname={mentionedUserNickname}\n        >\n          <Label\n            type={LabelTypography.CAPTION_1}\n            color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n          >\n            {`${mentionTemplate}${mentionedUserNickname}`}\n          </Label>\n        </a>\n      )}\n      menuItems={(closeDropdown: () => void): ReactElement => (\n        <MenuItems\n          /**\n          * parentRef: For catching location(x, y) of MenuItems\n          * parentContainRef: For toggling more options(menus & reactions)\n          */\n          parentRef={mentionRef}\n          parentContainRef={mentionRef}\n          closeDropdown={closeDropdown}\n          style={{ paddingTop: '0px', paddingBottom: '0px' }}\n        >\n          <UserProfile\n            user={user}\n            onSuccess={closeDropdown}\n            currentUserId={userId}\n          />\n        </MenuItems>\n      )}\n    />\n  )\n}\n"],"names":["MentionLabel","props","mentionTemplate","mentionedUserId","mentionedUserNickname","isByMe","mentionRef","useRef","sendbirdState","useSendbirdStateContext","userId","_a","config","sdk","_c","_b","stores","sdkStore","amIBeingMentioned","_d","useState","user","setUser","fetchUser","useCallback","toggleDropdown","createApplicationUserListQuery","query","userIdsFilter","next","then","members","length","React","concat","LabelTypography","CAPTION_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","closeDropdown","paddingTop","paddingBottom"],"mappings":"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"}
+{"version":3,"file":"MentionLabel.js","sources":["../../src/ui/MentionLabel/index.tsx"],"sourcesContent":["import './index.scss';\n\nimport React, {\n  ReactElement,\n  useRef,\n  useState,\n  useCallback,\n} from 'react';\nimport type { User } from '@sendbird/chat';\n\nimport ContextMenu, { MenuItems } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport UserProfile from '../UserProfile';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\n\ninterface MentionLabelProps {\n  mentionTemplate: string;\n  mentionedUserId: string;\n  mentionedUserNickname: string;\n  isByMe: boolean;\n}\n\nexport default function MentionLabel(props: MentionLabelProps): JSX.Element {\n  const {\n    mentionTemplate,\n    mentionedUserId,\n    mentionedUserNickname,\n    isByMe,\n  } = props;\n\n  const mentionRef = useRef();\n\n  const sendbirdState = useSendbirdStateContext();\n  const userId = sendbirdState?.config?.userId;\n  const sdk = sendbirdState?.stores?.sdkStore?.sdk;\n  const amIBeingMentioned = userId === mentionedUserId;\n  const [user, setUser] = useState<User| null>();\n  const fetchUser = useCallback(\n    (toggleDropdown) => {\n      if (user || !sdk?.createApplicationUserListQuery) {\n        toggleDropdown();\n        return;\n      }\n      const query = sdk?.createApplicationUserListQuery({\n        userIdsFilter: [mentionedUserId],\n      });\n      query.next().then((members) => {\n        if (members?.length > 0) {\n          setUser(members[0]);\n        }\n        toggleDropdown();\n      });\n    },\n    [sdk, mentionedUserId],\n  );\n  return (\n    <ContextMenu\n      menuTrigger={(toggleDropdown: () => void): ReactElement => (\n        <a\n          className={`\n            sendbird-word__mention\n            ${amIBeingMentioned ? 'sendbird-word__mention--me' : ''}\n          `}\n          onClick={() => fetchUser(toggleDropdown)}\n          ref={mentionRef}\n          data-userid={mentionedUserId}\n          data-nickname={mentionedUserNickname}\n        >\n          <Label\n            type={LabelTypography.CAPTION_1}\n            color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n          >\n            {`${mentionTemplate}${mentionedUserNickname}`}\n          </Label>\n        </a>\n      )}\n      menuItems={(closeDropdown: () => void): ReactElement => (\n        <MenuItems\n          /**\n          * parentRef: For catching location(x, y) of MenuItems\n          * parentContainRef: For toggling more options(menus & reactions)\n          */\n          parentRef={mentionRef}\n          parentContainRef={mentionRef}\n          closeDropdown={closeDropdown}\n          style={{ paddingTop: '0px', paddingBottom: '0px' }}\n        >\n          <UserProfile\n            user={user}\n            onSuccess={closeDropdown}\n            currentUserId={userId}\n          />\n        </MenuItems>\n      )}\n    />\n  )\n}\n"],"names":["MentionLabel","props","mentionTemplate","mentionedUserId","mentionedUserNickname","isByMe","mentionRef","useRef","sendbirdState","useSendbirdStateContext","userId","_a","config","sdk","_c","_b","stores","sdkStore","amIBeingMentioned","_d","useState","user","setUser","fetchUser","useCallback","toggleDropdown","createApplicationUserListQuery","query","userIdsFilter","next","then","members","length","React","concat","LabelTypography","CAPTION_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","closeDropdown","paddingTop","paddingBottom"],"mappings":"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"}

package/ui/MentionUserLabel.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { M as MENTION_USER_LABEL_CLASSNAME } from '../consts-9f2eecf3.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from '../consts-6cda3569.js';
 
 function MentionUserLabel(_a) {
   var _b = _a.className,

package/ui/MessageContent.js

@@ -1,14 +1,14 @@
-import { a as _extends } from '../_rollupPluginBabelHelpers-38fb8170.js';
-import { _ as __assign } from '../tslib.es6-33004eb4.js';
+import { a as _extends } from '../_rollupPluginBabelHelpers-b23d4685.js';
+import { _ as __assign } from '../tslib.es6-f2e08a44.js';
 import React__default, { useState, useContext, useRef } from 'react';
-import { f as format } from '../index-9ee89f7c.js';
+import { f as format } from '../index-1fa1e6d0.js';
 import Avatar from './Avatar.js';
 import UserProfile from './UserProfile.js';
-import { M as MessageStatus } from '../index-eba6c13e.js';
+import { M as MessageStatus } from '../index-0b9d1551.js';
 import MessageItemMenu from './MessageItemMenu.js';
 import MessageItemReactionMenu from './MessageItemReactionMenu.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ba549e6a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-62f648a3.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import TextMessageItemBody from './TextMessageItemBody.js';
@@ -17,33 +17,33 @@ import ThumbnailMessageItemBody from './ThumbnailMessageItemBody.js';
 import OGMessageItemBody from './OGMessageItemBody.js';
 import UnknownMessageItemBody from './UnknownMessageItemBody.js';
 import QuoteMessage from './QuoteMessage.js';
-import { s as isUserMessage, v as isSentMessage, w as isFailedMessage, x as isPendingMessage, m as isFileMessage, y as copyToClipboard, z as getEmojiListAll, A as getUIKitMessageTypes, o as isThumbnailMessage, j as getClassName, B as getSenderName, C as isTextMessage, D as isOGMessage, u as getUIKitMessageType, d as isVoiceMessage } from '../index-58b5008c.js';
-import { a as UserProfileContext } from '../UserProfileContext-2ea97dc1.js';
-import { u as useLocalization } from '../LocalizationContext-4b25e6bc.js';
+import { s as isUserMessage, v as isSentMessage, w as isFailedMessage, x as isPendingMessage, m as isFileMessage, y as copyToClipboard, z as getEmojiListAll, A as getUIKitMessageTypes, o as isThumbnailMessage, j as getClassName, B as getSenderName, C as isTextMessage, D as isOGMessage, u as getUIKitMessageType, d as isVoiceMessage } from '../index-2dfbf6a2.js';
+import { a as UserProfileContext } from '../UserProfileContext-08a492ab.js';
+import { u as useLocalization } from '../LocalizationContext-4fbc679d.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { u as useLongPress } from '../useLongPress-562f0826.js';
+import { u as useLongPress } from '../useLongPress-37f6a445.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import BottomSheet from './BottomSheet.js';
 import ImageRenderer from './ImageRenderer.js';
 import ReactionButton from './ReactionButton.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-29dcaddb.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-96262052.js';
 import ThreadReplies from './ThreadReplies.js';
-import { T as ThreadReplySelectType } from '../const-2d43b497.js';
+import { T as ThreadReplySelectType } from '../const-19948b22.js';
 import { VoiceMessageItemBody } from './VoiceMessageItemBody.js';
-import '../index-f3ba7696.js';
-import '../uuid-7397f1ec.js';
+import '../index-27f0ab65.js';
+import '../uuid-ba6bc915.js';
 import 'prop-types';
 import '../sendbirdSelectors.js';
-import '../topics-aa4d9dac.js';
-import '../utils-b84d9295.js';
+import '../topics-812ef49c.js';
+import '../utils-edb71921.js';
 import './Button.js';
-import '../stringSet-80381462.js';
+import '../stringSet-5c7aee85.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-d69c6128.js';
-import '../index-fb9f4d36.js';
+import '../index-328ab4c8.js';
+import '../index-4732c108.js';
 import './IconButton.js';
-import '../types-79f3626f.js';
+import '../types-f3611450.js';
 import 'react-dom';
 import './SortByRow.js';
 import './Tooltip.js';
@@ -53,15 +53,14 @@ import './Word.js';
 import './LinkLabel.js';
 import './MentionLabel.js';
 import './TextButton.js';
-import '../color-a450612f.js';
+import '../color-a8e8431b.js';
 import '../withSendbird.js';
-import '../index-af6e4d1e.js';
+import '../index-fbd4a0c4.js';
 import './ProgressBar.js';
 import '../VoicePlayer/useVoicePlayer.js';
-import '../index-5e921f58.js';
-import '../consts-cedae35a.js';
+import '../index-64ea2c4d.js';
+import '../consts-ebe0485e.js';
 import '../VoiceRecorder/context.js';
-import '../lame.all.js';
 import './PlaybackTime.js';
 
 var MobileContextMenu = function (props) {