@sendbird/uikit-react 3.6.6 → 3.6.7-rc-0

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-5f546540.js';
 import 'prop-types';
-import '../stringSet-23a36018.js';
+import '../stringSet-0507097b.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-5f546540.js';
+import '../stringSet-0507097b.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-5f546540.js';
+import '../stringSet-0507097b.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-5f546540.js';
 import UserProfile from './UserProfile.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../_rollupPluginBabelHelpers-34f2bdc3.js';
+import '../_rollupPluginBabelHelpers-88b9291b.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-10fc0de7.js';
-import '../index-96fe32b3.js';
+import '../uuid-708e5853.js';
+import '../index-1dbb47b6.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-0507097b.js';
+import '../LocalizationContext-4d3a4b11.js';
+import '../index-426b7e23.js';
+import '../UserProfileContext-db5e5092.js';
 import '../sendbirdSelectors.js';
-import '../topics-67f9a9f1.js';
-import '../utils-cae251db.js';
+import '../topics-ee41e3ee.js';
+import '../utils-9f0ab1b0.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-41b55fe8.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-88b9291b.js';
 import React__default, { useContext, useRef, useState } from 'react';
-import { f as format } from '../index-b74226dc.js';
+import { f as format } from '../index-33432afb.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-e3a3f253.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-5f546540.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-1dbb47b6.js';
+import { a as UserProfileContext } from '../UserProfileContext-db5e5092.js';
+import { u as useLocalization } from '../LocalizationContext-4d3a4b11.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-05d7564b.js';
+import { M as MobileMenu } from '../index-599947c0.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-6fb696d8.js';
 import ThreadReplies from './ThreadReplies.js';
-import { T as ThreadReplySelectType } from '../const-72965dcb.js';
+import { T as ThreadReplySelectType } from '../const-3e230ae8.js';
 import { VoiceMessageItemBody } from './VoiceMessageItemBody.js';
-import { n as noop } from '../utils-cae251db.js';
-import '../index-e43e7fa2.js';
+import { n as noop } from '../utils-9f0ab1b0.js';
+import '../index-426b7e23.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import 'prop-types';
-import '../uuid-10fc0de7.js';
+import '../uuid-708e5853.js';
 import '../sendbirdSelectors.js';
-import '../topics-67f9a9f1.js';
+import '../topics-ee41e3ee.js';
 import './Button.js';
-import '../stringSet-23a36018.js';
+import '../stringSet-0507097b.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-c191462d.js';
-import '../index-c2640752.js';
+import '../index-37b97ba0.js';
+import '../index-542fc972.js';
 import './IconButton.js';
-import '../types-82eb7ae8.js';
+import '../types-f940eb84.js';
 import './ReactionButton.js';
 import 'react-dom';
 import './SortByRow.js';
 import './ReactionBadge.js';
 import './BottomSheet.js';
-import '../index-a5bf5a96.js';
+import '../index-5243b241.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-df7ffa9b.js';
+import '../index-3938ebeb.js';
+import '../index.module-66fc75ab.js';
 import './MentionLabel.js';
 import './LinkLabel.js';
-import '../consts-0726d733.js';
+import '../consts-faca6bf9.js';
 import './TextButton.js';
-import '../color-b73a158c.js';
-import '../consts-8c9214ee.js';
+import '../color-1a181ce1.js';
+import '../consts-2465e8d9.js';
 import '../withSendbird.js';
 import './ProgressBar.js';
 import '../VoicePlayer/useVoicePlayer.js';
-import '../index-8dcf7652.js';
-import '../consts-55e36248.js';
+import '../index-db0537e7.js';
+import '../consts-51e4746e.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-88b9291b.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-e65490a4.js';
+import { U as USER_MENTION_TEMP_CHAR } from '../const-3e230ae8.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-41b55fe8.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-5f546540.js';
+import { u as useLocalization } from '../LocalizationContext-4d3a4b11.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-1dbb47b6.js';
+import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../consts-faca6bf9.js';
+import { O as OG_MESSAGE_BODY_CLASSNAME } from '../consts-2465e8d9.js';
+import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../tokenize-df7ffa9b.js';
+import { K } from '../index.module-66fc75ab.js';
+import '../stringSet-0507097b.js';
+import '../index-426b7e23.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-1dbb47b6.js';
+import { a as LocalizationContext } from '../LocalizationContext-4d3a4b11.js';
+import { R as Role } from '../types-f940eb84.js';
+import '../_rollupPluginBabelHelpers-88b9291b.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-10fc0de7.js';
-import '../index-0dd2ee39.js';
+import '../uuid-708e5853.js';
+import '../index-5f546540.js';
 import 'prop-types';
-import '../stringSet-23a36018.js';
+import '../stringSet-0507097b.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-e43e7fa2.js';
+import '../index-426b7e23.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-1dbb47b6.js';
+import '../_rollupPluginBabelHelpers-88b9291b.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-10fc0de7.js';
-import '../index-0dd2ee39.js';
+import '../uuid-708e5853.js';
+import '../index-5f546540.js';
 import 'prop-types';
-import '../stringSet-23a36018.js';
+import '../stringSet-0507097b.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../useLongPress-0cf29ece.js';
-import '../MediaQueryContext-2173573f.js';
-import '../utils-cae251db.js';
+import '../useLongPress-05d7564b.js';
+import '../MediaQueryContext-6fb696d8.js';
+import '../utils-9f0ab1b0.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-5f546540.js';
+import { u as useLocalization } from '../LocalizationContext-4d3a4b11.js';
+import { f as format } from '../index-33432afb.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../index-37b97ba0.js';
+import { d as isVoiceMessage } from '../index-1dbb47b6.js';
 import './ImageRenderer.js';
-import '../uuid-10fc0de7.js';
+import '../uuid-708e5853.js';
 import 'prop-types';
-import '../stringSet-23a36018.js';
-import '../index-e43e7fa2.js';
-import '../index-c2640752.js';
-import '../_rollupPluginBabelHelpers-34f2bdc3.js';
+import '../stringSet-0507097b.js';
+import '../index-426b7e23.js';
+import '../index-542fc972.js';
+import '../_rollupPluginBabelHelpers-88b9291b.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-33432afb.js';
+import { i as isToday, a as isYesterday, b as isThisYear } from '../index-37b97ba0.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-5f546540.js';
+import { u as useLocalization } from '../LocalizationContext-4d3a4b11.js';
+import '../index-426b7e23.js';
+import '../index-542fc972.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import 'prop-types';
-import '../uuid-10fc0de7.js';
-import '../stringSet-23a36018.js';
+import '../uuid-708e5853.js';
+import '../stringSet-0507097b.js';
 
 // getCreatedAt
 function getCreatedAt (_ref) {

package/ui/MessageStatus.js

@@ -1,16 +1,16 @@
 import 'react';
-import '../index-b74226dc.js';
+import '../index-33432afb.js';
 import './Icon.js';
-import '../index-0dd2ee39.js';
+import '../index-5f546540.js';
 import './Loader.js';
-import '../index-96fe32b3.js';
+import '../index-1dbb47b6.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-e3a3f253.js';
+import '../LocalizationContext-4d3a4b11.js';
+import '../index-426b7e23.js';
 import 'prop-types';
-import '../stringSet-23a36018.js';
-import '../_rollupPluginBabelHelpers-34f2bdc3.js';
-import '../index-c191462d.js';
-import '../index-c2640752.js';
+import '../stringSet-0507097b.js';
+import '../_rollupPluginBabelHelpers-88b9291b.js';
+import '../index-37b97ba0.js';
+import '../index-542fc972.js';
 //# sourceMappingURL=MessageStatus.js.map

package/ui/Modal.js

@@ -1,16 +1,16 @@
 import React__default, { useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { M as MODAL_ROOT } from '../index-a5bf5a96.js';
-import { a as LocalizationContext } from '../LocalizationContext-2952e678.js';
+import { M as MODAL_ROOT } from '../index-5243b241.js';
+import { a as LocalizationContext } from '../LocalizationContext-4d3a4b11.js';
 import Button, { ButtonTypes } from './Button.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-0dd2ee39.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-2173573f.js';
-import '../stringSet-23a36018.js';
-import '../index-e43e7fa2.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5f546540.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-6fb696d8.js';
+import '../stringSet-0507097b.js';
+import '../index-426b7e23.js';
 import 'prop-types';
-import '../_rollupPluginBabelHelpers-34f2bdc3.js';
+import '../_rollupPluginBabelHelpers-88b9291b.js';
 
 const ModalHeader = _ref => {
   let {

package/ui/OGMessageItemBody.js

@@ -1,29 +1,29 @@
 import React__default, { useRef, useContext, useMemo } from 'react';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0dd2ee39.js';
-import { h as getClassName, B as isEditedMessage } from '../index-96fe32b3.js';
-import { a as LocalizationContext } from '../LocalizationContext-2952e678.js';
-import { T as TextFragment } from '../index-7b514167.js';
-import { t as tokenizeMessage } from '../tokenize-6f680d6a.js';
-import { O as OG_MESSAGE_BODY_CLASSNAME } from '../consts-8c9214ee.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5f546540.js';
+import { h as getClassName, B as isEditedMessage } from '../index-1dbb47b6.js';
+import { a as LocalizationContext } from '../LocalizationContext-4d3a4b11.js';
+import { T as TextFragment } from '../index-3938ebeb.js';
+import { t as tokenizeMessage } from '../tokenize-df7ffa9b.js';
+import { O as OG_MESSAGE_BODY_CLASSNAME } from '../consts-2465e8d9.js';
 import 'prop-types';
-import '../stringSet-23a36018.js';
-import '../_rollupPluginBabelHelpers-34f2bdc3.js';
+import '../stringSet-0507097b.js';
+import '../_rollupPluginBabelHelpers-88b9291b.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-e43e7fa2.js';
-import '../index.module-0ccd37ce.js';
+import '../index-426b7e23.js';
+import '../index.module-66fc75ab.js';
 import '../Message/context.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-10fc0de7.js';
+import '../uuid-708e5853.js';
 import './UserProfile.js';
-import '../UserProfileContext-76aab169.js';
+import '../UserProfileContext-db5e5092.js';
 import '../sendbirdSelectors.js';
-import '../topics-67f9a9f1.js';
-import '../utils-cae251db.js';
+import '../topics-ee41e3ee.js';
+import '../utils-9f0ab1b0.js';
 import './Avatar.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';

package/ui/OpenChannelAdminMessage.js

@@ -1,7 +1,7 @@
 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-5f546540.js';
 import 'prop-types';
-import '../stringSet-23a36018.js';
+import '../stringSet-0507097b.js';
 
 function OpenChannelAdminMessage(_ref) {
   let {

package/ui/OpenChannelAvatar.js

@@ -1,13 +1,13 @@
 import React__default, { useContext, useMemo } from 'react';
 import Avatar from './Avatar.js';
-import { a as LocalizationContext } from '../LocalizationContext-2952e678.js';
-import { b as getOpenChannelAvatar } from '../utils-8e781334.js';
+import { a as LocalizationContext } from '../LocalizationContext-4d3a4b11.js';
+import { b as getOpenChannelAvatar } from '../utils-a9f72927.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import 'prop-types';
-import '../uuid-10fc0de7.js';
-import '../stringSet-23a36018.js';
-import '../index-e43e7fa2.js';
+import '../uuid-708e5853.js';
+import '../stringSet-0507097b.js';
+import '../index-426b7e23.js';
 
 function ChannelAvatar(_ref) {
   let {

package/ui/OpenchannelConversationHeader.js

@@ -2,14 +2,14 @@ import React__default, { useContext } from 'react';
 import Avatar from './Avatar.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-0dd2ee39.js';
-import { a as LocalizationContext } from '../LocalizationContext-2952e678.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5f546540.js';
+import { a as LocalizationContext } from '../LocalizationContext-4d3a4b11.js';
 import './ImageRenderer.js';
-import '../uuid-10fc0de7.js';
+import '../uuid-708e5853.js';
 import 'prop-types';
-import '../_rollupPluginBabelHelpers-34f2bdc3.js';
-import '../stringSet-23a36018.js';
-import '../index-e43e7fa2.js';
+import '../_rollupPluginBabelHelpers-88b9291b.js';
+import '../stringSet-0507097b.js';
+import '../index-426b7e23.js';
 
 function OpenchannelConversationHeader(_ref) {
   let {

package/ui/OpenchannelFileMessage.js

@@ -1,32 +1,32 @@
-import { b as _extends, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-34f2bdc3.js';
+import { b as _extends, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-88b9291b.js';
 import React__default, { useRef, useContext, useState } from 'react';
-import { f as format } from '../index-b74226dc.js';
+import { f as format } from '../index-33432afb.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } 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-5f546540.js';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import TextButton from './TextButton.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-76aab169.js';
-import { u as useLocalization } from '../LocalizationContext-2952e678.js';
-import { g as getSenderFromMessage, b as isFineResend, s as showMenuTrigger, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-04e037ff.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-2173573f.js';
-import { u as useLongPress } from '../useLongPress-0cf29ece.js';
-import '../index-e43e7fa2.js';
+import { a as UserProfileContext } from '../UserProfileContext-db5e5092.js';
+import { u as useLocalization } from '../LocalizationContext-4d3a4b11.js';
+import { g as getSenderFromMessage, b as isFineResend, s as showMenuTrigger, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-43a07216.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-6fb696d8.js';
+import { u as useLongPress } from '../useLongPress-05d7564b.js';
+import '../index-426b7e23.js';
 import './ImageRenderer.js';
-import '../uuid-10fc0de7.js';
+import '../uuid-708e5853.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-96fe32b3.js';
+import '../index-1dbb47b6.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../stringSet-23a36018.js';
-import '../color-b73a158c.js';
+import '../stringSet-0507097b.js';
+import '../color-1a181ce1.js';
 import '../sendbirdSelectors.js';
-import '../topics-67f9a9f1.js';
-import '../utils-cae251db.js';
+import '../topics-ee41e3ee.js';
+import '../utils-9f0ab1b0.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';