@sendbird/uikit-react 3.6.6 → 3.6.7

package/ui/DateSeparator.js

@@ -1,8 +1,8 @@
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../color-b73a158c.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0dd2ee39.js';
+import { C as Colors, c as changeColorToClassName } from '../color-2315a258.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-13d9d766.js';
 import 'prop-types';
-import '../stringSet-23a36018.js';
+import '../stringSet-47601d79.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-96fe32b3.js';
+import { H as getEmojiUrl, I as isReactedBy, J as getEmojiTooltipString, G as getEmojiListAll, K as getEmojiMapAll, h as getClassName } from '../index-56249831.js';
 import BottomSheet from './BottomSheet.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0dd2ee39.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-13d9d766.js';
 import UserListItem from './UserListItem.js';
 import Tooltip from './Tooltip.js';
 import TooltipWrapper from './TooltipWrapper.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-2173573f.js';
-import { u as useLongPress } from '../useLongPress-0cf29ece.js';
-import { a as LocalizationContext } from '../LocalizationContext-2952e678.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-66b59195.js';
+import { u as useLongPress } from '../useLongPress-0a2a8916.js';
+import { a as LocalizationContext } from '../LocalizationContext-5fe9b59d.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
 import { useMessageContext } from '../Message/context.js';
-import { b as _extends } from '../_rollupPluginBabelHelpers-34f2bdc3.js';
-import '../utils-cae251db.js';
+import { b as _extends } from '../_rollupPluginBabelHelpers-90ff7fc4.js';
+import '../utils-d15f13cf.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-10fc0de7.js';
+import '../uuid-ec51ac4d.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../stringSet-23a36018.js';
-import '../index-a5bf5a96.js';
-import '../UserProfileContext-76aab169.js';
+import '../stringSet-47601d79.js';
+import '../index-bafedab0.js';
+import '../UserProfileContext-8b8f3e3a.js';
 import './Avatar.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
 import './UserProfile.js';
 import '../sendbirdSelectors.js';
-import '../topics-67f9a9f1.js';
+import '../topics-e985567d.js';
 import './Button.js';
-import '../index-e43e7fa2.js';
+import '../index-b9b184a4.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-0dd2ee39.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-13d9d766.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-96fe32b3.js';
-import { C as Colors } from '../color-b73a158c.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-2173573f.js';
+import { h as getClassName, L as getUIKitFileType, t as truncateString } from '../index-56249831.js';
+import { C as Colors } from '../color-2315a258.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-66b59195.js';
 import 'prop-types';
-import '../stringSet-23a36018.js';
-import '../_rollupPluginBabelHelpers-34f2bdc3.js';
+import '../stringSet-47601d79.js';
+import '../_rollupPluginBabelHelpers-90ff7fc4.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-2952e678.js';
-import { M as MODAL_ROOT } from '../index-a5bf5a96.js';
-import { x as isSupportedFileView, y as isVideo, z as isImage } from '../index-96fe32b3.js';
+import { a as LocalizationContext } from '../LocalizationContext-5fe9b59d.js';
+import { M as MODAL_ROOT } from '../index-bafedab0.js';
+import { x as isSupportedFileView, y as isVideo, z as isImage } from '../index-56249831.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0dd2ee39.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-13d9d766.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../stringSet-23a36018.js';
-import '../index-e43e7fa2.js';
-import '../_rollupPluginBabelHelpers-34f2bdc3.js';
+import '../stringSet-47601d79.js';
+import '../index-b9b184a4.js';
+import '../_rollupPluginBabelHelpers-90ff7fc4.js';
 import '../utils/message/getOutgoingMessageState.js';
 import './ImageRenderer.js';
-import '../uuid-10fc0de7.js';
+import '../uuid-ec51ac4d.js';
 import 'prop-types';
 
 const FileViewerComponent = _ref => {

package/ui/IconButton.js

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

package/ui/ImageRenderer.js

@@ -1,5 +1,9 @@
 import React__default, { useState, useMemo } from 'react';
 
+var numberToPx = (value => {
+  return typeof value === 'number' ? `${value}px` : value;
+});
+
 /*
   ImageRenderer displays image with url or source
   it checks if the source exist with img tag first
@@ -7,6 +11,11 @@ import React__default, { useState, useMemo } from 'react';
   and those properties switch img tag to real purposing element
 */
 
+function getBorderRadiusForImageRenderer() {
+  let circle = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  let borderRadius = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : null;
+  return circle ? '50%' : numberToPx(borderRadius);
+}
 const ImageRenderer = _ref => {
   let {
     className = '',
@@ -18,11 +27,14 @@ const ImageRenderer = _ref => {
     fixedSize = false,
     placeHolder = null,
     defaultComponent = null,
+    borderRadius = null,
     onLoad = () => {/* noop */},
     onError = () => {/* noop */}
   } = _ref;
   const [showDefaultComponent, setShowDefaultComponent] = useState(false);
   const [showPlaceHolder, setShowPlaceHolder] = useState(true);
+  const parsedWidth = numberToPx(width);
+  const parsedHeight = numberToPx(height);
   const DefaultComponent = useMemo(() => {
     return typeof defaultComponent === 'function' ? defaultComponent() : defaultComponent;
   }, [defaultComponent]);
@@ -30,9 +42,9 @@ const ImageRenderer = _ref => {
     return placeHolder && typeof placeHolder === 'function' ? placeHolder({
       style: {
         width: '100%',
-        minWidth: width,
-        maxWidth: fixedSize ? width : '400px',
-        height,
+        minWidth: parsedWidth,
+        maxWidth: fixedSize ? parsedWidth : '400px',
+        height: parsedHeight,
         position: 'absolute',
         display: 'flex',
         justifyContent: 'center',
@@ -61,26 +73,26 @@ const ImageRenderer = _ref => {
     className: [...(Array.isArray(className) ? className : [className]), 'sendbird-image-renderer'].join(' '),
     style: {
       width: '100%',
-      minWidth: width,
-      maxWidth: fixedSize ? width : '400px',
-      height
+      minWidth: parsedWidth,
+      maxWidth: fixedSize ? parsedWidth : '400px',
+      height: parsedHeight
     }
   }, showPlaceHolder && PlaceHolder, showDefaultComponent ? DefaultComponent : /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-image-renderer__image",
     style: {
       width: '100%',
-      minWidth: width,
-      maxWidth: fixedSize ? width : '400px',
-      height,
+      minWidth: parsedWidth,
+      maxWidth: fixedSize ? parsedWidth : '400px',
+      height: parsedHeight,
       position: 'absolute',
       backgroundRepeat: 'no-repeat',
       backgroundPosition: 'center',
       backgroundSize: 'cover',
       backgroundImage: `url(${url})`,
-      borderRadius: circle ? '50%' : null
+      borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius)
     }
   }), HiddenImageLoader);
 };
 
-export { ImageRenderer as default };
+export { ImageRenderer as default, getBorderRadiusForImageRenderer };
 //# sourceMappingURL=ImageRenderer.js.map

package/ui/ImageRenderer.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageRenderer.js","sources":["../../src/ui/ImageRenderer/index.tsx"],"sourcesContent":["import React, { useState, useMemo, ReactElement } from 'react';\n\nimport './index.scss';\n\n/*\n  ImageRenderer displays image with url or source\n  it checks if the source exist with img tag first\n  if it exists onLoad is called, if not onError is called\n  and those properties switch img tag to real purposing element\n*/\n\nexport interface ImageRendererProps {\n  className?: string | Array<string>;\n  url: string;\n  alt?: string;\n  width?: string | number;\n  height?: string | number;\n  circle?: boolean;\n  fixedSize?: boolean;\n  placeHolder?: ((props: { style: { [key: string]: string | number } }) => ReactElement) | ReactElement;\n  defaultComponent?: (() => ReactElement) | ReactElement;\n  onLoad?: () => void;\n  onError?: () => void;\n}\n\nconst ImageRenderer = ({\n  className = '',\n  url,\n  alt = '',\n  width = null,\n  height = null,\n  circle = false,\n  fixedSize = false,\n  placeHolder = null,\n  defaultComponent = null,\n  onLoad = () => { /* noop */ },\n  onError = () => { /* noop */ },\n}: ImageRendererProps): ReactElement => {\n  const [showDefaultComponent, setShowDefaultComponent] = useState(false);\n  const [showPlaceHolder, setShowPlaceHolder] = useState(true);\n\n  const DefaultComponent = useMemo(() => {\n    return typeof defaultComponent === 'function'\n      ? defaultComponent()\n      : defaultComponent;\n  }, [defaultComponent]);\n\n  const PlaceHolder = useMemo(() => {\n    return (placeHolder && typeof placeHolder === 'function')\n      ? placeHolder({\n        style: {\n          width: '100%',\n          minWidth: width,\n          maxWidth: fixedSize ? width : '400px',\n          height,\n          position: 'absolute',\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n        },\n      })\n      : null;\n  }, [placeHolder]);\n\n  const HiddenImageLoader = useMemo(() => {\n    setShowDefaultComponent(false);\n    // reset the state when url is changed\n    return (\n      <img\n        className=\"sendbird-image-renderer__hidden-image-loader\"\n        src={url}\n        alt={alt}\n        onLoad={() => {\n          setShowPlaceHolder(false);\n          onLoad();\n        }}\n        onError={() => {\n          setShowDefaultComponent(true);\n          onError();\n        }}\n      />\n    );\n  }, [url]);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-image-renderer',\n      ].join(' ')}\n      style={{\n        width: '100%',\n        minWidth: width,\n        maxWidth: fixedSize ? width : '400px',\n        height,\n      }}\n    >\n      {showPlaceHolder && PlaceHolder}\n      {\n        showDefaultComponent\n          ? DefaultComponent\n          : (\n            <div\n              className=\"sendbird-image-renderer__image\"\n              style={{\n                width: '100%',\n                minWidth: width,\n                maxWidth: fixedSize ? width : '400px',\n                height,\n                position: 'absolute',\n                backgroundRepeat: 'no-repeat',\n                backgroundPosition: 'center',\n                backgroundSize: 'cover',\n                backgroundImage: `url(${url})`,\n                borderRadius: circle ? '50%' : null,\n              }}\n            />\n          )\n      }\n      {HiddenImageLoader}\n    </div>\n  );\n};\n\nexport default ImageRenderer;\n"],"names":["ImageRenderer","_ref","className","url","alt","width","height","circle","fixedSize","placeHolder","defaultComponent","onLoad","onError","showDefaultComponent","setShowDefaultComponent","useState","showPlaceHolder","setShowPlaceHolder","DefaultComponent","useMemo","PlaceHolder","style","minWidth","maxWidth","position","display","justifyContent","alignItems","HiddenImageLoader","React","createElement","src","Array","isArray","join","backgroundRepeat","backgroundPosition","backgroundSize","backgroundImage","borderRadius"],"mappings":"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"}
+{"version":3,"file":"ImageRenderer.js","sources":["../../src/utils/numberToPx.ts","../../src/ui/ImageRenderer/index.tsx"],"sourcesContent":["export default (value: string | number): string => {\n  return typeof value === 'number' ? `${value}px` : value;\n};\n","import React, { useState, useMemo, ReactElement } from 'react';\n\nimport './index.scss';\nimport numberToPx from '../../utils/numberToPx';\n\n/*\n  ImageRenderer displays image with url or source\n  it checks if the source exist with img tag first\n  if it exists onLoad is called, if not onError is called\n  and those properties switch img tag to real purposing element\n*/\n\nexport function getBorderRadiusForImageRenderer(\n  circle = false,\n  borderRadius: string | number = null,\n): string {\n  return circle ? '50%' : numberToPx(borderRadius);\n}\n\nexport interface ImageRendererProps {\n  className?: string | Array<string>;\n  url: string;\n  alt?: string;\n  width?: string | number;\n  height?: string | number;\n  circle?: boolean;\n  fixedSize?: boolean;\n  placeHolder?: ((props: { style: { [key: string]: string | number } }) => ReactElement) | ReactElement;\n  defaultComponent?: (() => ReactElement) | ReactElement;\n  borderRadius?: string | number;\n  onLoad?: () => void;\n  onError?: () => void;\n}\n\nconst ImageRenderer = ({\n  className = '',\n  url,\n  alt = '',\n  width = null,\n  height = null,\n  circle = false,\n  fixedSize = false,\n  placeHolder = null,\n  defaultComponent = null,\n  borderRadius = null,\n  onLoad = () => { /* noop */ },\n  onError = () => { /* noop */ },\n}: ImageRendererProps): ReactElement => {\n  const [showDefaultComponent, setShowDefaultComponent] = useState(false);\n  const [showPlaceHolder, setShowPlaceHolder] = useState(true);\n\n  const parsedWidth = numberToPx(width);\n  const parsedHeight = numberToPx(height);\n\n  const DefaultComponent = useMemo(() => {\n    return typeof defaultComponent === 'function'\n      ? defaultComponent()\n      : defaultComponent;\n  }, [defaultComponent]);\n\n  const PlaceHolder = useMemo(() => {\n    return (placeHolder && typeof placeHolder === 'function')\n      ? placeHolder({\n        style: {\n          width: '100%',\n          minWidth: parsedWidth,\n          maxWidth: fixedSize ? parsedWidth : '400px',\n          height: parsedHeight,\n          position: 'absolute',\n          display: 'flex',\n          justifyContent: 'center',\n          alignItems: 'center',\n        },\n      })\n      : null;\n  }, [placeHolder]);\n\n  const HiddenImageLoader = useMemo(() => {\n    setShowDefaultComponent(false);\n    // reset the state when url is changed\n    return (\n      <img\n        className=\"sendbird-image-renderer__hidden-image-loader\"\n        src={url}\n        alt={alt}\n        onLoad={() => {\n          setShowPlaceHolder(false);\n          onLoad();\n        }}\n        onError={() => {\n          setShowDefaultComponent(true);\n          onError();\n        }}\n      />\n    );\n  }, [url]);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-image-renderer',\n      ].join(' ')}\n      style={{\n        width: '100%',\n        minWidth: parsedWidth,\n        maxWidth: fixedSize ? parsedWidth : '400px',\n        height: parsedHeight,\n      }}\n    >\n      {showPlaceHolder && PlaceHolder}\n      {\n        showDefaultComponent\n          ? DefaultComponent\n          : (\n            <div\n              className=\"sendbird-image-renderer__image\"\n              style={{\n                width: '100%',\n                minWidth: parsedWidth,\n                maxWidth: fixedSize ? parsedWidth : '400px',\n                height: parsedHeight,\n                position: 'absolute',\n                backgroundRepeat: 'no-repeat',\n                backgroundPosition: 'center',\n                backgroundSize: 'cover',\n                backgroundImage: `url(${url})`,\n                borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius),\n              }}\n            />\n          )\n      }\n      {HiddenImageLoader}\n    </div>\n  );\n};\n\nexport default ImageRenderer;\n"],"names":["value","getBorderRadiusForImageRenderer","circle","arguments","length","undefined","borderRadius","numberToPx","ImageRenderer","_ref","className","url","alt","width","height","fixedSize","placeHolder","defaultComponent","onLoad","onError","showDefaultComponent","setShowDefaultComponent","useState","showPlaceHolder","setShowPlaceHolder","parsedWidth","parsedHeight","DefaultComponent","useMemo","PlaceHolder","style","minWidth","maxWidth","position","display","justifyContent","alignItems","HiddenImageLoader","React","createElement","src","Array","isArray","join","backgroundRepeat","backgroundPosition","backgroundSize","backgroundImage"],"mappings":"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"}

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-0dd2ee39.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-13d9d766.js';
 import 'prop-types';
-import '../stringSet-23a36018.js';
+import '../stringSet-47601d79.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-0dd2ee39.js';
-import '../stringSet-23a36018.js';
+export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../index-13d9d766.js';
+import '../stringSet-47601d79.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-0dd2ee39.js';
-import '../stringSet-23a36018.js';
+import { d as changeColorToClassName, L as Label, a as LabelTypography, b as LabelColors } from '../index-13d9d766.js';
+import '../stringSet-47601d79.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-0dd2ee39.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-13d9d766.js';
 import UserProfile from './UserProfile.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../_rollupPluginBabelHelpers-34f2bdc3.js';
+import '../_rollupPluginBabelHelpers-90ff7fc4.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-10fc0de7.js';
-import '../index-96fe32b3.js';
+import '../uuid-ec51ac4d.js';
+import '../index-56249831.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-23a36018.js';
-import '../LocalizationContext-2952e678.js';
-import '../index-e43e7fa2.js';
-import '../UserProfileContext-76aab169.js';
+import '../stringSet-47601d79.js';
+import '../LocalizationContext-5fe9b59d.js';
+import '../index-b9b184a4.js';
+import '../UserProfileContext-8b8f3e3a.js';
 import '../sendbirdSelectors.js';
-import '../topics-67f9a9f1.js';
-import '../utils-cae251db.js';
+import '../topics-e985567d.js';
+import '../utils-d15f13cf.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-2475c80c.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from '../consts-32a2c4a7.js';
 
 function MentionUserLabel(_ref) {
   let {

package/ui/MessageContent.js

@@ -1,13 +1,13 @@
-import { b as _extends, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-34f2bdc3.js';
+import { b as _extends, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-90ff7fc4.js';
 import React__default, { useContext, useRef, useState } from 'react';
-import { f as format } from '../index-b74226dc.js';
+import { f as format } from '../index-335e7557.js';
 import Avatar from './Avatar.js';
 import UserProfile from './UserProfile.js';
-import { M as MessageStatus } from '../index-007ff82b.js';
+import { M as MessageStatus } from '../index-17b78bb0.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-0dd2ee39.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-13d9d766.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-96fe32b3.js';
-import { a as UserProfileContext } from '../UserProfileContext-76aab169.js';
-import { u as useLocalization } from '../LocalizationContext-2952e678.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-56249831.js';
+import { a as UserProfileContext } from '../UserProfileContext-8b8f3e3a.js';
+import { u as useLocalization } from '../LocalizationContext-5fe9b59d.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { u as useLongPress } from '../useLongPress-0cf29ece.js';
-import { M as MobileMenu } from '../index-af1fb797.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-2173573f.js';
+import { u as useLongPress } from '../useLongPress-0a2a8916.js';
+import { M as MobileMenu } from '../index-c4273470.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-66b59195.js';
 import ThreadReplies from './ThreadReplies.js';
-import { T as ThreadReplySelectType } from '../const-72965dcb.js';
+import { T as ThreadReplySelectType } from '../const-c6a266f4.js';
 import { VoiceMessageItemBody } from './VoiceMessageItemBody.js';
-import { n as noop } from '../utils-cae251db.js';
-import '../index-e43e7fa2.js';
+import { n as noop } from '../utils-d15f13cf.js';
+import '../index-b9b184a4.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import 'prop-types';
-import '../uuid-10fc0de7.js';
+import '../uuid-ec51ac4d.js';
 import '../sendbirdSelectors.js';
-import '../topics-67f9a9f1.js';
+import '../topics-e985567d.js';
 import './Button.js';
-import '../stringSet-23a36018.js';
+import '../stringSet-47601d79.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-c191462d.js';
-import '../index-c2640752.js';
+import '../index-a39b9075.js';
+import '../index-499d9ef9.js';
 import './IconButton.js';
-import '../types-82eb7ae8.js';
+import '../types-02054e6e.js';
 import './ReactionButton.js';
 import 'react-dom';
 import './SortByRow.js';
 import './ReactionBadge.js';
 import './BottomSheet.js';
-import '../index-a5bf5a96.js';
+import '../index-bafedab0.js';
 import './UserListItem.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
 import './Tooltip.js';
 import './TooltipWrapper.js';
 import '../Message/context.js';
-import '../tokenize-6f680d6a.js';
-import '../index-7b514167.js';
-import '../index.module-0ccd37ce.js';
+import '../tokenize-c0cf9574.js';
+import '../index-2544bb0a.js';
+import '../index.module-41885c5b.js';
 import './MentionLabel.js';
 import './LinkLabel.js';
-import '../consts-0726d733.js';
+import '../consts-991d3823.js';
 import './TextButton.js';
-import '../color-b73a158c.js';
-import '../consts-8c9214ee.js';
+import '../color-2315a258.js';
+import '../consts-3d956927.js';
 import '../withSendbird.js';
 import './ProgressBar.js';
 import '../VoicePlayer/useVoicePlayer.js';
-import '../index-8dcf7652.js';
-import '../consts-55e36248.js';
+import '../index-879bcfab.js';
+import '../consts-b6f24cc7.js';
 import '../VoiceRecorder/context.js';
 import './Modal.js';
 import './PlaybackTime.js';

package/ui/MessageInput.js

@@ -1,23 +1,23 @@
-import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-34f2bdc3.js';
+import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-90ff7fc4.js';
 import React__default, { useCallback, useRef, useState, useMemo, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../const-9ab08d0b.js';
-import { U as USER_MENTION_TEMP_CHAR } from '../const-72965dcb.js';
+import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../const-0cca8d38.js';
+import { U as USER_MENTION_TEMP_CHAR } from '../const-c6a266f4.js';
 import IconButton from './IconButton.js';
 import Button, { ButtonTypes, ButtonSizes } from './Button.js';
 import DOMPurify from 'dompurify';
-import { M as MENTION_USER_LABEL_CLASSNAME } from '../consts-2475c80c.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from '../consts-32a2c4a7.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0dd2ee39.js';
-import { u as useLocalization } from '../LocalizationContext-2952e678.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-13d9d766.js';
+import { u as useLocalization } from '../LocalizationContext-5fe9b59d.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { j as arrayEqual, h as getClassName } from '../index-96fe32b3.js';
-import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../consts-0726d733.js';
-import { O as OG_MESSAGE_BODY_CLASSNAME } from '../consts-8c9214ee.js';
-import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../tokenize-6f680d6a.js';
-import { K } from '../index.module-0ccd37ce.js';
-import '../stringSet-23a36018.js';
-import '../index-e43e7fa2.js';
+import { j as arrayEqual, h as getClassName } from '../index-56249831.js';
+import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../consts-991d3823.js';
+import { O as OG_MESSAGE_BODY_CLASSNAME } from '../consts-3d956927.js';
+import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../tokenize-c0cf9574.js';
+import { K } from '../index.module-41885c5b.js';
+import '../stringSet-47601d79.js';
+import '../index-b9b184a4.js';
 import '../withSendbird.js';
 import '../utils/message/getOutgoingMessageState.js';
 

package/ui/MessageItemMenu.js

@@ -2,18 +2,18 @@ import React__default, { useContext, useRef } from 'react';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { q as isUserMessage, C as isSentMessage, D as isFailedMessage, E as isPendingMessage, h as getClassName, F as copyToClipboard } from '../index-96fe32b3.js';
-import { a as LocalizationContext } from '../LocalizationContext-2952e678.js';
-import { R as Role } from '../types-82eb7ae8.js';
-import '../_rollupPluginBabelHelpers-34f2bdc3.js';
+import { q as isUserMessage, C as isSentMessage, D as isFailedMessage, E as isPendingMessage, h as getClassName, F as copyToClipboard } from '../index-56249831.js';
+import { a as LocalizationContext } from '../LocalizationContext-5fe9b59d.js';
+import { R as Role } from '../types-02054e6e.js';
+import '../_rollupPluginBabelHelpers-90ff7fc4.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-10fc0de7.js';
-import '../index-0dd2ee39.js';
+import '../uuid-ec51ac4d.js';
+import '../index-13d9d766.js';
 import 'prop-types';
-import '../stringSet-23a36018.js';
+import '../stringSet-47601d79.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-e43e7fa2.js';
+import '../index-b9b184a4.js';
 
 function MessageItemMenu(_ref) {
   var _channel$isGroupChann;

package/ui/MessageItemReactionMenu.js

@@ -4,18 +4,18 @@ import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import ReactionButton from './ReactionButton.js';
-import { E as isPendingMessage, D as isFailedMessage, h as getClassName, G as getEmojiListAll } from '../index-96fe32b3.js';
-import '../_rollupPluginBabelHelpers-34f2bdc3.js';
+import { E as isPendingMessage, D as isFailedMessage, h as getClassName, G as getEmojiListAll } from '../index-56249831.js';
+import '../_rollupPluginBabelHelpers-90ff7fc4.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-10fc0de7.js';
-import '../index-0dd2ee39.js';
+import '../uuid-ec51ac4d.js';
+import '../index-13d9d766.js';
 import 'prop-types';
-import '../stringSet-23a36018.js';
+import '../stringSet-47601d79.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../useLongPress-0cf29ece.js';
-import '../MediaQueryContext-2173573f.js';
-import '../utils-cae251db.js';
+import '../useLongPress-0a2a8916.js';
+import '../MediaQueryContext-66b59195.js';
+import '../utils-d15f13cf.js';
 
 function MessageItemReactionMenu(_ref) {
   let {

package/ui/MessageSearchFileItem.js

@@ -1,18 +1,18 @@
 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-0dd2ee39.js';
-import { u as useLocalization } from '../LocalizationContext-2952e678.js';
-import { f as format } from '../index-b74226dc.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from '../index-c191462d.js';
-import { d as isVoiceMessage } from '../index-96fe32b3.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-13d9d766.js';
+import { u as useLocalization } from '../LocalizationContext-5fe9b59d.js';
+import { f as format } from '../index-335e7557.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../index-a39b9075.js';
+import { d as isVoiceMessage } from '../index-56249831.js';
 import './ImageRenderer.js';
-import '../uuid-10fc0de7.js';
+import '../uuid-ec51ac4d.js';
 import 'prop-types';
-import '../stringSet-23a36018.js';
-import '../index-e43e7fa2.js';
-import '../index-c2640752.js';
-import '../_rollupPluginBabelHelpers-34f2bdc3.js';
+import '../stringSet-47601d79.js';
+import '../index-b9b184a4.js';
+import '../index-499d9ef9.js';
+import '../_rollupPluginBabelHelpers-90ff7fc4.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function getCreatedAt(_ref) {

package/ui/MessageSearchItem.js

@@ -1,16 +1,16 @@
 import React__default from 'react';
-import { f as format } from '../index-b74226dc.js';
-import { i as isToday, a as isYesterday, b as isThisYear } from '../index-c191462d.js';
+import { f as format } from '../index-335e7557.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../index-a39b9075.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0dd2ee39.js';
-import { u as useLocalization } from '../LocalizationContext-2952e678.js';
-import '../index-e43e7fa2.js';
-import '../index-c2640752.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-13d9d766.js';
+import { u as useLocalization } from '../LocalizationContext-5fe9b59d.js';
+import '../index-b9b184a4.js';
+import '../index-499d9ef9.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import 'prop-types';
-import '../uuid-10fc0de7.js';
-import '../stringSet-23a36018.js';
+import '../uuid-ec51ac4d.js';
+import '../stringSet-47601d79.js';
 
 // getCreatedAt
 function getCreatedAt (_ref) {

package/ui/MessageStatus.js

@@ -1,16 +1,16 @@
 import 'react';
-import '../index-b74226dc.js';
+import '../index-335e7557.js';
 import './Icon.js';
-import '../index-0dd2ee39.js';
+import '../index-13d9d766.js';
 import './Loader.js';
-import '../index-96fe32b3.js';
+import '../index-56249831.js';
 import '../utils/message/getOutgoingMessageState.js';
-export { e as MessageStatusTypes, M as default } from '../index-007ff82b.js';
-import '../LocalizationContext-2952e678.js';
-import '../index-e43e7fa2.js';
+export { e as MessageStatusTypes, M as default } from '../index-17b78bb0.js';
+import '../LocalizationContext-5fe9b59d.js';
+import '../index-b9b184a4.js';
 import 'prop-types';
-import '../stringSet-23a36018.js';
-import '../_rollupPluginBabelHelpers-34f2bdc3.js';
-import '../index-c191462d.js';
-import '../index-c2640752.js';
+import '../stringSet-47601d79.js';
+import '../_rollupPluginBabelHelpers-90ff7fc4.js';
+import '../index-a39b9075.js';
+import '../index-499d9ef9.js';
 //# sourceMappingURL=MessageStatus.js.map