@sendbird/uikit-react 3.6.8 → 3.6.9

package/ui/QuoteMessageInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuoteMessageInput.js","sources":["../../src/ui/QuoteMessageInput/QuoteMessageThumbnail.tsx","../../src/ui/QuoteMessageInput/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ImageRenderer from '../ImageRenderer';\nimport { isAudioMessage, isFileMessage, isImageMessage, isThumbnailMessage, isVoiceMessage } from '../../utils';\n\ninterface Props {\n  message: FileMessage;\n}\n\nconst componentClassname = 'sendbird-quote_message_input__avatar';\n\nexport default function QuoteMessageThumbnail({ message }: Props): ReactElement {\n  if (!isFileMessage(message) || isVoiceMessage(message)) {\n    return null;\n  }\n\n  const thumbnailUrl: string = (message.thumbnails && message.thumbnails.length > 0 && message.thumbnails[0].url)\n    || (isImageMessage(message) && message.url);\n  if (isThumbnailMessage(message) && thumbnailUrl) {\n    return (\n      <ImageRenderer\n        className={componentClassname}\n        url={thumbnailUrl}\n        alt={message.type}\n        width=\"44px\"\n        height=\"44px\"\n        fixedSize\n      />\n    );\n  } else if (isAudioMessage(message)) {\n    return (\n      <div className={componentClassname}>\n        <Icon\n          type={IconTypes.FILE_AUDIO}\n          fillColor={IconColors.ON_BACKGROUND_2}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </div>\n    );\n  } else {\n    return (\n      <div className={componentClassname}>\n        <Icon\n          type={IconTypes.FILE_DOCUMENT}\n          fillColor={IconColors.ON_BACKGROUND_2}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </div>\n    );\n  }\n}\n","import './index.scss';\n\nimport React, { ReactElement, useContext } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport {\n  getClassName,\n  getUIKitMessageType,\n  isFileMessage,\n  isGifMessage,\n  isImageMessage,\n  isUserMessage,\n  isVideoMessage,\n  isVoiceMessage, SendableMessageType,\n  UIKitMessageTypes,\n} from '../../utils';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport QuoteMessageThumbnail from './QuoteMessageThumbnail';\n\ninterface Props {\n  className?: string | Array<string>;\n  replyingMessage: SendableMessageType;\n  onClose?: (message: SendableMessageType) => void;\n}\n\nexport default function QuoteMessageInput({\n  className,\n  replyingMessage,\n  onClose,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const fileMessage = replyingMessage as FileMessage;\n  const sender = (replyingMessage as SendableMessageType)?.sender;\n  const displayFileIcon = isFileMessage(replyingMessage) && !isVoiceMessage(replyingMessage as FileMessage);\n\n  return (\n    <div className={getClassName(['sendbird-quote_message_input', className])}>\n      {\n        displayFileIcon && (\n          <QuoteMessageThumbnail message={fileMessage} />\n        )\n      }\n      <div\n        className=\"sendbird-quote_message_input__body\"\n        style={{\n          width: `calc(100% - ${displayFileIcon ? '164px' : '120px'})`,\n          left: displayFileIcon ? '92px' : '40px',\n        }}\n      >\n        <Label\n          className=\"sendbird-quote_message_input__body__sender-name\"\n          type={LabelTypography.CAPTION_1}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {`${stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO} ${(sender && sender.nickname) ? sender.nickname : stringSet.NO_NAME}`}\n        </Label>\n        <Label\n          className=\"sendbird-quote_message_input__body__message-content\"\n          type={LabelTypography.BODY_2}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          {isImageMessage(fileMessage) && !isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE}\n          {isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO}\n          {isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF}\n          {isUserMessage(replyingMessage as UserMessage) && (replyingMessage as UserMessage).message}\n          {getUIKitMessageType(replyingMessage) === UIKitMessageTypes.FILE && fileMessage.name}\n          {isVoiceMessage(replyingMessage as FileMessage) && stringSet.VOICE_MESSAGE}\n        </Label>\n      </div>\n      <Icon\n        className=\"sendbird-quote_message_input__close-button\"\n        type={IconTypes.CLOSE}\n        fillColor={IconColors.ON_BACKGROUND_2}\n        width=\"24px\"\n        height=\"24px\"\n        onClick={() => onClose(replyingMessage)}\n      />\n    </div>\n  );\n}\n"],"names":["componentClassname","QuoteMessageThumbnail","_ref","message","isFileMessage","isVoiceMessage","thumbnailUrl","thumbnails","length","url","isImageMessage","isThumbnailMessage","React","createElement","ImageRenderer","className","alt","type","width","height","fixedSize","isAudioMessage","Icon","IconTypes","FILE_AUDIO","fillColor","IconColors","ON_BACKGROUND_2","FILE_DOCUMENT","QuoteMessageInput","replyingMessage","onClose","stringSet","useContext","LocalizationContext","fileMessage","sender","displayFileIcon","getClassName","style","left","Label","LabelTypography","CAPTION_1","color","LabelColors","ONBACKGROUND_1","QUOTE_MESSAGE_INPUT__REPLY_TO","nickname","NO_NAME","BODY_2","ONBACKGROUND_3","isGifMessage","QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE","isVideoMessage","QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO","QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF","isUserMessage","getUIKitMessageType","UIKitMessageTypes","FILE","name","VOICE_MESSAGE","CLOSE","onClick"],"mappings":"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"}
+{"version":3,"file":"QuoteMessageInput.js","sources":["../../src/ui/QuoteMessageInput/QuoteMessageThumbnail.tsx","../../src/ui/QuoteMessageInput/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ImageRenderer from '../ImageRenderer';\nimport {\n  isAudioMessage,\n  isFileMessage, isImageFileInfo,\n  isImageMessage,\n  isMultipleFilesMessage,\n  isThumbnailMessage,\n  isVoiceMessage,\n} from '../../utils';\nimport { MultipleFilesMessage } from '@sendbird/chat/message';\nimport { getMessageFirstFileType, getMessageFirstFileUrl, getMessageFirstFileThumbnailUrl } from '../QuoteMessage/utils';\n\ninterface Props {\n  message: FileMessage | MultipleFilesMessage;\n}\n\nconst componentClassname = 'sendbird-quote_message_input__avatar';\n\nexport default function QuoteMessageThumbnail({ message }: Props): ReactElement {\n  if (!isFileMessage(message) && !isMultipleFilesMessage(message) || isVoiceMessage(message as FileMessage)) {\n    return null;\n  }\n  const thumbnailUrl: string = isFileMessage(message)\n    ? (getMessageFirstFileThumbnailUrl(message) || (isImageMessage(message as FileMessage) && getMessageFirstFileUrl(message)))\n    : (getMessageFirstFileThumbnailUrl(message)\n      || isImageFileInfo((message as MultipleFilesMessage).fileInfoList[0])\n      && getMessageFirstFileUrl(message));\n  if ((isThumbnailMessage(message) || isMultipleFilesMessage(message)) && thumbnailUrl) {\n    return (\n      <ImageRenderer\n        className={componentClassname}\n        url={thumbnailUrl}\n        alt={getMessageFirstFileType(message)}\n        width=\"44px\"\n        height=\"44px\"\n        fixedSize\n      />\n    );\n  } else if (isAudioMessage(message as FileMessage)) {\n    return (\n      <div className={componentClassname}>\n        <Icon\n          type={IconTypes.FILE_AUDIO}\n          fillColor={IconColors.ON_BACKGROUND_2}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </div>\n    );\n  } else {\n    return (\n      <div className={componentClassname}>\n        <Icon\n          type={IconTypes.FILE_DOCUMENT}\n          fillColor={IconColors.ON_BACKGROUND_2}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </div>\n    );\n  }\n}\n","import './index.scss';\n\nimport React, { ReactElement, useContext } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport {\n  CoreMessageType,\n  getClassName,\n  getUIKitMessageType,\n  isFileMessage,\n  isGifMessage,\n  isImageMessage,\n  isMultipleFilesMessage,\n  isUserMessage,\n  isVideoMessage,\n  isVoiceMessage, SendableMessageType,\n  UIKitMessageTypes,\n} from '../../utils';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport QuoteMessageThumbnail from './QuoteMessageThumbnail';\nimport { getMessageFirstFileName } from '../QuoteMessage/utils';\nimport { MultipleFilesMessage } from '@sendbird/chat/message';\n\ninterface Props {\n  className?: string | Array<string>;\n  replyingMessage: SendableMessageType;\n  onClose?: (message: SendableMessageType) => void;\n}\n\nexport default function QuoteMessageInput({\n  className,\n  replyingMessage,\n  onClose,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const fileMessage = replyingMessage as FileMessage | MultipleFilesMessage;\n  const sender = (replyingMessage as SendableMessageType)?.sender;\n  const displayFileIcon = (isFileMessage(replyingMessage) || isMultipleFilesMessage(replyingMessage))\n    && !isVoiceMessage(replyingMessage as FileMessage);\n\n  return (\n    <div className={getClassName(['sendbird-quote_message_input', className])}>\n      {\n        displayFileIcon && (\n          <QuoteMessageThumbnail message={fileMessage} />\n        )\n      }\n      <div\n        className=\"sendbird-quote_message_input__body\"\n        style={{\n          width: `calc(100% - ${displayFileIcon ? '164px' : '120px'})`,\n          left: displayFileIcon ? '92px' : '40px',\n        }}\n      >\n        <Label\n          className=\"sendbird-quote_message_input__body__sender-name\"\n          type={LabelTypography.CAPTION_1}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {`${stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO} ${(sender && sender.nickname) ? sender.nickname : stringSet.NO_NAME}`}\n        </Label>\n        <Label\n          className=\"sendbird-quote_message_input__body__message-content\"\n          type={LabelTypography.BODY_2}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          {isImageMessage(fileMessage) && !isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE}\n          {isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO}\n          {isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF}\n          {isUserMessage(replyingMessage as UserMessage) && (replyingMessage as UserMessage).message}\n          {getUIKitMessageType(replyingMessage) === UIKitMessageTypes.FILE && getMessageFirstFileName(fileMessage)}\n          {isMultipleFilesMessage(replyingMessage as CoreMessageType) && getMessageFirstFileName(fileMessage)}\n          {isVoiceMessage(replyingMessage as FileMessage) && stringSet.VOICE_MESSAGE}\n        </Label>\n      </div>\n      <Icon\n        className=\"sendbird-quote_message_input__close-button\"\n        type={IconTypes.CLOSE}\n        fillColor={IconColors.ON_BACKGROUND_2}\n        width=\"24px\"\n        height=\"24px\"\n        onClick={() => onClose(replyingMessage)}\n      />\n    </div>\n  );\n}\n"],"names":["componentClassname","QuoteMessageThumbnail","_ref","message","isFileMessage","isMultipleFilesMessage","isVoiceMessage","thumbnailUrl","getMessageFirstFileThumbnailUrl","isImageMessage","getMessageFirstFileUrl","isImageFileInfo","fileInfoList","isThumbnailMessage","React","createElement","ImageRenderer","className","url","alt","getMessageFirstFileType","width","height","fixedSize","isAudioMessage","Icon","type","IconTypes","FILE_AUDIO","fillColor","IconColors","ON_BACKGROUND_2","FILE_DOCUMENT","QuoteMessageInput","replyingMessage","onClose","stringSet","useContext","LocalizationContext","fileMessage","sender","displayFileIcon","getClassName","style","left","Label","LabelTypography","CAPTION_1","color","LabelColors","ONBACKGROUND_1","QUOTE_MESSAGE_INPUT__REPLY_TO","nickname","NO_NAME","BODY_2","ONBACKGROUND_3","isGifMessage","QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE","isVideoMessage","QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO","QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF","isUserMessage","getUIKitMessageType","UIKitMessageTypes","FILE","getMessageFirstFileName","VOICE_MESSAGE","CLOSE","onClick"],"mappings":"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"}

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-7c1266b5.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fa19fef7.js';
 import 'prop-types';
-import '../stringSet-ed242956.js';
+import '../stringSet-9fe06e0d.js';
 
 const ReactionBadge = /*#__PURE__*/React__default.forwardRef((props, ref) => {
   const {

package/ui/ReactionButton.js

@@ -1,8 +1,8 @@
-import { b as _extends } from '../_rollupPluginBabelHelpers-0f2ee8c1.js';
+import { b as _extends } from '../_rollupPluginBabelHelpers-ea73a031.js';
 import React__default from 'react';
-import { u as useLongPress } from '../useLongPress-0189f9c3.js';
-import { n as noop } from '../utils-40781609.js';
-import '../MediaQueryContext-aebb709a.js';
+import { u as useLongPress } from '../useLongPress-4b698dbb.js';
+import { n as noop } from '../utils-1bfac67e.js';
+import '../MediaQueryContext-532b0a77.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-6d982751.js';
+import { u as uuidv4 } from '../uuid-9094f15c.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-65ef45d7.js';
+import { C as Colors, c as changeColorToClassName } from '../color-4cef414f.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-7c1266b5.js';
-import { h as getClassName, B as isEditedMessage } from '../index-39eeabbb.js';
-import { a as LocalizationContext } from '../LocalizationContext-9a9a0064.js';
-import { t as tokenizeMessage } from '../tokenize-3c45100f.js';
-import { T as TextFragment } from '../index-d972c8e3.js';
-import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../consts-ee08d763.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fa19fef7.js';
+import { m as getClassName, E as isEditedMessage } from '../index-c323f04b.js';
+import { a as LocalizationContext } from '../LocalizationContext-c9b218d4.js';
+import { t as tokenizeMessage } from '../tokenize-d34eb5c6.js';
+import { T as TextFragment } from '../index-9083293d.js';
+import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../consts-a979689d.js';
 import 'prop-types';
-import '../stringSet-ed242956.js';
-import '../_rollupPluginBabelHelpers-0f2ee8c1.js';
+import '../stringSet-9fe06e0d.js';
+import '../_rollupPluginBabelHelpers-ea73a031.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-91634369.js';
-import '../index.module-b694546f.js';
+import '../index.module-efef0194.js';
+import '../index-516ad99d.js';
 import '../Message/context.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-6d982751.js';
+import '../uuid-9094f15c.js';
 import './UserProfile.js';
-import '../UserProfileContext-9fba7a03.js';
+import '../UserProfileContext-36e341fd.js';
 import '../sendbirdSelectors.js';
-import '../topics-da8f3f42.js';
-import '../utils-40781609.js';
+import '../topics-edd6182d.js';
+import '../utils-1bfac67e.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-7c1266b5.js';
-import { u as useLocalization } from '../LocalizationContext-9a9a0064.js';
-import { u as uuidv4 } from '../uuid-6d982751.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fa19fef7.js';
+import { u as useLocalization } from '../LocalizationContext-c9b218d4.js';
+import { u as uuidv4 } from '../uuid-9094f15c.js';
 import './ImageRenderer.js';
 import 'prop-types';
-import '../stringSet-ed242956.js';
-import '../index-91634369.js';
+import '../stringSet-9fe06e0d.js';
+import '../index-516ad99d.js';
 
 function ThreadReplies(_ref) {
   var _mostRepliedUsers$;

package/ui/ThumbnailMessageItemBody.js

@@ -1,16 +1,18 @@
-import { b as _extends } from '../_rollupPluginBabelHelpers-0f2ee8c1.js';
+import { b as _extends } from '../_rollupPluginBabelHelpers-ea73a031.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-39eeabbb.js';
-import { n as noop } from '../utils-40781609.js';
-import { u as useLongPress } from '../useLongPress-0189f9c3.js';
+import { m as getClassName, v as isVideoMessage, u as isGifMessage, F as isSentMessage } from '../index-c323f04b.js';
+import { n as noop } from '../utils-1bfac67e.js';
+import { u as useLongPress } from '../useLongPress-4b698dbb.js';
+import { b as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, c as getMessageFirstFileType } from '../utils-73dd35ca.js';
 import 'prop-types';
 import '../utils/message/getOutgoingMessageState.js';
-import '../MediaQueryContext-aebb709a.js';
+import '../index.module-efef0194.js';
+import '../MediaQueryContext-532b0a77.js';
 
 function ThumbnailMessageItemBody(_ref) {
-  var _thumbnails$, _message$reactions$le, _message$reactions;
+  var _message$reactions$le, _message$reactions;
   let {
     className = '',
     message,
@@ -20,10 +22,7 @@ function ThumbnailMessageItemBody(_ref) {
     showFileViewer = noop,
     style = {}
   } = _ref;
-  const {
-    thumbnails = []
-  } = message;
-  const thumbnailUrl = thumbnails.length > 0 ? (_thumbnails$ = thumbnails[0]) === null || _thumbnails$ === void 0 ? void 0 : _thumbnails$.url : '';
+  const thumbnailUrl = getMessageFirstFileThumbnailUrl(message);
   const [imageRendered, setImageRendered] = useState(false);
   const onClickHandler = useLongPress({
     onLongPress: noop,
@@ -37,8 +36,8 @@ function ThumbnailMessageItemBody(_ref) {
     className: getClassName([className, 'sendbird-thumbnail-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && ((_message$reactions$le = (_message$reactions = message.reactions) === null || _message$reactions === void 0 ? void 0 : _message$reactions.length) !== null && _message$reactions$le !== void 0 ? _message$reactions$le : 0) > 0 ? 'reactions' : ''])
   }, onClickHandler), /*#__PURE__*/React__default.createElement(ImageRenderer, {
     className: "sendbird-thumbnail-message-item-body__thumbnail",
-    url: thumbnailUrl || (message === null || message === void 0 ? void 0 : message.url),
-    alt: message === null || message === void 0 ? void 0 : message.type,
+    url: thumbnailUrl || getMessageFirstFileUrl(message),
+    alt: getMessageFirstFileType(message),
     width: (style === null || style === void 0 ? void 0 : style.width) || '360px',
     height: (style === null || style === void 0 ? void 0 : style.height) || '270px',
     onLoad: () => {
@@ -51,8 +50,8 @@ function ThumbnailMessageItemBody(_ref) {
   }), isVideoMessage(message) && !thumbnailUrl && !imageRendered && /*#__PURE__*/React__default.createElement("video", {
     className: "sendbird-thumbnail-message-item-body__video"
   }, /*#__PURE__*/React__default.createElement("source", {
-    src: message === null || message === void 0 ? void 0 : message.url,
-    type: message === null || message === void 0 ? void 0 : message.type
+    src: getMessageFirstFileUrl(message),
+    type: getMessageFirstFileType(message)
   })), /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-thumbnail-message-item-body__image-cover"
   }), (isVideoMessage(message) || isGifMessage(message)) && /*#__PURE__*/React__default.createElement("div", {
@@ -61,7 +60,7 @@ function ThumbnailMessageItemBody(_ref) {
     className: "sendbird-thumbnail-message-item-body__icon-wrapper__icon"
   }, /*#__PURE__*/React__default.createElement(Icon, {
     type: isVideoMessage(message) ? IconTypes.PLAY : IconTypes.GIF,
-    fillColor: IconColors.GRAY,
+    fillColor: IconColors.THUMBNAIL_ICON,
     width: "34px",
     height: "34px"
   }))));

package/ui/ThumbnailMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailMessageItemBody.js","sources":["../../src/ui/ThumbnailMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useState } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ImageRenderer from '../ImageRenderer';\nimport { getClassName, isGifMessage, isSentMessage, isVideoMessage } from '../../utils';\nimport { noop } from '../../utils/utils';\nimport useLongPress from '../../hooks/useLongPress';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isReactionEnabled?: boolean;\n  showFileViewer?: (bool: boolean) => void;\n  style?: Record<string, any>;\n}\n\nexport default function ThumbnailMessageItemBody({\n  className = '',\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isReactionEnabled = false,\n  showFileViewer = noop,\n  style = {},\n}: Props): ReactElement {\n  const { thumbnails = [] } = message;\n  const thumbnailUrl: string = thumbnails.length > 0 ? thumbnails[0]?.url : '';\n  const [imageRendered, setImageRendered] = useState(false);\n\n  const onClickHandler = useLongPress({\n    onLongPress: noop,\n    onClick: () => {\n      if (isSentMessage(message)) {\n        showFileViewer?.(true);\n      }\n    },\n  });\n\n  return (\n    <div\n      className={getClassName([\n        className,\n        'sendbird-thumbnail-message-item-body',\n        isByMe ? 'outgoing' : 'incoming',\n        mouseHover ? 'mouse-hover' : '',\n        (isReactionEnabled && (message.reactions?.length ?? 0) > 0) ? 'reactions' : '',\n      ])}\n      {...onClickHandler}\n    >\n      <ImageRenderer\n        className=\"sendbird-thumbnail-message-item-body__thumbnail\"\n        url={thumbnailUrl || message?.url}\n        alt={message?.type}\n        width={style?.width || '360px'}\n        height={style?.height || '270px'}\n        onLoad={() => { setImageRendered(true); }}\n        placeHolder={(style_: Record<string, any>) => (\n          <div\n            className=\"sendbird-thumbnail-message-item-body__placeholder\"\n            style={style_}\n          />\n        )}\n      />\n      {\n        (isVideoMessage(message) && !thumbnailUrl) && !imageRendered && (\n          <video className=\"sendbird-thumbnail-message-item-body__video\">\n            <source src={message?.url} type={message?.type} />\n          </video>\n        )\n      }\n      <div className=\"sendbird-thumbnail-message-item-body__image-cover\" />\n      {\n        (isVideoMessage(message) || isGifMessage(message)) && (\n          <div className=\"sendbird-thumbnail-message-item-body__icon-wrapper\">\n            <div className=\"sendbird-thumbnail-message-item-body__icon-wrapper__icon\">\n              <Icon\n                type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.GIF}\n                fillColor={IconColors.GRAY}\n                width=\"34px\"\n                height=\"34px\"\n              />\n            </div>\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["ThumbnailMessageItemBody","_ref","_thumbnails$","_message$reactions$le","_message$reactions","className","message","isByMe","mouseHover","isReactionEnabled","showFileViewer","noop","style","thumbnails","thumbnailUrl","length","url","imageRendered","setImageRendered","useState","onClickHandler","useLongPress","onLongPress","onClick","isSentMessage","React","createElement","_extends","getClassName","reactions","ImageRenderer","alt","type","width","height","onLoad","placeHolder","style_","isVideoMessage","src","isGifMessage","Icon","IconTypes","PLAY","GIF","fillColor","IconColors","GRAY"],"mappings":"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"}
+{"version":3,"file":"ThumbnailMessageItemBody.js","sources":["../../src/ui/ThumbnailMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useState } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ImageRenderer from '../ImageRenderer';\nimport { getClassName, isGifMessage, isSentMessage, isVideoMessage } from '../../utils';\nimport { noop } from '../../utils/utils';\nimport useLongPress from '../../hooks/useLongPress';\nimport { MultipleFilesMessage } from '@sendbird/chat/message';\nimport { getMessageFirstFileType, getMessageFirstFileUrl, getMessageFirstFileThumbnailUrl } from '../QuoteMessage/utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage | MultipleFilesMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isReactionEnabled?: boolean;\n  showFileViewer?: (bool: boolean) => void;\n  style?: Record<string, any>;\n}\n\nexport default function ThumbnailMessageItemBody({\n  className = '',\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isReactionEnabled = false,\n  showFileViewer = noop,\n  style = {},\n}: Props): ReactElement {\n  const thumbnailUrl: string = getMessageFirstFileThumbnailUrl(message);\n  const [imageRendered, setImageRendered] = useState(false);\n\n  const onClickHandler = useLongPress({\n    onLongPress: noop,\n    onClick: () => {\n      if (isSentMessage(message)) {\n        showFileViewer?.(true);\n      }\n    },\n  });\n\n  return (\n    <div\n      className={getClassName([\n        className,\n        'sendbird-thumbnail-message-item-body',\n        isByMe ? 'outgoing' : 'incoming',\n        mouseHover ? 'mouse-hover' : '',\n        (isReactionEnabled && (message.reactions?.length ?? 0) > 0) ? 'reactions' : '',\n      ])}\n      {...onClickHandler}\n    >\n      <ImageRenderer\n        className=\"sendbird-thumbnail-message-item-body__thumbnail\"\n        url={thumbnailUrl || getMessageFirstFileUrl(message)}\n        alt={getMessageFirstFileType(message)}\n        width={style?.width || '360px'}\n        height={style?.height || '270px'}\n        onLoad={() => { setImageRendered(true); }}\n        placeHolder={(style_: Record<string, any>) => (\n          <div\n            className=\"sendbird-thumbnail-message-item-body__placeholder\"\n            style={style_}\n          />\n        )}\n      />\n      {\n        (isVideoMessage(message) && !thumbnailUrl) && !imageRendered && (\n          <video className=\"sendbird-thumbnail-message-item-body__video\">\n            <source src={getMessageFirstFileUrl(message)} type={getMessageFirstFileType(message)} />\n          </video>\n        )\n      }\n      <div className=\"sendbird-thumbnail-message-item-body__image-cover\" />\n      {\n        (isVideoMessage(message) || isGifMessage(message)) && (\n          <div className=\"sendbird-thumbnail-message-item-body__icon-wrapper\">\n            <div className=\"sendbird-thumbnail-message-item-body__icon-wrapper__icon\">\n              <Icon\n                type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.GIF}\n                fillColor={IconColors.THUMBNAIL_ICON}\n                width=\"34px\"\n                height=\"34px\"\n              />\n            </div>\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["ThumbnailMessageItemBody","_ref","_message$reactions$le","_message$reactions","className","message","isByMe","mouseHover","isReactionEnabled","showFileViewer","noop","style","thumbnailUrl","getMessageFirstFileThumbnailUrl","imageRendered","setImageRendered","useState","onClickHandler","useLongPress","onLongPress","onClick","isSentMessage","React","createElement","_extends","getClassName","reactions","length","ImageRenderer","url","getMessageFirstFileUrl","alt","getMessageFirstFileType","width","height","onLoad","placeHolder","style_","isVideoMessage","src","type","isGifMessage","Icon","IconTypes","PLAY","GIF","fillColor","IconColors","THUMBNAIL_ICON"],"mappings":"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"}

package/ui/Toggle.js

@@ -1,5 +1,5 @@
 import React__default, { useState, useCallback } from 'react';
-import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-0f2ee8c1.js';
+import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-ea73a031.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-7c1266b5.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fa19fef7.js';
 import 'prop-types';
-import '../stringSet-ed242956.js';
+import '../stringSet-9fe06e0d.js';
 
 function Tooltip(_ref) {
   let {

package/ui/UnknownMessageItemBody.js

@@ -1,12 +1,13 @@
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7c1266b5.js';
-import { h as getClassName } from '../index-39eeabbb.js';
-import { a as LocalizationContext } from '../LocalizationContext-9a9a0064.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fa19fef7.js';
+import { m as getClassName } from '../index-c323f04b.js';
+import { a as LocalizationContext } from '../LocalizationContext-c9b218d4.js';
 import 'prop-types';
-import '../stringSet-ed242956.js';
-import '../_rollupPluginBabelHelpers-0f2ee8c1.js';
+import '../stringSet-9fe06e0d.js';
+import '../_rollupPluginBabelHelpers-ea73a031.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-91634369.js';
+import '../index.module-efef0194.js';
+import '../index-516ad99d.js';
 
 function UnknownMessageItemBody(_ref) {
   var _message$reactions;

package/ui/UnknownMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"UnknownMessageItemBody.js","sources":["../../src/ui/UnknownMessageItemBody/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { getClassName } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { BaseMessage } from '@sendbird/chat/message';\n\ninterface Props {\n  className?: string | Array<string>;\n  isByMe?: boolean;\n  message: BaseMessage;\n  mouseHover?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport default function UnknownMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isReactionEnabled = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-unknown-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n    ])}>\n      <Label\n        className=\"sendbird-unknown-message-item-body__header\"\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        {stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE}\n      </Label>\n      <Label\n        className=\"sendbird-unknown-message-item-body__description\"\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n      >\n        {stringSet.UNKNOWN__CANNOT_READ_MESSAGE}\n      </Label>\n    </div>\n  );\n}\n"],"names":["UnknownMessageItemBody","_ref","_message$reactions","className","message","isByMe","mouseHover","isReactionEnabled","stringSet","useContext","LocalizationContext","React","createElement","getClassName","reactions","length","Label","type","LabelTypography","BODY_1","color","LabelColors","ONCONTENT_1","ONBACKGROUND_1","UNKNOWN__UNKNOWN_MESSAGE_TYPE","ONCONTENT_2","ONBACKGROUND_2","UNKNOWN__CANNOT_READ_MESSAGE"],"mappings":";;;;;;;;;;AAgBe,SAASA,sBAAsBA,CAAAC,IAAA,EAMtB;AAAA,EAAA,IAAAC,kBAAA,CAAA;EAAA,IANuB;IAC7CC,SAAS;IACTC,OAAO;AACPC,IAAAA,MAAM,GAAG,KAAK;AACdC,IAAAA,UAAU,GAAG,KAAK;AAClBC,IAAAA,iBAAiB,GAAG,KAAA;AACf,GAAC,GAAAN,IAAA,CAAA;EACN,MAAM;AAAEO,IAAAA,SAAAA;AAAU,GAAC,GAAGC,UAAU,CAACC,mBAAmB,CAAC,CAAA;EACrD,oBACEC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKT,SAAS,EAAEU,YAAY,CAAC,CAC3BV,SAAS,EACT,oCAAoC,EACpCE,MAAM,GAAG,UAAU,GAAG,UAAU,EAChCC,UAAU,GAAG,aAAa,GAAG,EAAE,EAC9BC,iBAAiB,IAAI,CAAAH,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAAF,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,kBAAA,GAAPE,OAAO,CAAEU,SAAS,MAAAZ,IAAAA,IAAAA,kBAAA,uBAAlBA,kBAAA,CAAoBa,MAAM,IAAG,CAAC,GAAI,WAAW,GAAG,EAAE,CACzE,CAAA;AAAE,GAAA,eACDJ,cAAA,CAAAC,aAAA,CAACI,KAAK,EAAA;AACJb,IAAAA,SAAS,EAAC,4CAA4C;IACtDc,IAAI,EAAEC,eAAe,CAACC,MAAO;IAC7BC,KAAK,EAAEf,MAAM,GAAGgB,WAAW,CAACC,WAAW,GAAGD,WAAW,CAACE,cAAAA;GAErDf,EAAAA,SAAS,CAACgB,6BAA6B,CAClC,eACRb,cAAA,CAAAC,aAAA,CAACI,KAAK,EAAA;AACJb,IAAAA,SAAS,EAAC,iDAAiD;IAC3Dc,IAAI,EAAEC,eAAe,CAACC,MAAO;IAC7BC,KAAK,EAAEf,MAAM,GAAGgB,WAAW,CAACI,WAAW,GAAGJ,WAAW,CAACK,cAAAA;AAAe,GAAA,EAEpElB,SAAS,CAACmB,4BAA4B,CACjC,CACJ,CAAA;AAEV;;;;"}
+{"version":3,"file":"UnknownMessageItemBody.js","sources":["../../src/ui/UnknownMessageItemBody/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { getClassName } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { BaseMessage } from '@sendbird/chat/message';\n\ninterface Props {\n  className?: string | Array<string>;\n  isByMe?: boolean;\n  message: BaseMessage;\n  mouseHover?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport default function UnknownMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isReactionEnabled = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-unknown-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n    ])}>\n      <Label\n        className=\"sendbird-unknown-message-item-body__header\"\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        {stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE}\n      </Label>\n      <Label\n        className=\"sendbird-unknown-message-item-body__description\"\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n      >\n        {stringSet.UNKNOWN__CANNOT_READ_MESSAGE}\n      </Label>\n    </div>\n  );\n}\n"],"names":["UnknownMessageItemBody","_ref","_message$reactions","className","message","isByMe","mouseHover","isReactionEnabled","stringSet","useContext","LocalizationContext","React","createElement","getClassName","reactions","length","Label","type","LabelTypography","BODY_1","color","LabelColors","ONCONTENT_1","ONBACKGROUND_1","UNKNOWN__UNKNOWN_MESSAGE_TYPE","ONCONTENT_2","ONBACKGROUND_2","UNKNOWN__CANNOT_READ_MESSAGE"],"mappings":";;;;;;;;;;;AAgBe,SAASA,sBAAsBA,CAAAC,IAAA,EAMtB;AAAA,EAAA,IAAAC,kBAAA,CAAA;EAAA,IANuB;IAC7CC,SAAS;IACTC,OAAO;AACPC,IAAAA,MAAM,GAAG,KAAK;AACdC,IAAAA,UAAU,GAAG,KAAK;AAClBC,IAAAA,iBAAiB,GAAG,KAAA;AACf,GAAC,GAAAN,IAAA,CAAA;EACN,MAAM;AAAEO,IAAAA,SAAAA;AAAU,GAAC,GAAGC,UAAU,CAACC,mBAAmB,CAAC,CAAA;EACrD,oBACEC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKT,SAAS,EAAEU,YAAY,CAAC,CAC3BV,SAAS,EACT,oCAAoC,EACpCE,MAAM,GAAG,UAAU,GAAG,UAAU,EAChCC,UAAU,GAAG,aAAa,GAAG,EAAE,EAC9BC,iBAAiB,IAAI,CAAAH,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAAF,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,kBAAA,GAAPE,OAAO,CAAEU,SAAS,MAAAZ,IAAAA,IAAAA,kBAAA,uBAAlBA,kBAAA,CAAoBa,MAAM,IAAG,CAAC,GAAI,WAAW,GAAG,EAAE,CACzE,CAAA;AAAE,GAAA,eACDJ,cAAA,CAAAC,aAAA,CAACI,KAAK,EAAA;AACJb,IAAAA,SAAS,EAAC,4CAA4C;IACtDc,IAAI,EAAEC,eAAe,CAACC,MAAO;IAC7BC,KAAK,EAAEf,MAAM,GAAGgB,WAAW,CAACC,WAAW,GAAGD,WAAW,CAACE,cAAAA;GAErDf,EAAAA,SAAS,CAACgB,6BAA6B,CAClC,eACRb,cAAA,CAAAC,aAAA,CAACI,KAAK,EAAA;AACJb,IAAAA,SAAS,EAAC,iDAAiD;IAC3Dc,IAAI,EAAEC,eAAe,CAACC,MAAO;IAC7BC,KAAK,EAAEf,MAAM,GAAGgB,WAAW,CAACI,WAAW,GAAGJ,WAAW,CAACK,cAAAA;AAAe,GAAA,EAEpElB,SAAS,CAACmB,4BAA4B,CACjC,CACJ,CAAA;AAEV;;;;"}

package/ui/UserListItem.js

@@ -1,29 +1,30 @@
 import React__default, { useContext } from 'react';
-import { a as UserProfileContext } from '../UserProfileContext-9fba7a03.js';
-import { a as LocalizationContext } from '../LocalizationContext-9a9a0064.js';
+import { a as UserProfileContext } from '../UserProfileContext-36e341fd.js';
+import { a as LocalizationContext } from '../LocalizationContext-c9b218d4.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-7c1266b5.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fa19fef7.js';
 import 'prop-types';
-import '../stringSet-ed242956.js';
-import '../index-91634369.js';
+import '../stringSet-9fe06e0d.js';
+import '../index-516ad99d.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import '../uuid-6d982751.js';
+import '../uuid-9094f15c.js';
 import '../sendbirdSelectors.js';
-import '../_rollupPluginBabelHelpers-0f2ee8c1.js';
-import '../topics-da8f3f42.js';
-import '../utils-40781609.js';
+import '../_rollupPluginBabelHelpers-ea73a031.js';
+import '../topics-edd6182d.js';
+import '../utils-1bfac67e.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-39eeabbb.js';
+import '../index-c323f04b.js';
 import '../utils/message/getOutgoingMessageState.js';
+import '../index.module-efef0194.js';
 
 function UserListItem(_ref) {
   let {

package/ui/UserListItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserListItem.js","sources":["../../src/ui/UserListItem/index.tsx"],"sourcesContent":["import React, { ChangeEvent, MutableRefObject, ReactElement, useContext } from 'react';\nimport { User } from '@sendbird/chat';\nimport { Member } from '@sendbird/chat/groupChannel';\nimport './index.scss';\n\nimport { UserProfileContext } from '../../lib/UserProfileContext';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport Avatar from '../Avatar/index';\nimport MutedAvatarOverlay from '../Avatar/MutedAvatarOverlay';\nimport Checkbox from '../Checkbox';\nimport UserProfile from '../UserProfile';\nimport ContextMenu, { MenuItems } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface UserListItemProps {\n  user: User;\n  className?: string;\n  checked?: boolean;\n  checkBox?: boolean;\n  isOperator?: boolean;\n  disabled?: boolean;\n  disableMessaging?: boolean;\n  currentUser?: string;\n  action?({ actionRef, parentRef }: {\n    actionRef: MutableRefObject<any>,\n    parentRef?: MutableRefObject<any>,\n  }): ReactElement;\n  onChange?(e: ChangeEvent<HTMLInputElement>): void;\n  avatarSize?: string;\n}\n\nexport default function UserListItem({\n  user,\n  className,\n  checked,\n  checkBox,\n  isOperator,\n  disabled,\n  disableMessaging,\n  currentUser,\n  action,\n  onChange,\n  avatarSize = '40px',\n}: UserListItemProps): ReactElement {\n  const uniqueKey = user.userId;\n  const actionRef = React.useRef(null);\n  const parentRef = React.useRef(null);\n  const avatarRef = React.useRef(null);\n  const {\n    disableUserProfile,\n    renderUserProfile,\n  } = useContext<UserProfileContext>(UserProfileContext);\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-user-list-item',\n      ].join(' ')}\n      ref={parentRef}\n    >\n      {\n        (user as Member)?.isMuted && (\n          <MutedAvatarOverlay height={40} width={40} />\n        )\n      }\n      <ContextMenu\n        menuTrigger={(toggleDropdown) => (\n          <Avatar\n            className=\"sendbird-user-list-item__avatar\"\n            ref={avatarRef}\n            src={user.profileUrl}\n            width={avatarSize}\n            height={avatarSize}\n            onClick={() => {\n              if (!disableUserProfile) {\n                toggleDropdown();\n              }\n            }}\n          />\n        )}\n        menuItems={(closeDropdown) => (\n          <MenuItems\n            openLeft\n            parentRef={avatarRef}\n            // for catching location(x, y) of MenuItems\n            parentContainRef={avatarRef}\n            // for toggling more options(menus & reactions)\n            closeDropdown={closeDropdown}\n            style={{ paddingTop: '0px', paddingBottom: '0px' }}\n          >\n            {\n              renderUserProfile\n                ? renderUserProfile({\n                  user,\n                  currentUserId: currentUser,\n                  close: closeDropdown,\n                })\n                : (\n                  <UserProfile\n                    disableMessaging={disableMessaging}\n                    user={user}\n                    currentUserId={currentUser}\n                    onSuccess={closeDropdown}\n                  />\n                )\n            }\n          </MenuItems>\n        )}\n      />\n      <Label\n        className=\"sendbird-user-list-item__title\"\n        type={LabelTypography.SUBTITLE_1}\n        color={LabelColors.ONBACKGROUND_1}\n      >\n        {user.nickname || stringSet.NO_NAME}\n        {\n          (currentUser === user.userId) && (\n            ' (You)'\n          )\n        }\n      </Label>\n      { // if there is now nickname, display userId\n        !user.nickname && (\n          <Label\n            className=\"sendbird-user-list-item__subtitle\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {user.userId}\n          </Label>\n        )\n      }\n      {\n        checkBox && (\n          <label\n            className=\"sendbird-user-list-item__checkbox\"\n            htmlFor={uniqueKey}\n          >\n            <Checkbox\n              id={uniqueKey}\n              checked={checked}\n              disabled={disabled}\n              onChange={(event) => onChange(event)}\n            />\n          </label>\n        )\n      }\n      {\n        isOperator && (\n          <Label\n            className={[\n              'sendbird-user-list-item__operator',\n              checkBox ? 'checkbox' : '',\n            ].join(' ')}\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            Operator\n          </Label>\n        )\n      }\n      {\n        action && (\n          <div\n            className=\"sendbird-user-list-item__action\"\n            ref={actionRef}\n          >\n            {action({ actionRef, parentRef })}\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["UserListItem","_ref","user","className","checked","checkBox","isOperator","disabled","disableMessaging","currentUser","action","onChange","avatarSize","uniqueKey","userId","actionRef","React","useRef","parentRef","avatarRef","disableUserProfile","renderUserProfile","useContext","UserProfileContext","stringSet","LocalizationContext","createElement","Array","isArray","join","ref","isMuted","MutedAvatarOverlay","height","width","ContextMenu","menuTrigger","toggleDropdown","Avatar","src","profileUrl","onClick","menuItems","closeDropdown","MenuItems","openLeft","parentContainRef","style","paddingTop","paddingBottom","currentUserId","close","UserProfile","onSuccess","Label","type","LabelTypography","SUBTITLE_1","color","LabelColors","ONBACKGROUND_1","nickname","NO_NAME","CAPTION_3","ONBACKGROUND_2","htmlFor","Checkbox","id","event","SUBTITLE_2"],"mappings":"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"}
+{"version":3,"file":"UserListItem.js","sources":["../../src/ui/UserListItem/index.tsx"],"sourcesContent":["import React, { ChangeEvent, MutableRefObject, ReactElement, useContext } from 'react';\nimport { User } from '@sendbird/chat';\nimport { Member } from '@sendbird/chat/groupChannel';\nimport './index.scss';\n\nimport { UserProfileContext } from '../../lib/UserProfileContext';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport Avatar from '../Avatar/index';\nimport MutedAvatarOverlay from '../Avatar/MutedAvatarOverlay';\nimport Checkbox from '../Checkbox';\nimport UserProfile from '../UserProfile';\nimport ContextMenu, { MenuItems } from '../ContextMenu';\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface UserListItemProps {\n  user: User;\n  className?: string;\n  checked?: boolean;\n  checkBox?: boolean;\n  isOperator?: boolean;\n  disabled?: boolean;\n  disableMessaging?: boolean;\n  currentUser?: string;\n  action?({ actionRef, parentRef }: {\n    actionRef: MutableRefObject<any>,\n    parentRef?: MutableRefObject<any>,\n  }): ReactElement;\n  onChange?(e: ChangeEvent<HTMLInputElement>): void;\n  avatarSize?: string;\n}\n\nexport default function UserListItem({\n  user,\n  className,\n  checked,\n  checkBox,\n  isOperator,\n  disabled,\n  disableMessaging,\n  currentUser,\n  action,\n  onChange,\n  avatarSize = '40px',\n}: UserListItemProps): ReactElement {\n  const uniqueKey = user.userId;\n  const actionRef = React.useRef(null);\n  const parentRef = React.useRef(null);\n  const avatarRef = React.useRef(null);\n  const {\n    disableUserProfile,\n    renderUserProfile,\n  } = useContext<UserProfileContext>(UserProfileContext);\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-user-list-item',\n      ].join(' ')}\n      ref={parentRef}\n    >\n      {\n        (user as Member)?.isMuted && (\n          <MutedAvatarOverlay height={40} width={40} />\n        )\n      }\n      <ContextMenu\n        menuTrigger={(toggleDropdown) => (\n          <Avatar\n            className=\"sendbird-user-list-item__avatar\"\n            ref={avatarRef}\n            src={user.profileUrl}\n            width={avatarSize}\n            height={avatarSize}\n            onClick={() => {\n              if (!disableUserProfile) {\n                toggleDropdown();\n              }\n            }}\n          />\n        )}\n        menuItems={(closeDropdown) => (\n          <MenuItems\n            openLeft\n            parentRef={avatarRef}\n            // for catching location(x, y) of MenuItems\n            parentContainRef={avatarRef}\n            // for toggling more options(menus & reactions)\n            closeDropdown={closeDropdown}\n            style={{ paddingTop: '0px', paddingBottom: '0px' }}\n          >\n            {\n              renderUserProfile\n                ? renderUserProfile({\n                  user,\n                  currentUserId: currentUser,\n                  close: closeDropdown,\n                })\n                : (\n                  <UserProfile\n                    disableMessaging={disableMessaging}\n                    user={user}\n                    currentUserId={currentUser}\n                    onSuccess={closeDropdown}\n                  />\n                )\n            }\n          </MenuItems>\n        )}\n      />\n      <Label\n        className=\"sendbird-user-list-item__title\"\n        type={LabelTypography.SUBTITLE_1}\n        color={LabelColors.ONBACKGROUND_1}\n      >\n        {user.nickname || stringSet.NO_NAME}\n        {\n          (currentUser === user.userId) && (\n            ' (You)'\n          )\n        }\n      </Label>\n      { // if there is now nickname, display userId\n        !user.nickname && (\n          <Label\n            className=\"sendbird-user-list-item__subtitle\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {user.userId}\n          </Label>\n        )\n      }\n      {\n        checkBox && (\n          <label\n            className=\"sendbird-user-list-item__checkbox\"\n            htmlFor={uniqueKey}\n          >\n            <Checkbox\n              id={uniqueKey}\n              checked={checked}\n              disabled={disabled}\n              onChange={(event) => onChange(event)}\n            />\n          </label>\n        )\n      }\n      {\n        isOperator && (\n          <Label\n            className={[\n              'sendbird-user-list-item__operator',\n              checkBox ? 'checkbox' : '',\n            ].join(' ')}\n            type={LabelTypography.SUBTITLE_2}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            Operator\n          </Label>\n        )\n      }\n      {\n        action && (\n          <div\n            className=\"sendbird-user-list-item__action\"\n            ref={actionRef}\n          >\n            {action({ actionRef, parentRef })}\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["UserListItem","_ref","user","className","checked","checkBox","isOperator","disabled","disableMessaging","currentUser","action","onChange","avatarSize","uniqueKey","userId","actionRef","React","useRef","parentRef","avatarRef","disableUserProfile","renderUserProfile","useContext","UserProfileContext","stringSet","LocalizationContext","createElement","Array","isArray","join","ref","isMuted","MutedAvatarOverlay","height","width","ContextMenu","menuTrigger","toggleDropdown","Avatar","src","profileUrl","onClick","menuItems","closeDropdown","MenuItems","openLeft","parentContainRef","style","paddingTop","paddingBottom","currentUserId","close","UserProfile","onSuccess","Label","type","LabelTypography","SUBTITLE_1","color","LabelColors","ONBACKGROUND_1","nickname","NO_NAME","CAPTION_3","ONBACKGROUND_2","htmlFor","Checkbox","id","event","SUBTITLE_2"],"mappings":"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"}

package/ui/UserProfile.js

@@ -1,20 +1,20 @@
 import React__default, { useContext } from 'react';
-import { a as LocalizationContext } from '../LocalizationContext-9a9a0064.js';
-import { a as UserProfileContext } from '../UserProfileContext-9fba7a03.js';
+import { a as LocalizationContext } from '../LocalizationContext-c9b218d4.js';
+import { a as UserProfileContext } from '../UserProfileContext-36e341fd.js';
 import { getCreateGroupChannel } from '../sendbirdSelectors.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7c1266b5.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-fa19fef7.js';
 import Button, { ButtonTypes } from './Button.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../stringSet-ed242956.js';
-import '../index-91634369.js';
+import '../stringSet-9fe06e0d.js';
+import '../index-516ad99d.js';
 import 'prop-types';
-import '../_rollupPluginBabelHelpers-0f2ee8c1.js';
-import '../topics-da8f3f42.js';
-import '../utils-40781609.js';
+import '../_rollupPluginBabelHelpers-ea73a031.js';
+import '../topics-edd6182d.js';
+import '../utils-1bfac67e.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import '../uuid-6d982751.js';
+import '../uuid-9094f15c.js';
 import '../withSendbird.js';
 
 function UserProfile(_ref) {

package/ui/VoiceMessageItemBody.js

@@ -4,21 +4,23 @@ 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-7c1266b5.js';
-import { a as VOICE_PLAYER_STATUS } from '../index-da7bc750.js';
-import '../consts-397a92f1.js';
+import { a as LabelTypography, b as LabelColors } from '../index-fa19fef7.js';
+import { a as VOICE_PLAYER_STATUS } from '../index-825c96d3.js';
+import '../consts-439d56b4.js';
 import '../VoiceRecorder/context.js';
-import '../LocalizationContext-9a9a0064.js';
-import '../stringSet-ed242956.js';
-import '../index-91634369.js';
+import '../LocalizationContext-c9b218d4.js';
+import '../stringSet-9fe06e0d.js';
+import '../index-516ad99d.js';
 import './Modal.js';
 import 'react-dom';
-import '../index-d16a8084.js';
+import '../utils-1bfac67e.js';
+import '../index.module-efef0194.js';
+import '../index-e2afa53f.js';
+import '../MediaQueryContext-532b0a77.js';
+import './IconButton.js';
+import '../_rollupPluginBabelHelpers-ea73a031.js';
 import './Button.js';
 import 'prop-types';
-import './IconButton.js';
-import '../_rollupPluginBabelHelpers-0f2ee8c1.js';
-import '../MediaQueryContext-aebb709a.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 

package/ui/VoiceMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"VoiceMessageItemBody.js","sources":["../../src/ui/VoiceMessageItemBody/index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { FileMessage } from '@sendbird/chat/message';\n\nimport './index.scss';\n\nimport ProgressBar, { ProgressBarColorTypes } from '../ProgressBar';\nimport { useVoicePlayer } from '../../hooks/VoicePlayer/useVoicePlayer';\nimport PlaybackTime from '../PlaybackTime';\nimport Loader from '../Loader';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport { LabelTypography, LabelColors } from '../Label';\nimport { VOICE_PLAYER_STATUS } from '../../hooks/VoicePlayer/dux/initialState';\n\nexport interface VoiceMessageItemBodyProps {\n  className?: string;\n  message: FileMessage;\n  channelUrl: string;\n  isByMe?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport const VoiceMessageItemBody = ({\n  className,\n  message,\n  channelUrl,\n  isByMe = false,\n  isReactionEnabled = false,\n}: VoiceMessageItemBodyProps): React.ReactElement => {\n  const [usingReaction, setUsingReaction] = useState(false);\n  const {\n    play,\n    // do not pause on unmount, because on desktop layout\n    // the component can be paused when it is played from\n    // channel and same message is unmounted from the thread\n    pause,\n    playbackTime = 0,\n    duration,\n    playingStatus = VOICE_PLAYER_STATUS.IDLE,\n  } = useVoicePlayer({\n    channelUrl,\n    key: `${message?.messageId}`,\n    audioFileUrl: message?.url,\n  });\n\n  useEffect(() => {\n    if (isReactionEnabled && message?.reactions?.length > 0) {\n      setUsingReaction(true);\n    } else {\n      setUsingReaction(false);\n    }\n  }, [isReactionEnabled, message?.reactions?.length]);\n  const progresBarMaxSize = useMemo(() => {\n    if (message?.metaArrays) {\n      const duration = message?.metaArrays.find((metaArray) => metaArray.key === 'KEY_VOICE_MESSAGE_DURATION')?.value[0];\n      return duration && parseInt(duration);\n    }\n    return 1;\n  }, [message?.metaArrays]);\n\n  return (\n    <div className={`sendbird-voice-message-item-body ${className} ${usingReaction ? 'is-reactions-contained' : ''}`}>\n      <ProgressBar\n        className=\"sendbird-voice-message-item-body__progress-bar\"\n        maxSize={duration || progresBarMaxSize}\n        currentSize={playbackTime}\n        colorType={isByMe ? ProgressBarColorTypes.PRIMARY : ProgressBarColorTypes.GRAY}\n      />\n      <div className=\"sendbird-voice-message-item-body__status-button\">\n        {(playingStatus === VOICE_PLAYER_STATUS.IDLE || playingStatus === VOICE_PLAYER_STATUS.PAUSED) && (\n          <div\n            className=\"sendbird-voice-message-item-body__status-button__button\"\n            onClick={play}\n          >\n            <Icon\n              width=\"18px\"\n              height=\"18px\"\n              type={IconTypes.PLAY}\n              fillColor={IconColors.PRIMARY}\n            />\n          </div>\n        )}\n        {playingStatus === VOICE_PLAYER_STATUS.PREPARING && (\n          <Loader width=\"22.2px\" height=\"22.2px\">\n            <Icon\n              width=\"22.2px\"\n              height=\"22.2px\"\n              type={IconTypes.SPINNER}\n              fillColor={IconColors.PRIMARY_2}\n            />\n          </Loader>\n        )}\n        {playingStatus === VOICE_PLAYER_STATUS.PLAYING && (\n          <div\n            className=\"sendbird-voice-message-item-body__status-button__button\"\n            onClick={() => { pause(); }}\n          >\n            <div className=\"sendbird-voice-message-item-body__status-button__button__pause\">\n              <div className=\"sendbird-voice-message-item-body__status-button__button__pause__inner\" />\n              <div className=\"sendbird-voice-message-item-body__status-button__button__pause__inner\" />\n            </div>\n          </div>\n        )}\n      </div>\n      <PlaybackTime\n        className=\"sendbird-voice-message-item-body__playback-time\"\n        time={progresBarMaxSize - playbackTime}\n        labelType={LabelTypography.BODY_1}\n        labelColor={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      />\n    </div>\n  );\n};\n\nexport default VoiceMessageItemBody;\n"],"names":["VoiceMessageItemBody","_ref","_message$reactions2","className","message","channelUrl","isByMe","isReactionEnabled","usingReaction","setUsingReaction","useState","play","pause","playbackTime","duration","playingStatus","VOICE_PLAYER_STATUS","IDLE","useVoicePlayer","key","messageId","audioFileUrl","url","useEffect","_message$reactions","reactions","length","progresBarMaxSize","useMemo","metaArrays","_message$metaArrays$f","find","metaArray","value","parseInt","React","createElement","ProgressBar","maxSize","currentSize","colorType","ProgressBarColorTypes","PRIMARY","GRAY","PAUSED","onClick","Icon","width","height","type","IconTypes","PLAY","fillColor","IconColors","PREPARING","Loader","SPINNER","PRIMARY_2","PLAYING","PlaybackTime","time","labelType","LabelTypography","BODY_1","labelColor","LabelColors","ONCONTENT_1","ONBACKGROUND_1"],"mappings":"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"}
+{"version":3,"file":"VoiceMessageItemBody.js","sources":["../../src/ui/VoiceMessageItemBody/index.tsx"],"sourcesContent":["import React, { useEffect, useMemo, useState } from 'react';\nimport { FileMessage } from '@sendbird/chat/message';\n\nimport './index.scss';\n\nimport ProgressBar, { ProgressBarColorTypes } from '../ProgressBar';\nimport { useVoicePlayer } from '../../hooks/VoicePlayer/useVoicePlayer';\nimport PlaybackTime from '../PlaybackTime';\nimport Loader from '../Loader';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport { LabelTypography, LabelColors } from '../Label';\nimport { VOICE_PLAYER_STATUS } from '../../hooks/VoicePlayer/dux/initialState';\n\nexport interface VoiceMessageItemBodyProps {\n  className?: string;\n  message: FileMessage;\n  channelUrl: string;\n  isByMe?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport const VoiceMessageItemBody = ({\n  className,\n  message,\n  channelUrl,\n  isByMe = false,\n  isReactionEnabled = false,\n}: VoiceMessageItemBodyProps): React.ReactElement => {\n  const [usingReaction, setUsingReaction] = useState(false);\n  const {\n    play,\n    // do not pause on unmount, because on desktop layout\n    // the component can be paused when it is played from\n    // channel and same message is unmounted from the thread\n    pause,\n    playbackTime = 0,\n    duration,\n    playingStatus = VOICE_PLAYER_STATUS.IDLE,\n  } = useVoicePlayer({\n    channelUrl,\n    key: `${message?.messageId}`,\n    audioFileUrl: message?.url,\n  });\n\n  useEffect(() => {\n    if (isReactionEnabled && message?.reactions?.length > 0) {\n      setUsingReaction(true);\n    } else {\n      setUsingReaction(false);\n    }\n  }, [isReactionEnabled, message?.reactions?.length]);\n  const progresBarMaxSize = useMemo(() => {\n    if (message?.metaArrays) {\n      const duration = message?.metaArrays.find((metaArray) => metaArray.key === 'KEY_VOICE_MESSAGE_DURATION')?.value[0];\n      return duration && parseInt(duration);\n    }\n    return 1;\n  }, [message?.metaArrays]);\n\n  return (\n    <div className={`sendbird-voice-message-item-body ${className} ${usingReaction ? 'is-reactions-contained' : ''}`}>\n      <ProgressBar\n        className=\"sendbird-voice-message-item-body__progress-bar\"\n        maxSize={duration || progresBarMaxSize}\n        currentSize={playbackTime}\n        colorType={isByMe ? ProgressBarColorTypes.PRIMARY : ProgressBarColorTypes.GRAY}\n      />\n      <div className=\"sendbird-voice-message-item-body__status-button\">\n        {(playingStatus === VOICE_PLAYER_STATUS.IDLE || playingStatus === VOICE_PLAYER_STATUS.PAUSED) && (\n          <div\n            className=\"sendbird-voice-message-item-body__status-button__button\"\n            onClick={play}\n          >\n            <Icon\n              width=\"18px\"\n              height=\"18px\"\n              type={IconTypes.PLAY}\n              fillColor={IconColors.PRIMARY}\n            />\n          </div>\n        )}\n        {playingStatus === VOICE_PLAYER_STATUS.PREPARING && (\n          <Loader width=\"22.2px\" height=\"22.2px\">\n            <Icon\n              width=\"22.2px\"\n              height=\"22.2px\"\n              type={IconTypes.SPINNER}\n              fillColor={IconColors.PRIMARY_2}\n            />\n          </Loader>\n        )}\n        {playingStatus === VOICE_PLAYER_STATUS.PLAYING && (\n          <div\n            className=\"sendbird-voice-message-item-body__status-button__button\"\n            onClick={() => { pause(); }}\n          >\n            <div className=\"sendbird-voice-message-item-body__status-button__button__pause\">\n              <div className=\"sendbird-voice-message-item-body__status-button__button__pause__inner\" />\n              <div className=\"sendbird-voice-message-item-body__status-button__button__pause__inner\" />\n            </div>\n          </div>\n        )}\n      </div>\n      <PlaybackTime\n        className=\"sendbird-voice-message-item-body__playback-time\"\n        time={progresBarMaxSize - playbackTime}\n        labelType={LabelTypography.BODY_1}\n        labelColor={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      />\n    </div>\n  );\n};\n\nexport default VoiceMessageItemBody;\n"],"names":["VoiceMessageItemBody","_ref","_message$reactions2","className","message","channelUrl","isByMe","isReactionEnabled","usingReaction","setUsingReaction","useState","play","pause","playbackTime","duration","playingStatus","VOICE_PLAYER_STATUS","IDLE","useVoicePlayer","key","messageId","audioFileUrl","url","useEffect","_message$reactions","reactions","length","progresBarMaxSize","useMemo","metaArrays","_message$metaArrays$f","find","metaArray","value","parseInt","React","createElement","ProgressBar","maxSize","currentSize","colorType","ProgressBarColorTypes","PRIMARY","GRAY","PAUSED","onClick","Icon","width","height","type","IconTypes","PLAY","fillColor","IconColors","PREPARING","Loader","SPINNER","PRIMARY_2","PLAYING","PlaybackTime","time","labelType","LabelTypography","BODY_1","labelColor","LabelColors","ONCONTENT_1","ONBACKGROUND_1"],"mappings":"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"}

package/ui/VoiceMessgeInput.js

@@ -3,12 +3,12 @@ import './PlaybackTime.js';
 import './ProgressBar.js';
 import './TextButton.js';
 import './Icon.js';
-import '../index-7c1266b5.js';
-import '../LocalizationContext-9a9a0064.js';
-export { a as VoiceMessageInput } from '../index-5ebb83a2.js';
-import '../consts-397a92f1.js';
+import '../index-fa19fef7.js';
+import '../LocalizationContext-c9b218d4.js';
+export { a as VoiceMessageInput } from '../index-c5cb0bb2.js';
+import '../consts-439d56b4.js';
 import 'prop-types';
-import '../stringSet-ed242956.js';
-import '../color-65ef45d7.js';
-import '../index-91634369.js';
+import '../stringSet-9fe06e0d.js';
+import '../color-4cef414f.js';
+import '../index-516ad99d.js';
 //# sourceMappingURL=VoiceMessgeInput.js.map

package/ui/Word.js

@@ -1,23 +1,24 @@
 import React__default from 'react';
-import { a as LabelTypography } from '../index-7c1266b5.js';
+import { a as LabelTypography } from '../index-fa19fef7.js';
 import LinkLabel from './LinkLabel.js';
-import { u as uuidv4 } from '../uuid-6d982751.js';
-import { P as convertWordToStringObj, S as StringObjType } from '../index-39eeabbb.js';
+import { u as uuidv4 } from '../uuid-9094f15c.js';
+import { T as convertWordToStringObj, V as StringObjType } from '../index-c323f04b.js';
 import MentionLabel from './MentionLabel.js';
 import 'prop-types';
-import '../stringSet-ed242956.js';
-import '../_rollupPluginBabelHelpers-0f2ee8c1.js';
+import '../stringSet-9fe06e0d.js';
+import '../_rollupPluginBabelHelpers-ea73a031.js';
 import '../utils/message/getOutgoingMessageState.js';
+import '../index.module-efef0194.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
 import './UserProfile.js';
-import '../LocalizationContext-9a9a0064.js';
-import '../index-91634369.js';
-import '../UserProfileContext-9fba7a03.js';
+import '../LocalizationContext-c9b218d4.js';
+import '../index-516ad99d.js';
+import '../UserProfileContext-36e341fd.js';
 import '../sendbirdSelectors.js';
-import '../topics-da8f3f42.js';
-import '../utils-40781609.js';
+import '../topics-edd6182d.js';
+import '../utils-1bfac67e.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';