@sendbird/uikit-react 3.6.8 → 3.6.9-rc.0

package/ui/QuoteMessage.js

@@ -1,17 +1,19 @@
 import React__default, { useContext, useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7c1266b5.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ec9b8bb2.js';
 import ImageRenderer from './ImageRenderer.js';
-import { a as LocalizationContext } from '../LocalizationContext-9a9a0064.js';
-import { M as getUIKitFileTypes, h as getClassName, q as isUserMessage, c as isVoiceMessage, m as isThumbnailMessage, y as isVideo, N as isGif, r as getUIKitMessageType, U as UIKitMessageTypes, L as getUIKitFileType, t as truncateString } from '../index-39eeabbb.js';
+import { a as LocalizationContext } from '../LocalizationContext-2a6ef338.js';
+import { Q as getUIKitFileTypes, m as getClassName, w as isUserMessage, d as isVoiceMessage, s as isThumbnailMessage, c as isMultipleFilesMessage, k as isVideo, h as isGif, x as getUIKitMessageType, U as UIKitMessageTypes, O as getUIKitFileType, P as truncateString } from '../index-cd866969.js';
+import { g as getMessageFirstFileUrl, c as getMessageFirstFileType, a as getMessageFirstFileName } from '../utils-11da9785.js';
 import 'prop-types';
-import '../stringSet-ed242956.js';
-import '../index-91634369.js';
-import '../_rollupPluginBabelHelpers-0f2ee8c1.js';
+import '../stringSet-a3384f83.js';
+import '../index-31fae6a0.js';
+import '../_rollupPluginBabelHelpers-50696833.js';
 import '../utils/message/getOutgoingMessageState.js';
+import '../index.module-05a84007.js';
 
 function QuoteMessage(_ref) {
-  var _message$sender, _message$sender2, _message, _thumbnails;
+  var _message$sender, _message$sender2, _getMessageFirstFileN, _getMessageFirstFileN2, _message, _thumbnails;
   let {
     message,
     userId = '',
@@ -28,12 +30,12 @@ function QuoteMessage(_ref) {
   } = message;
   const parentMessageSender = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender;
   const parentMessageSenderNickname = userId === (parentMessageSender === null || parentMessageSender === void 0 ? void 0 : parentMessageSender.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : parentMessageSender === null || parentMessageSender === void 0 ? void 0 : parentMessageSender.nickname;
-  const parentMessageUrl = (parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.url) || '';
-  const parentMessageType = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.type;
+  const parentMessageUrl = getMessageFirstFileUrl(parentMessage);
+  const parentMessageType = getMessageFirstFileType(parentMessage);
   const currentMessageSenderNickname = userId === (message === null || message === void 0 ? void 0 : (_message$sender = message.sender) === null || _message$sender === void 0 ? void 0 : _message$sender.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : message === null || message === void 0 ? void 0 : (_message$sender2 = message.sender) === null || _message$sender2 === void 0 ? void 0 : _message$sender2.nickname;
   const [isThumbnailLoaded, setThumbnailLoaded] = useState(false);
   const uikitFileTypes = getUIKitFileTypes();
-  const splitFileName = parentMessage !== null && parentMessage !== void 0 && parentMessage.name ? parentMessage.name.split('/') : parentMessageUrl.split('/');
+  const splitFileName = (_getMessageFirstFileN = (_getMessageFirstFileN2 = getMessageFirstFileName(parentMessage)) === null || _getMessageFirstFileN2 === void 0 ? void 0 : _getMessageFirstFileN2.split('/')) !== null && _getMessageFirstFileN !== void 0 ? _getMessageFirstFileN : parentMessageUrl.split('/');
   return /*#__PURE__*/React__default.createElement("div", {
     className: getClassName([className, 'sendbird-quote-message', isByMe ? 'outgoing' : 'incoming', isUnavailable ? 'unavailable' : '']),
     key: parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.messageId,
@@ -85,7 +87,7 @@ function QuoteMessage(_ref) {
     className: "sendbird-quote-message__replied-message__text-message__word",
     type: LabelTypography.BODY_2,
     color: LabelColors.ONBACKGROUND_1
-  }, stringSet.VOICE_MESSAGE)), isThumbnailMessage(parentMessage) && parentMessageUrl && !isUnavailable && /*#__PURE__*/React__default.createElement("div", {
+  }, stringSet.VOICE_MESSAGE)), (isThumbnailMessage(parentMessage) || isMultipleFilesMessage(parentMessage)) && parentMessageUrl && !isUnavailable && /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-quote-message__replied-message__thumbnail-message"
   }, /*#__PURE__*/React__default.createElement(ImageRenderer, {
     className: "sendbird-quote-message__replied-message__thumbnail-message__image",
@@ -115,7 +117,7 @@ function QuoteMessage(_ref) {
     className: "sendbird-quote-message__replied-message__thumbnail-message__cover__icon"
   }, /*#__PURE__*/React__default.createElement(Icon, {
     type: IconTypes.PLAY,
-    fillColor: IconColors.GRAY,
+    fillColor: IconColors.ON_BACKGROUND_2,
     width: "14px",
     height: "14px"
   })))), isThumbnailLoaded && isGif(parentMessageType) && /*#__PURE__*/React__default.createElement("div", {
@@ -124,7 +126,7 @@ function QuoteMessage(_ref) {
     className: "sendbird-quote-message__replied-message__thumbnail-message__cover__icon"
   }, /*#__PURE__*/React__default.createElement(Icon, {
     type: IconTypes.GIF,
-    fillColor: IconColors.GRAY,
+    fillColor: IconColors.THUMBNAIL_ICON,
     width: "14px",
     height: "14px"
   })))), getUIKitMessageType(parentMessage) === UIKitMessageTypes.FILE && parentMessageUrl && !isUnavailable && /*#__PURE__*/React__default.createElement("div", {

package/ui/QuoteMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuoteMessage.js","sources":["../../src/ui/QuoteMessage/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useState } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport ImageRenderer from '../ImageRenderer';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport {\n  getClassName,\n  getUIKitFileType,\n  getUIKitFileTypes,\n  getUIKitMessageType,\n  isGif,\n  isThumbnailMessage,\n  isUserMessage,\n  isVideo,\n  isVoiceMessage,\n  SendableMessageType,\n  truncateString,\n  UIKitMessageTypes,\n} from '../../utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message?: SendableMessageType;\n  userId?: string;\n  isByMe?: boolean;\n  isUnavailable?: boolean;\n  onClick?: () => void;\n}\n\nexport default function QuoteMessage({\n  message,\n  userId = '',\n  isByMe = false,\n  className = '',\n  isUnavailable = false,\n  onClick,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n\n  const { parentMessage } = message;\n  const parentMessageSender = (parentMessage as SendableMessageType)?.sender;\n  const parentMessageSenderNickname = (userId === parentMessageSender?.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : parentMessageSender?.nickname;\n  const parentMessageUrl = (parentMessage as FileMessage)?.url || '';\n  const parentMessageType = (parentMessage as FileMessage)?.type;\n  const currentMessageSenderNickname = (userId === message?.sender?.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : message?.sender?.nickname;\n\n  const [isThumbnailLoaded, setThumbnailLoaded] = useState(false);\n  const uikitFileTypes = getUIKitFileTypes();\n  const splitFileName = (parentMessage as FileMessage)?.name ? (parentMessage as FileMessage).name.split('/') : parentMessageUrl.split('/');\n\n  return (\n    <div\n      className={getClassName([className, 'sendbird-quote-message', isByMe ? 'outgoing' : 'incoming', isUnavailable ? 'unavailable' : ''])}\n      key={parentMessage?.messageId}\n      onClick={() => {\n        if (!isUnavailable && onClick) {\n          onClick();\n        }\n      }}\n      onTouchEnd={() => {\n        if (!isUnavailable && onClick) {\n          onClick();\n        }\n      }}\n    >\n      <div className=\"sendbird-quote-message__replied-to\">\n        <Icon\n          className=\"sendbird-quote-message__replied-to__icon\"\n          type={IconTypes.REPLY}\n          fillColor={IconColors.ON_BACKGROUND_3}\n          width=\"12px\"\n          height=\"12px\"\n        />\n        <Label\n          className=\"sendbird-quote-message__replied-to__text\"\n          type={LabelTypography.CAPTION_2}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          <span className=\"sendbird-quote-message__replied-to__text__nickname\">{currentMessageSenderNickname}</span>\n          <span className=\"sendbird-quote-message__replied-to__text__text\">{stringSet.QUOTED_MESSAGE__REPLIED_TO}</span>\n          <span className=\"sendbird-quote-message__replied-to__text__nickname\">{parentMessageSenderNickname}</span>\n        </Label>\n      </div>\n      <div className=\"sendbird-quote-message__replied-message\">\n        {isUnavailable && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.QUOTED_MESSAGE__UNAVAILABLE}\n            </Label>\n          </div>\n        )}\n        {/* text message */}\n        {((isUserMessage(parentMessage as UserMessage) && (parentMessage as UserMessage)?.message?.length > 0) && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {(parentMessage as UserMessage)?.message}\n            </Label>\n          </div>\n        )}\n        {/* voice message */}\n        {(isVoiceMessage(parentMessage as FileMessage) && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.VOICE_MESSAGE}\n            </Label>\n          </div>\n        )}\n        {/* thumbnail message */}\n        {(isThumbnailMessage(parentMessage as FileMessage) && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__thumbnail-message\">\n            <ImageRenderer\n              className=\"sendbird-quote-message__replied-message__thumbnail-message__image\"\n              url={parentMessageUrl}\n              alt={parentMessageType}\n              width=\"144px\"\n              height=\"108px\"\n              onLoad={() => setThumbnailLoaded(true)}\n              defaultComponent={(\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__placeholder\">\n                  <div className=\"sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon\">\n                    <Icon\n                      type={isVideo(parentMessageType) ? IconTypes.PLAY : IconTypes.PHOTO}\n                      fillColor={IconColors.ON_BACKGROUND_2}\n                      width=\"22px\"\n                      height=\"22px\"\n                    />\n                  </div>\n                </div>\n              )}\n            />\n            {(isVideo(parentMessageType) && !((parentMessage as FileMessage)?.thumbnails?.length > 0)) && (\n              <>\n                <video className=\"sendbird-quote-message__replied-message__thumbnail-message__video\">\n                  <source src={parentMessageUrl} type={parentMessageType} />\n                </video>\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover\">\n                  <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover__icon\">\n                    <Icon\n                      type={IconTypes.PLAY}\n                      fillColor={IconColors.GRAY}\n                      width=\"14px\"\n                      height=\"14px\"\n                    />\n                  </div>\n                </div>\n              </>\n            )}\n            {(isThumbnailLoaded && isGif(parentMessageType)) && (\n              <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover\">\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover__icon\">\n                  <Icon\n                    type={IconTypes.GIF}\n                    fillColor={IconColors.GRAY}\n                    width=\"14px\"\n                    height=\"14px\"\n                  />\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n        {/* file message */}\n        {(getUIKitMessageType(parentMessage as FileMessage) === UIKitMessageTypes.FILE && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__file-message\">\n            <Icon\n              className=\"sendbird-quote-message__replied-message__file-message__type-icon\"\n              type={{\n                [uikitFileTypes.IMAGE]: IconTypes.PHOTO,\n                [uikitFileTypes.VIDEO]: IconTypes.PLAY,\n                [uikitFileTypes.AUDIO]: IconTypes.FILE_AUDIO,\n                [uikitFileTypes.GIF]: IconTypes.GIF,\n                [uikitFileTypes.OTHERS]: IconTypes.FILE_DOCUMENT,\n              }[getUIKitFileType(parentMessageType)]}\n              fillColor={IconColors.ON_BACKGROUND_3}\n              width=\"16px\"\n              height=\"16px\"\n            />\n            <Label\n              className=\"sendbird-quote-message__replied-message__file-message__file-name\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_3}\n            >\n              {truncateString(splitFileName[splitFileName.length - 1])}\n            </Label>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["QuoteMessage","_ref","_message$sender","_message$sender2","_message","_thumbnails","message","userId","isByMe","className","isUnavailable","onClick","stringSet","useContext","LocalizationContext","parentMessage","parentMessageSender","sender","parentMessageSenderNickname","QUOTED_MESSAGE__CURRENT_USER","nickname","parentMessageUrl","url","parentMessageType","type","currentMessageSenderNickname","isThumbnailLoaded","setThumbnailLoaded","useState","uikitFileTypes","getUIKitFileTypes","splitFileName","name","split","React","createElement","getClassName","key","messageId","onTouchEnd","Icon","IconTypes","REPLY","fillColor","IconColors","ON_BACKGROUND_3","width","height","Label","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_3","QUOTED_MESSAGE__REPLIED_TO","BODY_2","ONBACKGROUND_1","QUOTED_MESSAGE__UNAVAILABLE","isUserMessage","length","isVoiceMessage","VOICE_MESSAGE","isThumbnailMessage","ImageRenderer","alt","onLoad","defaultComponent","isVideo","PLAY","PHOTO","ON_BACKGROUND_2","thumbnails","Fragment","src","GRAY","isGif","GIF","getUIKitMessageType","UIKitMessageTypes","FILE","IMAGE","VIDEO","AUDIO","FILE_AUDIO","OTHERS","FILE_DOCUMENT","getUIKitFileType","truncateString"],"mappings":"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"}
+{"version":3,"file":"QuoteMessage.js","sources":["../../src/ui/QuoteMessage/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useState } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport ImageRenderer from '../ImageRenderer';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport {\n  CoreMessageType,\n  getClassName,\n  getUIKitFileType,\n  getUIKitFileTypes,\n  getUIKitMessageType,\n  isGif,\n  isMultipleFilesMessage,\n  isThumbnailMessage,\n  isUserMessage,\n  isVideo,\n  isVoiceMessage,\n  SendableMessageType,\n  truncateString,\n  UIKitMessageTypes,\n} from '../../utils';\nimport { getMessageFirstFileName, getMessageFirstFileType, getMessageFirstFileUrl } from './utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message?: SendableMessageType;\n  userId?: string;\n  isByMe?: boolean;\n  isUnavailable?: boolean;\n  onClick?: () => void;\n}\n\nexport default function QuoteMessage({\n  message,\n  userId = '',\n  isByMe = false,\n  className = '',\n  isUnavailable = false,\n  onClick,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n\n  const { parentMessage } = message;\n  const parentMessageSender = (parentMessage as SendableMessageType)?.sender;\n  const parentMessageSenderNickname = (userId === parentMessageSender?.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : parentMessageSender?.nickname;\n  const parentMessageUrl = getMessageFirstFileUrl(parentMessage as CoreMessageType);\n  const parentMessageType = getMessageFirstFileType(parentMessage as CoreMessageType);\n  const currentMessageSenderNickname = (userId === message?.sender?.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : message?.sender?.nickname;\n\n  const [isThumbnailLoaded, setThumbnailLoaded] = useState(false);\n  const uikitFileTypes = getUIKitFileTypes();\n  const splitFileName = getMessageFirstFileName(parentMessage as CoreMessageType)?.split('/') ?? parentMessageUrl.split('/');\n\n  return (\n    <div\n      className={getClassName([className, 'sendbird-quote-message', isByMe ? 'outgoing' : 'incoming', isUnavailable ? 'unavailable' : ''])}\n      key={parentMessage?.messageId}\n      onClick={() => {\n        if (!isUnavailable && onClick) {\n          onClick();\n        }\n      }}\n      onTouchEnd={() => {\n        if (!isUnavailable && onClick) {\n          onClick();\n        }\n      }}\n    >\n      <div className=\"sendbird-quote-message__replied-to\">\n        <Icon\n          className=\"sendbird-quote-message__replied-to__icon\"\n          type={IconTypes.REPLY}\n          fillColor={IconColors.ON_BACKGROUND_3}\n          width=\"12px\"\n          height=\"12px\"\n        />\n        <Label\n          className=\"sendbird-quote-message__replied-to__text\"\n          type={LabelTypography.CAPTION_2}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          <span className=\"sendbird-quote-message__replied-to__text__nickname\">{currentMessageSenderNickname}</span>\n          <span className=\"sendbird-quote-message__replied-to__text__text\">{stringSet.QUOTED_MESSAGE__REPLIED_TO}</span>\n          <span className=\"sendbird-quote-message__replied-to__text__nickname\">{parentMessageSenderNickname}</span>\n        </Label>\n      </div>\n      <div className=\"sendbird-quote-message__replied-message\">\n        {isUnavailable && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.QUOTED_MESSAGE__UNAVAILABLE}\n            </Label>\n          </div>\n        )}\n        {/* text message */}\n        {((isUserMessage(parentMessage as UserMessage) && (parentMessage as UserMessage)?.message?.length > 0) && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {(parentMessage as UserMessage)?.message}\n            </Label>\n          </div>\n        )}\n        {/* voice message */}\n        {(isVoiceMessage(parentMessage as FileMessage) && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.VOICE_MESSAGE}\n            </Label>\n          </div>\n        )}\n        {/* thumbnail message or multiple files message */}\n        {(\n          (\n            isThumbnailMessage(parentMessage as FileMessage)\n            || isMultipleFilesMessage(parentMessage as CoreMessageType)\n          )\n          && parentMessageUrl\n          && !isUnavailable\n        ) && (\n          <div className=\"sendbird-quote-message__replied-message__thumbnail-message\">\n            <ImageRenderer\n              className=\"sendbird-quote-message__replied-message__thumbnail-message__image\"\n              url={parentMessageUrl}\n              alt={parentMessageType}\n              width=\"144px\"\n              height=\"108px\"\n              onLoad={() => setThumbnailLoaded(true)}\n              defaultComponent={(\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__placeholder\">\n                  <div className=\"sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon\">\n                    <Icon\n                      type={isVideo(parentMessageType) ? IconTypes.PLAY : IconTypes.PHOTO}\n                      fillColor={IconColors.ON_BACKGROUND_2}\n                      width=\"22px\"\n                      height=\"22px\"\n                    />\n                  </div>\n                </div>\n              )}\n            />\n            {(isVideo(parentMessageType) && !((parentMessage as FileMessage)?.thumbnails?.length > 0)) && (\n              <>\n                <video className=\"sendbird-quote-message__replied-message__thumbnail-message__video\">\n                  <source src={parentMessageUrl} type={parentMessageType} />\n                </video>\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover\">\n                  <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover__icon\">\n                    <Icon\n                      type={IconTypes.PLAY}\n                      fillColor={IconColors.ON_BACKGROUND_2}\n                      width=\"14px\"\n                      height=\"14px\"\n                    />\n                  </div>\n                </div>\n              </>\n            )}\n            {(isThumbnailLoaded && isGif(parentMessageType)) && (\n              <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover\">\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover__icon\">\n                  <Icon\n                    type={IconTypes.GIF}\n                    fillColor={IconColors.THUMBNAIL_ICON}\n                    width=\"14px\"\n                    height=\"14px\"\n                  />\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n        {/* file message */}\n        {(getUIKitMessageType(parentMessage as FileMessage) === UIKitMessageTypes.FILE && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__file-message\">\n            <Icon\n              className=\"sendbird-quote-message__replied-message__file-message__type-icon\"\n              type={{\n                [uikitFileTypes.IMAGE]: IconTypes.PHOTO,\n                [uikitFileTypes.VIDEO]: IconTypes.PLAY,\n                [uikitFileTypes.AUDIO]: IconTypes.FILE_AUDIO,\n                [uikitFileTypes.GIF]: IconTypes.GIF,\n                [uikitFileTypes.OTHERS]: IconTypes.FILE_DOCUMENT,\n              }[getUIKitFileType(parentMessageType)]}\n              fillColor={IconColors.ON_BACKGROUND_3}\n              width=\"16px\"\n              height=\"16px\"\n            />\n            <Label\n              className=\"sendbird-quote-message__replied-message__file-message__file-name\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_3}\n            >\n              {truncateString(splitFileName[splitFileName.length - 1])}\n            </Label>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["QuoteMessage","_ref","_message$sender","_message$sender2","_getMessageFirstFileN","_getMessageFirstFileN2","_message","_thumbnails","message","userId","isByMe","className","isUnavailable","onClick","stringSet","useContext","LocalizationContext","parentMessage","parentMessageSender","sender","parentMessageSenderNickname","QUOTED_MESSAGE__CURRENT_USER","nickname","parentMessageUrl","getMessageFirstFileUrl","parentMessageType","getMessageFirstFileType","currentMessageSenderNickname","isThumbnailLoaded","setThumbnailLoaded","useState","uikitFileTypes","getUIKitFileTypes","splitFileName","getMessageFirstFileName","split","React","createElement","getClassName","key","messageId","onTouchEnd","Icon","type","IconTypes","REPLY","fillColor","IconColors","ON_BACKGROUND_3","width","height","Label","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_3","QUOTED_MESSAGE__REPLIED_TO","BODY_2","ONBACKGROUND_1","QUOTED_MESSAGE__UNAVAILABLE","isUserMessage","length","isVoiceMessage","VOICE_MESSAGE","isThumbnailMessage","isMultipleFilesMessage","ImageRenderer","url","alt","onLoad","defaultComponent","isVideo","PLAY","PHOTO","ON_BACKGROUND_2","thumbnails","Fragment","src","isGif","GIF","THUMBNAIL_ICON","getUIKitMessageType","UIKitMessageTypes","FILE","IMAGE","VIDEO","AUDIO","FILE_AUDIO","OTHERS","FILE_DOCUMENT","getUIKitFileType","truncateString"],"mappings":"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"}

package/ui/QuoteMessageInput.js

@@ -1,29 +1,31 @@
 import React__default, { useContext } from 'react';
-import { k as isFileMessage, c as isVoiceMessage, l as isImageMessage, m as isThumbnailMessage, n as isAudioMessage, h as getClassName, o as isGifMessage, p as isVideoMessage, q as isUserMessage, r as getUIKitMessageType, U as UIKitMessageTypes } from '../index-39eeabbb.js';
+import { p as isFileMessage, c as isMultipleFilesMessage, d as isVoiceMessage, q as isImageMessage, r as isImageFileInfo, s as isThumbnailMessage, t as isAudioMessage, m as getClassName, u as isGifMessage, v as isVideoMessage, w as isUserMessage, x as getUIKitMessageType, U as UIKitMessageTypes } from '../index-cd866969.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7c1266b5.js';
-import { a as LocalizationContext } from '../LocalizationContext-9a9a0064.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ec9b8bb2.js';
+import { a as LocalizationContext } from '../LocalizationContext-2a6ef338.js';
 import ImageRenderer from './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-0f2ee8c1.js';
+import { b as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, c as getMessageFirstFileType, a as getMessageFirstFileName } from '../utils-11da9785.js';
+import '../_rollupPluginBabelHelpers-50696833.js';
 import '../utils/message/getOutgoingMessageState.js';
+import '../index.module-05a84007.js';
 import 'prop-types';
-import '../stringSet-ed242956.js';
-import '../index-91634369.js';
+import '../stringSet-a3384f83.js';
+import '../index-31fae6a0.js';
 
 const componentClassname = 'sendbird-quote_message_input__avatar';
 function QuoteMessageThumbnail(_ref) {
   let {
     message
   } = _ref;
-  if (!isFileMessage(message) || isVoiceMessage(message)) {
+  if (!isFileMessage(message) && !isMultipleFilesMessage(message) || isVoiceMessage(message)) {
     return null;
   }
-  const thumbnailUrl = message.thumbnails && message.thumbnails.length > 0 && message.thumbnails[0].url || isImageMessage(message) && message.url;
-  if (isThumbnailMessage(message) && thumbnailUrl) {
+  const thumbnailUrl = isFileMessage(message) ? getMessageFirstFileThumbnailUrl(message) || isImageMessage(message) && getMessageFirstFileUrl(message) : getMessageFirstFileThumbnailUrl(message) || isImageFileInfo(message.fileInfoList[0]) && getMessageFirstFileUrl(message);
+  if ((isThumbnailMessage(message) || isMultipleFilesMessage(message)) && thumbnailUrl) {
     return /*#__PURE__*/React__default.createElement(ImageRenderer, {
       className: componentClassname,
       url: thumbnailUrl,
-      alt: message.type,
+      alt: getMessageFirstFileType(message),
       width: "44px",
       height: "44px",
       fixedSize: true
@@ -60,7 +62,7 @@ function QuoteMessageInput(_ref) {
   } = useContext(LocalizationContext);
   const fileMessage = replyingMessage;
   const sender = replyingMessage === null || replyingMessage === void 0 ? void 0 : replyingMessage.sender;
-  const displayFileIcon = isFileMessage(replyingMessage) && !isVoiceMessage(replyingMessage);
+  const displayFileIcon = (isFileMessage(replyingMessage) || isMultipleFilesMessage(replyingMessage)) && !isVoiceMessage(replyingMessage);
   return /*#__PURE__*/React__default.createElement("div", {
     className: getClassName(['sendbird-quote_message_input', className])
   }, displayFileIcon && /*#__PURE__*/React__default.createElement(QuoteMessageThumbnail, {
@@ -79,7 +81,7 @@ function QuoteMessageInput(_ref) {
     className: "sendbird-quote_message_input__body__message-content",
     type: LabelTypography.BODY_2,
     color: LabelColors.ONBACKGROUND_3
-  }, isImageMessage(fileMessage) && !isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE, isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO, isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF, isUserMessage(replyingMessage) && replyingMessage.message, getUIKitMessageType(replyingMessage) === UIKitMessageTypes.FILE && fileMessage.name, isVoiceMessage(replyingMessage) && stringSet.VOICE_MESSAGE)), /*#__PURE__*/React__default.createElement(Icon, {
+  }, isImageMessage(fileMessage) && !isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE, isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO, isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF, isUserMessage(replyingMessage) && replyingMessage.message, getUIKitMessageType(replyingMessage) === UIKitMessageTypes.FILE && getMessageFirstFileName(fileMessage), isMultipleFilesMessage(replyingMessage) && getMessageFirstFileName(fileMessage), isVoiceMessage(replyingMessage) && stringSet.VOICE_MESSAGE)), /*#__PURE__*/React__default.createElement(Icon, {
     className: "sendbird-quote_message_input__close-button",
     type: IconTypes.CLOSE,
     fillColor: IconColors.ON_BACKGROUND_2,

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-ec9b8bb2.js';
 import 'prop-types';
-import '../stringSet-ed242956.js';
+import '../stringSet-a3384f83.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-50696833.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-11759804.js';
+import { n as noop } from '../utils-1a4154f1.js';
+import '../MediaQueryContext-5a34332e.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-87e2df67.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-6b4d0a7b.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-ec9b8bb2.js';
+import { m as getClassName, E as isEditedMessage } from '../index-cd866969.js';
+import { a as LocalizationContext } from '../LocalizationContext-2a6ef338.js';
+import { t as tokenizeMessage } from '../tokenize-7edff95a.js';
+import { T as TextFragment } from '../index-1e76921e.js';
+import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../consts-087a1fb9.js';
 import 'prop-types';
-import '../stringSet-ed242956.js';
-import '../_rollupPluginBabelHelpers-0f2ee8c1.js';
+import '../stringSet-a3384f83.js';
+import '../_rollupPluginBabelHelpers-50696833.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-91634369.js';
-import '../index.module-b694546f.js';
+import '../index.module-05a84007.js';
+import '../index-31fae6a0.js';
 import '../Message/context.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-6d982751.js';
+import '../uuid-87e2df67.js';
 import './UserProfile.js';
-import '../UserProfileContext-9fba7a03.js';
+import '../UserProfileContext-ca5fc057.js';
 import '../sendbirdSelectors.js';
-import '../topics-da8f3f42.js';
-import '../utils-40781609.js';
+import '../topics-85213ccb.js';
+import '../utils-1a4154f1.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-ec9b8bb2.js';
+import { u as useLocalization } from '../LocalizationContext-2a6ef338.js';
+import { u as uuidv4 } from '../uuid-87e2df67.js';
 import './ImageRenderer.js';
 import 'prop-types';
-import '../stringSet-ed242956.js';
-import '../index-91634369.js';
+import '../stringSet-a3384f83.js';
+import '../index-31fae6a0.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-50696833.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-cd866969.js';
+import { n as noop } from '../utils-1a4154f1.js';
+import { u as useLongPress } from '../useLongPress-11759804.js';
+import { b as getMessageFirstFileThumbnailUrl, g as getMessageFirstFileUrl, c as getMessageFirstFileType } from '../utils-11da9785.js';
 import 'prop-types';
 import '../utils/message/getOutgoingMessageState.js';
-import '../MediaQueryContext-aebb709a.js';
+import '../index.module-05a84007.js';
+import '../MediaQueryContext-5a34332e.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-50696833.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-ec9b8bb2.js';
 import 'prop-types';
-import '../stringSet-ed242956.js';
+import '../stringSet-a3384f83.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-ec9b8bb2.js';
+import { m as getClassName } from '../index-cd866969.js';
+import { a as LocalizationContext } from '../LocalizationContext-2a6ef338.js';
 import 'prop-types';
-import '../stringSet-ed242956.js';
-import '../_rollupPluginBabelHelpers-0f2ee8c1.js';
+import '../stringSet-a3384f83.js';
+import '../_rollupPluginBabelHelpers-50696833.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-91634369.js';
+import '../index.module-05a84007.js';
+import '../index-31fae6a0.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-ca5fc057.js';
+import { a as LocalizationContext } from '../LocalizationContext-2a6ef338.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-ec9b8bb2.js';
 import 'prop-types';
-import '../stringSet-ed242956.js';
-import '../index-91634369.js';
+import '../stringSet-a3384f83.js';
+import '../index-31fae6a0.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import '../uuid-6d982751.js';
+import '../uuid-87e2df67.js';
 import '../sendbirdSelectors.js';
-import '../_rollupPluginBabelHelpers-0f2ee8c1.js';
-import '../topics-da8f3f42.js';
-import '../utils-40781609.js';
+import '../_rollupPluginBabelHelpers-50696833.js';
+import '../topics-85213ccb.js';
+import '../utils-1a4154f1.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-39eeabbb.js';
+import '../index-cd866969.js';
 import '../utils/message/getOutgoingMessageState.js';
+import '../index.module-05a84007.js';
 
 function UserListItem(_ref) {
   let {