@sendbird/uikit-react 3.5.0 → 3.5.1

package/ui/OpenchannelOGMessage.js

@@ -1,38 +1,38 @@
-import { b as _extends, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-fb0e05a4.js';
+import { b as _extends, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-1be219c2.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../index-4455855e.js';
+import { f as format } from '../index-fea4f7d3.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import LinkLabel from './LinkLabel.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-d88e3ef9.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-c776d522.js';
-import { u as uuidv4 } from '../uuid-92d22300.js';
-import { c as copyToClipboard } from '../utils-7f3d0d8c.js';
-import { u as useLocalization } from '../LocalizationContext-04c0c9dc.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-c149ea48.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-ff9dca2b.js';
-import { u as useLongPress } from '../useLongPress-1ab49410.js';
-import { T as TextFragment } from '../index-ebb62af1.js';
-import { t as tokenizeMessage } from '../tokenize-1b053c86.js';
-import '../index-319984d0.js';
+import { a as UserProfileContext } from '../UserProfileContext-a56cc682.js';
+import { u as uuidv4 } from '../uuid-8c96bee0.js';
+import { c as copyToClipboard } from '../utils-712b81f7.js';
+import { u as useLocalization } from '../LocalizationContext-25d6694d.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-2d858f6d.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-94c9086a.js';
+import { u as useLongPress } from '../useLongPress-5e28b292.js';
+import { T as TextFragment } from '../index-9a62272f.js';
+import { t as tokenizeMessage } from '../tokenize-053e921e.js';
+import '../index-a4552c13.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-cf859f03.js';
+import '../index-c589f349.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../stringSet-e0ee1265.js';
+import '../stringSet-3649b375.js';
 import '../sendbirdSelectors.js';
-import '../topics-70f569e9.js';
-import '../utils-56cb7de5.js';
+import '../topics-d0dcd2f2.js';
+import '../utils-a1f2aa01.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
-import '../index.module-6b7ed635.js';
+import '../index.module-1ba8586e.js';
 import '../Message/context.js';
 import './MentionLabel.js';
 

package/ui/OpenchannelThumbnailMessage.js

@@ -1,30 +1,30 @@
-import { b as _extends, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-fb0e05a4.js';
+import { b as _extends, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-1be219c2.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../index-4455855e.js';
-import { u as useLocalization } from '../LocalizationContext-04c0c9dc.js';
+import { f as format } from '../index-fea4f7d3.js';
+import { u as useLocalization } from '../LocalizationContext-25d6694d.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconColors, IconTypes } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.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-d88e3ef9.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-c776d522.js';
-import { g as getSenderFromMessage, b as isFineResend, s as showMenuTrigger, c as isFineDelete, O as OpenChannelMobileMenu, f as checkIsSent, d as checkIsPending, e as checkIsFailed } from '../index-c149ea48.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-ff9dca2b.js';
-import { u as useLongPress } from '../useLongPress-1ab49410.js';
-import '../index-319984d0.js';
-import '../stringSet-e0ee1265.js';
-import '../uuid-92d22300.js';
+import { a as UserProfileContext } from '../UserProfileContext-a56cc682.js';
+import { g as getSenderFromMessage, b as isFineResend, s as showMenuTrigger, c as isFineDelete, O as OpenChannelMobileMenu, f as checkIsSent, d as checkIsPending, e as checkIsFailed } from '../index-2d858f6d.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-94c9086a.js';
+import { u as useLongPress } from '../useLongPress-5e28b292.js';
+import '../index-a4552c13.js';
+import '../stringSet-3649b375.js';
+import '../uuid-8c96bee0.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-cf859f03.js';
+import '../index-c589f349.js';
 import '../utils/message/getOutgoingMessageState.js';
 import '../sendbirdSelectors.js';
-import '../topics-70f569e9.js';
-import '../utils-56cb7de5.js';
+import '../topics-d0dcd2f2.js';
+import '../utils-a1f2aa01.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';

package/ui/OpenchannelUserMessage.js

@@ -1,31 +1,31 @@
-import { b as _extends, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-fb0e05a4.js';
+import { b as _extends, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-1be219c2.js';
 import React__default, { useContext, useRef, useState, useEffect } from 'react';
-import { f as format } from '../index-4455855e.js';
+import { f as format } from '../index-fea4f7d3.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.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-d88e3ef9.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-c776d522.js';
-import { u as useLocalization } from '../LocalizationContext-04c0c9dc.js';
-import { c as copyToClipboard } from '../utils-7f3d0d8c.js';
-import { u as uuidv4 } from '../uuid-92d22300.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-c149ea48.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-ff9dca2b.js';
-import { u as useLongPress } from '../useLongPress-1ab49410.js';
-import { B as isEditedMessage } from '../index-cf859f03.js';
-import '../index-319984d0.js';
+import { a as UserProfileContext } from '../UserProfileContext-a56cc682.js';
+import { u as useLocalization } from '../LocalizationContext-25d6694d.js';
+import { c as copyToClipboard } from '../utils-712b81f7.js';
+import { u as uuidv4 } from '../uuid-8c96bee0.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-2d858f6d.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-94c9086a.js';
+import { u as useLongPress } from '../useLongPress-5e28b292.js';
+import { B as isEditedMessage } from '../index-c589f349.js';
+import '../index-a4552c13.js';
 import './ImageRenderer.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../stringSet-e0ee1265.js';
+import '../stringSet-3649b375.js';
 import '../sendbirdSelectors.js';
-import '../topics-70f569e9.js';
-import '../utils-56cb7de5.js';
+import '../topics-d0dcd2f2.js';
+import '../utils-a1f2aa01.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';

package/ui/PlaceHolder.js

@@ -1,10 +1,10 @@
 import 'react';
-export { a as PlaceHolderTypes, P as default } from '../index-9cd77b08.js';
-import '../LocalizationContext-04c0c9dc.js';
+export { a as PlaceHolderTypes, P as default } from '../index-32a56033.js';
+import '../LocalizationContext-25d6694d.js';
 import './Icon.js';
-import '../index-e33f7f55.js';
+import '../index-d88e3ef9.js';
 import './Loader.js';
-import '../stringSet-e0ee1265.js';
-import '../index-319984d0.js';
+import '../stringSet-3649b375.js';
+import '../index-a4552c13.js';
 import 'prop-types';
 //# sourceMappingURL=PlaceHolder.js.map

package/ui/PlaybackTime.js

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

package/ui/QuoteMessage.js

@@ -1,13 +1,13 @@
 import React__default, { useContext, useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.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-d88e3ef9.js';
 import ImageRenderer from './ImageRenderer.js';
-import { a as LocalizationContext } from '../LocalizationContext-04c0c9dc.js';
-import { M as getUIKitFileTypes, h as getClassName, q as isUserMessage, d as isVoiceMessage, m as isThumbnailMessage, y as isVideo, N as isGif, r as getUIKitMessageType, U as UIKitMessageTypes, L as getUIKitFileType, t as truncateString } from '../index-cf859f03.js';
+import { a as LocalizationContext } from '../LocalizationContext-25d6694d.js';
+import { M as getUIKitFileTypes, h as getClassName, q as isUserMessage, d as isVoiceMessage, m as isThumbnailMessage, y as isVideo, N as isGif, r as getUIKitMessageType, U as UIKitMessageTypes, L as getUIKitFileType, t as truncateString } from '../index-c589f349.js';
 import 'prop-types';
-import '../stringSet-e0ee1265.js';
-import '../index-319984d0.js';
-import '../_rollupPluginBabelHelpers-fb0e05a4.js';
+import '../stringSet-3649b375.js';
+import '../index-a4552c13.js';
+import '../_rollupPluginBabelHelpers-1be219c2.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function QuoteMessage(_ref) {

package/ui/QuoteMessageInput.js

@@ -1,14 +1,14 @@
 import React__default, { useContext } from 'react';
-import { k as isFileMessage, d as isVoiceMessage, l as isImageMessage, m as isThumbnailMessage, n as isAudioMessage, h as getClassName, o as isGifMessage, p as isVideoMessage, q as isUserMessage, r as getUIKitMessageType, U as UIKitMessageTypes } from '../index-cf859f03.js';
+import { k as isFileMessage, d as isVoiceMessage, l as isImageMessage, m as isThumbnailMessage, n as isAudioMessage, h as getClassName, o as isGifMessage, p as isVideoMessage, q as isUserMessage, r as getUIKitMessageType, U as UIKitMessageTypes } from '../index-c589f349.js';
 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-d88e3ef9.js';
+import { a as LocalizationContext } from '../LocalizationContext-25d6694d.js';
 import ImageRenderer from './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-fb0e05a4.js';
+import '../_rollupPluginBabelHelpers-1be219c2.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-e0ee1265.js';
-import '../index-319984d0.js';
+import '../stringSet-3649b375.js';
+import '../index-a4552c13.js';
 
 const componentClassname = 'sendbird-quote_message_input__avatar';
 function QuoteMessageThumbnail(_ref) {

package/ui/ReactionBadge.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-d88e3ef9.js';
 import 'prop-types';
-import '../stringSet-e0ee1265.js';
+import '../stringSet-3649b375.js';
 
 const ReactionBadge = /*#__PURE__*/React__default.forwardRef((props, ref) => {
   const {

package/ui/ReactionButton.js

@@ -1,8 +1,8 @@
-import { b as _extends } from '../_rollupPluginBabelHelpers-fb0e05a4.js';
+import { b as _extends } from '../_rollupPluginBabelHelpers-1be219c2.js';
 import React__default from 'react';
-import { u as useLongPress } from '../useLongPress-1ab49410.js';
-import { n as noop } from '../utils-56cb7de5.js';
-import '../MediaQueryContext-ff9dca2b.js';
+import { u as useLongPress } from '../useLongPress-5e28b292.js';
+import { n as noop } from '../utils-a1f2aa01.js';
+import '../MediaQueryContext-94c9086a.js';
 
 const ReactionButton = /*#__PURE__*/React__default.forwardRef((props, ref) => {
   const {

package/ui/SortByRow.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { u as uuidv4 } from '../uuid-92d22300.js';
+import { u as uuidv4 } from '../uuid-8c96bee0.js';
 
 const componentClassName = 'sendbird-sort-by-row';
 function SortByRow(_ref) {

package/ui/TextButton.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../color-347926b6.js';
+import { C as Colors, c as changeColorToClassName } from '../color-04427a41.js';
 
 const TextButton = _ref => {
   let {

package/ui/TextMessageItemBody.js

@@ -1,27 +1,27 @@
 import React__default, { useContext, useMemo } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e33f7f55.js';
-import { h as getClassName, B as isEditedMessage } from '../index-cf859f03.js';
-import { a as LocalizationContext } from '../LocalizationContext-04c0c9dc.js';
-import { t as tokenizeMessage } from '../tokenize-1b053c86.js';
-import { T as TextFragment } from '../index-ebb62af1.js';
-import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../consts-7a169a0f.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-d88e3ef9.js';
+import { h as getClassName, B as isEditedMessage } from '../index-c589f349.js';
+import { a as LocalizationContext } from '../LocalizationContext-25d6694d.js';
+import { t as tokenizeMessage } from '../tokenize-053e921e.js';
+import { T as TextFragment } from '../index-9a62272f.js';
+import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../consts-a5106683.js';
 import 'prop-types';
-import '../stringSet-e0ee1265.js';
-import '../_rollupPluginBabelHelpers-fb0e05a4.js';
+import '../stringSet-3649b375.js';
+import '../_rollupPluginBabelHelpers-1be219c2.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-319984d0.js';
-import '../index.module-6b7ed635.js';
+import '../index-a4552c13.js';
+import '../index.module-1ba8586e.js';
 import '../Message/context.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-92d22300.js';
+import '../uuid-8c96bee0.js';
 import './UserProfile.js';
-import '../UserProfileContext-c776d522.js';
+import '../UserProfileContext-a56cc682.js';
 import '../sendbirdSelectors.js';
-import '../topics-70f569e9.js';
-import '../utils-56cb7de5.js';
+import '../topics-d0dcd2f2.js';
+import '../utils-a1f2aa01.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';

package/ui/ThreadReplies.js

@@ -1,13 +1,13 @@
 import React__default from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e33f7f55.js';
-import { u as useLocalization } from '../LocalizationContext-04c0c9dc.js';
-import { u as uuidv4 } from '../uuid-92d22300.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-d88e3ef9.js';
+import { u as useLocalization } from '../LocalizationContext-25d6694d.js';
+import { u as uuidv4 } from '../uuid-8c96bee0.js';
 import './ImageRenderer.js';
 import 'prop-types';
-import '../stringSet-e0ee1265.js';
-import '../index-319984d0.js';
+import '../stringSet-3649b375.js';
+import '../index-a4552c13.js';
 
 function ThreadReplies(_ref) {
   var _mostRepliedUsers$;

package/ui/ThumbnailMessageItemBody.js

@@ -1,13 +1,13 @@
-import { b as _extends } from '../_rollupPluginBabelHelpers-fb0e05a4.js';
+import { b as _extends } from '../_rollupPluginBabelHelpers-1be219c2.js';
 import React__default, { useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ImageRenderer from './ImageRenderer.js';
-import { h as getClassName, p as isVideoMessage, o as isGifMessage, C as isSentMessage } from '../index-cf859f03.js';
-import { n as noop } from '../utils-56cb7de5.js';
-import { u as useLongPress } from '../useLongPress-1ab49410.js';
+import { h as getClassName, p as isVideoMessage, o as isGifMessage, C as isSentMessage } from '../index-c589f349.js';
+import { n as noop } from '../utils-a1f2aa01.js';
+import { u as useLongPress } from '../useLongPress-5e28b292.js';
 import 'prop-types';
 import '../utils/message/getOutgoingMessageState.js';
-import '../MediaQueryContext-ff9dca2b.js';
+import '../MediaQueryContext-94c9086a.js';
 
 function ThumbnailMessageItemBody(_ref) {
   var _thumbnails$, _message$reactions$le, _message$reactions;

package/ui/Toggle.js

@@ -1,5 +1,5 @@
 import React__default, { useState, useCallback } from 'react';
-import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-fb0e05a4.js';
+import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-1be219c2.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 

package/ui/Tooltip.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-d88e3ef9.js';
 import 'prop-types';
-import '../stringSet-e0ee1265.js';
+import '../stringSet-3649b375.js';
 
 function Tooltip(_ref) {
   let {

package/ui/UnknownMessageItemBody.js

@@ -1,12 +1,12 @@
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e33f7f55.js';
-import { h as getClassName } from '../index-cf859f03.js';
-import { a as LocalizationContext } from '../LocalizationContext-04c0c9dc.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-d88e3ef9.js';
+import { h as getClassName } from '../index-c589f349.js';
+import { a as LocalizationContext } from '../LocalizationContext-25d6694d.js';
 import 'prop-types';
-import '../stringSet-e0ee1265.js';
-import '../_rollupPluginBabelHelpers-fb0e05a4.js';
+import '../stringSet-3649b375.js';
+import '../_rollupPluginBabelHelpers-1be219c2.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-319984d0.js';
+import '../index-a4552c13.js';
 
 function UnknownMessageItemBody(_ref) {
   var _message$reactions;

package/ui/UserListItem.js

@@ -1,28 +1,28 @@
 import React__default, { useContext } from 'react';
-import { a as UserProfileContext } from '../UserProfileContext-c776d522.js';
-import { a as LocalizationContext } from '../LocalizationContext-04c0c9dc.js';
+import { a as UserProfileContext } from '../UserProfileContext-a56cc682.js';
+import { a as LocalizationContext } from '../LocalizationContext-25d6694d.js';
 import Avatar from './Avatar.js';
 import MutedAvatarOverlay from './MutedAvatarOverlay.js';
 import Checkbox from './Checkbox.js';
 import UserProfile from './UserProfile.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-d88e3ef9.js';
 import 'prop-types';
-import '../stringSet-e0ee1265.js';
-import '../index-319984d0.js';
+import '../stringSet-3649b375.js';
+import '../index-a4552c13.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import '../uuid-92d22300.js';
+import '../uuid-8c96bee0.js';
 import '../sendbirdSelectors.js';
-import '../_rollupPluginBabelHelpers-fb0e05a4.js';
-import '../topics-70f569e9.js';
-import '../utils-56cb7de5.js';
+import '../_rollupPluginBabelHelpers-1be219c2.js';
+import '../topics-d0dcd2f2.js';
+import '../utils-a1f2aa01.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-cf859f03.js';
+import '../index-c589f349.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function UserListItem(_ref) {

package/ui/UserProfile.js

@@ -1,20 +1,20 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../LocalizationContext-04c0c9dc.js';
-import { a as UserProfileContext } from '../UserProfileContext-c776d522.js';
+import { a as LocalizationContext } from '../LocalizationContext-25d6694d.js';
+import { a as UserProfileContext } from '../UserProfileContext-a56cc682.js';
 import { getCreateGroupChannel } from '../sendbirdSelectors.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-d88e3ef9.js';
 import Button, { ButtonTypes } from './Button.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../stringSet-e0ee1265.js';
-import '../index-319984d0.js';
+import '../stringSet-3649b375.js';
+import '../index-a4552c13.js';
 import 'prop-types';
-import '../_rollupPluginBabelHelpers-fb0e05a4.js';
-import '../topics-70f569e9.js';
-import '../utils-56cb7de5.js';
+import '../_rollupPluginBabelHelpers-1be219c2.js';
+import '../topics-d0dcd2f2.js';
+import '../utils-a1f2aa01.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import '../uuid-92d22300.js';
+import '../uuid-8c96bee0.js';
 import '../withSendbird.js';
 
 function UserProfile(_ref) {

package/ui/VoiceMessageItemBody.js

@@ -4,21 +4,21 @@ import { useVoicePlayer } from '../VoicePlayer/useVoicePlayer.js';
 import { PlaybackTime } from './PlaybackTime.js';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { a as LabelTypography, b as LabelColors } from '../index-e33f7f55.js';
-import { a as VOICE_PLAYER_STATUS } from '../index-71a20863.js';
-import '../consts-c1baf70a.js';
+import { a as LabelTypography, b as LabelColors } from '../index-d88e3ef9.js';
+import { a as VOICE_PLAYER_STATUS } from '../index-f4374646.js';
+import '../consts-e6fdc559.js';
 import '../VoiceRecorder/context.js';
-import '../LocalizationContext-04c0c9dc.js';
-import '../stringSet-e0ee1265.js';
-import '../index-319984d0.js';
+import '../LocalizationContext-25d6694d.js';
+import '../stringSet-3649b375.js';
+import '../index-a4552c13.js';
 import './Modal.js';
 import 'react-dom';
-import '../index-9a4e0846.js';
+import '../index-5819e39d.js';
 import './Button.js';
 import 'prop-types';
 import './IconButton.js';
-import '../_rollupPluginBabelHelpers-fb0e05a4.js';
-import '../MediaQueryContext-ff9dca2b.js';
+import '../_rollupPluginBabelHelpers-1be219c2.js';
+import '../MediaQueryContext-94c9086a.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 

package/ui/VoiceMessgeInput.js

@@ -3,12 +3,12 @@ import './PlaybackTime.js';
 import './ProgressBar.js';
 import './TextButton.js';
 import './Icon.js';
-import '../index-e33f7f55.js';
-import '../LocalizationContext-04c0c9dc.js';
-export { a as VoiceMessageInput } from '../index-7d71b26c.js';
-import '../consts-c1baf70a.js';
+import '../index-d88e3ef9.js';
+import '../LocalizationContext-25d6694d.js';
+export { a as VoiceMessageInput } from '../index-36d49e08.js';
+import '../consts-e6fdc559.js';
 import 'prop-types';
-import '../stringSet-e0ee1265.js';
-import '../color-347926b6.js';
-import '../index-319984d0.js';
+import '../stringSet-3649b375.js';
+import '../color-04427a41.js';
+import '../index-a4552c13.js';
 //# sourceMappingURL=VoiceMessgeInput.js.map

package/ui/Word.js

@@ -1,23 +1,23 @@
 import React__default from 'react';
-import { a as LabelTypography } from '../index-e33f7f55.js';
+import { a as LabelTypography } from '../index-d88e3ef9.js';
 import LinkLabel from './LinkLabel.js';
-import { u as uuidv4 } from '../uuid-92d22300.js';
-import { P as convertWordToStringObj, S as StringObjType } from '../index-cf859f03.js';
+import { u as uuidv4 } from '../uuid-8c96bee0.js';
+import { P as convertWordToStringObj, S as StringObjType } from '../index-c589f349.js';
 import MentionLabel from './MentionLabel.js';
 import 'prop-types';
-import '../stringSet-e0ee1265.js';
-import '../_rollupPluginBabelHelpers-fb0e05a4.js';
+import '../stringSet-3649b375.js';
+import '../_rollupPluginBabelHelpers-1be219c2.js';
 import '../utils/message/getOutgoingMessageState.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
 import './UserProfile.js';
-import '../LocalizationContext-04c0c9dc.js';
-import '../index-319984d0.js';
-import '../UserProfileContext-c776d522.js';
+import '../LocalizationContext-25d6694d.js';
+import '../index-a4552c13.js';
+import '../UserProfileContext-a56cc682.js';
 import '../sendbirdSelectors.js';
-import '../topics-70f569e9.js';
-import '../utils-56cb7de5.js';
+import '../topics-d0dcd2f2.js';
+import '../utils-a1f2aa01.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';

package/{useDirtyGetMentions-f00f1f94.js → useDirtyGetMentions-b9a9c21b.js}

@@ -72,4 +72,4 @@ function useDirtyGetMentions(_ref, _ref2) {
 }
 
 export { useDirtyGetMentions as u };
-//# sourceMappingURL=useDirtyGetMentions-f00f1f94.js.map
+//# sourceMappingURL=useDirtyGetMentions-b9a9c21b.js.map

package/{useDirtyGetMentions-f00f1f94.js.map → useDirtyGetMentions-b9a9c21b.js.map}

@@ -1 +1 @@
-{"version":3,"file":"useDirtyGetMentions-f00f1f94.js","sources":["../src/modules/Message/utils/getMentionNodes.ts","../src/modules/Message/hooks/useDirtyGetMentions.ts"],"sourcesContent":["export function getMentionNodes(root: HTMLElement): Element[] {\n  if (root) {\n    const mentions = root.querySelectorAll(\"[data-sb-mention='true']\");\n    const mentionsArray = Array.from(mentions);\n    return mentionsArray;\n  }\n  return [];\n}\n","import { useEffect, useLayoutEffect, useState } from 'react';\n\nimport { Logger } from '../../../lib/SendbirdState';\nimport { getMentionNodes } from '../utils/getMentionNodes';\n\ninterface DynamicParams {\n  ref: React.RefObject<HTMLElement>;\n}\n\ninterface StaticParams {\n  logger: Logger;\n}\n\n/**\n * This is a dirty way to get the mentions given DOM node\n */\nexport function useDirtyGetMentions({\n  ref,\n}: DynamicParams, {\n  logger,\n}: StaticParams) {\n  // Select the node that will be observed for mutations\n  const targetNode = ref.current as HTMLElement;\n  const [mentionNodes, setMentionNodes] = useState<Element[]>([]);\n\n  // to get the initial mentions\n  useLayoutEffect(() => {\n    if (targetNode) {\n      const mentions = getMentionNodes(targetNode);\n      setMentionNodes(mentions);\n    }\n  }, [targetNode]);\n\n  useEffect(() => {\n    // Options for the observer (which mutations to observe)\n    const config = { childList: true, subtree: true };\n\n    // Callback function to execute when mutations are observed\n    const callback = (mutationList: MutationRecord[]): void => {\n      const hasMutation = mutationList.length > 0;\n      if (hasMutation) {\n        setMentionNodes(getMentionNodes(targetNode));\n      }\n    };\n\n    // Create an observer instance linked to the callback function\n    const observer = new MutationObserver(callback);\n\n    if (targetNode) {\n      // Start observing the target node for configured mutations\n      observer.observe(targetNode, config);\n      logger.info('useDirtyGetMentions: observer started', { observer, config });\n    }\n\n    return () => {\n      try {\n        observer.disconnect();\n        logger.info('useDirtyGetMentions: observer disconnected', { observer });\n      } catch (error) {\n        logger.error('useDirtyGetMentions: observer disconnect failed', { observer });\n      }\n    };\n  }, [targetNode]);\n  return mentionNodes;\n}\n"],"names":["getMentionNodes","root","mentions","querySelectorAll","mentionsArray","Array","from","useDirtyGetMentions","_ref","_ref2","ref","logger","targetNode","current","mentionNodes","setMentionNodes","useState","useLayoutEffect","useEffect","config","childList","subtree","callback","mutationList","hasMutation","length","observer","MutationObserver","observe","info","disconnect","error"],"mappings":";;AAAO,SAASA,eAAeA,CAACC,IAAiB,EAAa;AAC5D,EAAA,IAAIA,IAAI,EAAE;AACR,IAAA,MAAMC,QAAQ,GAAGD,IAAI,CAACE,gBAAgB,CAAC,0BAA0B,CAAC,CAAA;AAClE,IAAA,MAAMC,aAAa,GAAGC,KAAK,CAACC,IAAI,CAACJ,QAAQ,CAAC,CAAA;AAC1C,IAAA,OAAOE,aAAa,CAAA;AACtB,GAAA;AACA,EAAA,OAAO,EAAE,CAAA;AACX;;ACMA;AACA;AACA;AACO,SAASG,mBAAmBA,CAAAC,IAAA,EAAAC,KAAA,EAIlB;EAAA,IAJmB;AAClCC,IAAAA,GAAAA;AACa,GAAC,GAAAF,IAAA,CAAA;EAAA,IAAE;AAChBG,IAAAA,MAAAA;AACY,GAAC,GAAAF,KAAA,CAAA;AACb;AACA,EAAA,MAAMG,UAAU,GAAGF,GAAG,CAACG,OAAsB,CAAA;EAC7C,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGC,QAAQ,CAAY,EAAE,CAAC,CAAA;;AAE/D;AACAC,EAAAA,eAAe,CAAC,MAAM;AACpB,IAAA,IAAIL,UAAU,EAAE;AACd,MAAA,MAAMV,QAAQ,GAAGF,eAAe,CAACY,UAAU,CAAC,CAAA;MAC5CG,eAAe,CAACb,QAAQ,CAAC,CAAA;AAC3B,KAAA;AACF,GAAC,EAAE,CAACU,UAAU,CAAC,CAAC,CAAA;AAEhBM,EAAAA,SAAS,CAAC,MAAM;AACd;AACA,IAAA,MAAMC,MAAM,GAAG;AAAEC,MAAAA,SAAS,EAAE,IAAI;AAAEC,MAAAA,OAAO,EAAE,IAAA;KAAM,CAAA;;AAEjD;IACA,MAAMC,QAAQ,GAAIC,YAA8B,IAAW;AACzD,MAAA,MAAMC,WAAW,GAAGD,YAAY,CAACE,MAAM,GAAG,CAAC,CAAA;AAC3C,MAAA,IAAID,WAAW,EAAE;AACfT,QAAAA,eAAe,CAACf,eAAe,CAACY,UAAU,CAAC,CAAC,CAAA;AAC9C,OAAA;KACD,CAAA;;AAED;AACA,IAAA,MAAMc,QAAQ,GAAG,IAAIC,gBAAgB,CAACL,QAAQ,CAAC,CAAA;AAE/C,IAAA,IAAIV,UAAU,EAAE;AACd;AACAc,MAAAA,QAAQ,CAACE,OAAO,CAAChB,UAAU,EAAEO,MAAM,CAAC,CAAA;AACpCR,MAAAA,MAAM,CAACkB,IAAI,CAAC,uCAAuC,EAAE;QAAEH,QAAQ;AAAEP,QAAAA,MAAAA;AAAO,OAAC,CAAC,CAAA;AAC5E,KAAA;AAEA,IAAA,OAAO,MAAM;MACX,IAAI;QACFO,QAAQ,CAACI,UAAU,EAAE,CAAA;AACrBnB,QAAAA,MAAM,CAACkB,IAAI,CAAC,4CAA4C,EAAE;AAAEH,UAAAA,QAAAA;AAAS,SAAC,CAAC,CAAA;OACxE,CAAC,OAAOK,KAAK,EAAE;AACdpB,QAAAA,MAAM,CAACoB,KAAK,CAAC,iDAAiD,EAAE;AAAEL,UAAAA,QAAAA;AAAS,SAAC,CAAC,CAAA;AAC/E,OAAA;KACD,CAAA;AACH,GAAC,EAAE,CAACd,UAAU,CAAC,CAAC,CAAA;AAChB,EAAA,OAAOE,YAAY,CAAA;AACrB;;;;"}
+{"version":3,"file":"useDirtyGetMentions-b9a9c21b.js","sources":["../src/modules/Message/utils/getMentionNodes.ts","../src/modules/Message/hooks/useDirtyGetMentions.ts"],"sourcesContent":["export function getMentionNodes(root: HTMLElement): Element[] {\n  if (root) {\n    const mentions = root.querySelectorAll(\"[data-sb-mention='true']\");\n    const mentionsArray = Array.from(mentions);\n    return mentionsArray;\n  }\n  return [];\n}\n","import { useEffect, useLayoutEffect, useState } from 'react';\n\nimport { Logger } from '../../../lib/SendbirdState';\nimport { getMentionNodes } from '../utils/getMentionNodes';\n\ninterface DynamicParams {\n  ref: React.RefObject<HTMLElement>;\n}\n\ninterface StaticParams {\n  logger: Logger;\n}\n\n/**\n * This is a dirty way to get the mentions given DOM node\n */\nexport function useDirtyGetMentions({\n  ref,\n}: DynamicParams, {\n  logger,\n}: StaticParams) {\n  // Select the node that will be observed for mutations\n  const targetNode = ref.current as HTMLElement;\n  const [mentionNodes, setMentionNodes] = useState<Element[]>([]);\n\n  // to get the initial mentions\n  useLayoutEffect(() => {\n    if (targetNode) {\n      const mentions = getMentionNodes(targetNode);\n      setMentionNodes(mentions);\n    }\n  }, [targetNode]);\n\n  useEffect(() => {\n    // Options for the observer (which mutations to observe)\n    const config = { childList: true, subtree: true };\n\n    // Callback function to execute when mutations are observed\n    const callback = (mutationList: MutationRecord[]): void => {\n      const hasMutation = mutationList.length > 0;\n      if (hasMutation) {\n        setMentionNodes(getMentionNodes(targetNode));\n      }\n    };\n\n    // Create an observer instance linked to the callback function\n    const observer = new MutationObserver(callback);\n\n    if (targetNode) {\n      // Start observing the target node for configured mutations\n      observer.observe(targetNode, config);\n      logger.info('useDirtyGetMentions: observer started', { observer, config });\n    }\n\n    return () => {\n      try {\n        observer.disconnect();\n        logger.info('useDirtyGetMentions: observer disconnected', { observer });\n      } catch (error) {\n        logger.error('useDirtyGetMentions: observer disconnect failed', { observer });\n      }\n    };\n  }, [targetNode]);\n  return mentionNodes;\n}\n"],"names":["getMentionNodes","root","mentions","querySelectorAll","mentionsArray","Array","from","useDirtyGetMentions","_ref","_ref2","ref","logger","targetNode","current","mentionNodes","setMentionNodes","useState","useLayoutEffect","useEffect","config","childList","subtree","callback","mutationList","hasMutation","length","observer","MutationObserver","observe","info","disconnect","error"],"mappings":";;AAAO,SAASA,eAAeA,CAACC,IAAiB,EAAa;AAC5D,EAAA,IAAIA,IAAI,EAAE;AACR,IAAA,MAAMC,QAAQ,GAAGD,IAAI,CAACE,gBAAgB,CAAC,0BAA0B,CAAC,CAAA;AAClE,IAAA,MAAMC,aAAa,GAAGC,KAAK,CAACC,IAAI,CAACJ,QAAQ,CAAC,CAAA;AAC1C,IAAA,OAAOE,aAAa,CAAA;AACtB,GAAA;AACA,EAAA,OAAO,EAAE,CAAA;AACX;;ACMA;AACA;AACA;AACO,SAASG,mBAAmBA,CAAAC,IAAA,EAAAC,KAAA,EAIlB;EAAA,IAJmB;AAClCC,IAAAA,GAAAA;AACa,GAAC,GAAAF,IAAA,CAAA;EAAA,IAAE;AAChBG,IAAAA,MAAAA;AACY,GAAC,GAAAF,KAAA,CAAA;AACb;AACA,EAAA,MAAMG,UAAU,GAAGF,GAAG,CAACG,OAAsB,CAAA;EAC7C,MAAM,CAACC,YAAY,EAAEC,eAAe,CAAC,GAAGC,QAAQ,CAAY,EAAE,CAAC,CAAA;;AAE/D;AACAC,EAAAA,eAAe,CAAC,MAAM;AACpB,IAAA,IAAIL,UAAU,EAAE;AACd,MAAA,MAAMV,QAAQ,GAAGF,eAAe,CAACY,UAAU,CAAC,CAAA;MAC5CG,eAAe,CAACb,QAAQ,CAAC,CAAA;AAC3B,KAAA;AACF,GAAC,EAAE,CAACU,UAAU,CAAC,CAAC,CAAA;AAEhBM,EAAAA,SAAS,CAAC,MAAM;AACd;AACA,IAAA,MAAMC,MAAM,GAAG;AAAEC,MAAAA,SAAS,EAAE,IAAI;AAAEC,MAAAA,OAAO,EAAE,IAAA;KAAM,CAAA;;AAEjD;IACA,MAAMC,QAAQ,GAAIC,YAA8B,IAAW;AACzD,MAAA,MAAMC,WAAW,GAAGD,YAAY,CAACE,MAAM,GAAG,CAAC,CAAA;AAC3C,MAAA,IAAID,WAAW,EAAE;AACfT,QAAAA,eAAe,CAACf,eAAe,CAACY,UAAU,CAAC,CAAC,CAAA;AAC9C,OAAA;KACD,CAAA;;AAED;AACA,IAAA,MAAMc,QAAQ,GAAG,IAAIC,gBAAgB,CAACL,QAAQ,CAAC,CAAA;AAE/C,IAAA,IAAIV,UAAU,EAAE;AACd;AACAc,MAAAA,QAAQ,CAACE,OAAO,CAAChB,UAAU,EAAEO,MAAM,CAAC,CAAA;AACpCR,MAAAA,MAAM,CAACkB,IAAI,CAAC,uCAAuC,EAAE;QAAEH,QAAQ;AAAEP,QAAAA,MAAAA;AAAO,OAAC,CAAC,CAAA;AAC5E,KAAA;AAEA,IAAA,OAAO,MAAM;MACX,IAAI;QACFO,QAAQ,CAACI,UAAU,EAAE,CAAA;AACrBnB,QAAAA,MAAM,CAACkB,IAAI,CAAC,4CAA4C,EAAE;AAAEH,UAAAA,QAAAA;AAAS,SAAC,CAAC,CAAA;OACxE,CAAC,OAAOK,KAAK,EAAE;AACdpB,QAAAA,MAAM,CAACoB,KAAK,CAAC,iDAAiD,EAAE;AAAEL,UAAAA,QAAAA;AAAS,SAAC,CAAC,CAAA;AAC/E,OAAA;KACD,CAAA;AACH,GAAC,EAAE,CAACd,UAAU,CAAC,CAAC,CAAA;AAChB,EAAA,OAAOE,YAAY,CAAA;AACrB;;;;"}

package/{useLongPress-1ab49410.js → useLongPress-5e28b292.js}

@@ -1,6 +1,6 @@
-import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-fb0e05a4.js';
+import { _ as _objectSpread2 } from './_rollupPluginBabelHelpers-1be219c2.js';
 import { useState, useRef, useCallback } from 'react';
-import { u as useMediaQueryContext } from './MediaQueryContext-ff9dca2b.js';
+import { u as useMediaQueryContext } from './MediaQueryContext-94c9086a.js';
 
 const DEFAULT_DURATION = 300;
 function preventDefault(e) {
@@ -82,4 +82,4 @@ function useLongPress(_ref) {
 }
 
 export { useLongPress as u };
-//# sourceMappingURL=useLongPress-1ab49410.js.map
+//# sourceMappingURL=useLongPress-5e28b292.js.map