@sendbird/uikit-react 3.6.4-rc-0 → 3.6.4

package/dist/ui/OpenchannelUserMessage.js

@@ -1,273 +0,0 @@
-import { b as _extends, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-cc035350.js';
-import React__default, { useContext, useRef, useState, useEffect } from 'react';
-import { f as format } from '../index-5a62f6b7.js';
-import Avatar from './Avatar.js';
-import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
-import Icon, { IconTypes, IconColors } from './Icon.js';
-import IconButton from './IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-f50d7ab0.js';
-import Loader from './Loader.js';
-import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-74e9a128.js';
-import { u as useLocalization } from '../LocalizationContext-1701e5c8.js';
-import { c as copyToClipboard } from '../utils-a59107a2.js';
-import { u as uuidv4 } from '../uuid-8b344dd2.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-e30c58e0.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-e5b401d0.js';
-import { u as useLongPress } from '../useLongPress-6d0b6619.js';
-import { B as isEditedMessage } from '../index-99ab01f6.js';
-import '../index-ff8f2f61.js';
-import './ImageRenderer.js';
-import 'prop-types';
-import 'react-dom';
-import './SortByRow.js';
-import '../utils/message/getOutgoingMessageState.js';
-import '../stringSet-e9bb0333.js';
-import '../sendbirdSelectors.js';
-import '../topics-0b30f52b.js';
-import '../utils-05aa9060.js';
-import './Button.js';
-import '../useSendbirdStateContext.js';
-import '../withSendbird.js';
-
-function OpenchannelUserMessage(_ref) {
-  let {
-    className,
-    message,
-    isOperator,
-    isEphemeral = false,
-    userId,
-    resendMessage,
-    disabled,
-    showEdit,
-    showRemove,
-    chainTop
-  } = _ref;
-  // hooks
-  const {
-    stringSet,
-    dateLocale
-  } = useLocalization();
-  const {
-    disableUserProfile,
-    renderUserProfile
-  } = useContext(UserProfileContext);
-  const messageRef = useRef(null);
-  const avatarRef = useRef(null);
-  const contextMenuRef = useRef(null);
-  const mobileMenuRef = useRef(null);
-  const [contextStyle, setContextStyle] = useState({});
-  const [contextMenu, setContextMenu] = useState(false);
-
-  // consts
-  const status = message === null || message === void 0 ? void 0 : message.sendingStatus;
-  const isPending = checkIsPending(status);
-  const isFailed = checkIsFailed(status);
-  const sender = getSenderFromMessage(message);
-
-  // place context menu top depending clientHeight of message component
-  useEffect(() => {
-    var _messageRef$current;
-    if ((messageRef === null || messageRef === void 0 ? void 0 : (_messageRef$current = messageRef.current) === null || _messageRef$current === void 0 ? void 0 : _messageRef$current.clientHeight) > 36) {
-      setContextStyle({
-        top: '8px '
-      });
-    } else {
-      setContextStyle({
-        top: '2px'
-      });
-    }
-  }, [window.innerWidth]);
-  const onLongPress = useLongPress({
-    onLongPress: () => {
-      setContextMenu(true);
-    }
-  });
-  const {
-    isMobile
-  } = useMediaQueryContext();
-  if (!message || message.messageType !== 'user') {
-    return /*#__PURE__*/React__default.createElement(React__default.Fragment, null);
-  }
-  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("div", {
-    className: [...(Array.isArray(className) ? className : [className]), 'sendbird-openchannel-user-message'].join(' '),
-    ref: messageRef
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-openchannel-user-message__left"
-  }, !chainTop && /*#__PURE__*/React__default.createElement(ContextMenu, {
-    menuTrigger: toggleDropdown => /*#__PURE__*/React__default.createElement(Avatar, {
-      className: "sendbird-openchannel-user-message__left__avatar",
-      src: sender.profileUrl || '',
-      ref: avatarRef,
-      width: "28px",
-      height: "28px",
-      onClick: () => {
-        if (!disableUserProfile) {
-          toggleDropdown();
-        }
-      }
-    }),
-    menuItems: closeDropdown => /*#__PURE__*/React__default.createElement(MenuItems, {
-      parentRef: avatarRef,
-      parentContainRef: avatarRef,
-      closeDropdown: closeDropdown,
-      style: {
-        paddingTop: '0px',
-        paddingBottom: '0px'
-      }
-    }, renderUserProfile ? renderUserProfile({
-      user: sender,
-      close: closeDropdown
-    }) : /*#__PURE__*/React__default.createElement(UserProfile, {
-      user: sender,
-      onSuccess: closeDropdown,
-      disableMessaging: true
-    }))
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-openchannel-user-message__right"
-  }, !chainTop && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-openchannel-user-message__right__top"
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-openchannel-user-message__right__top__sender-name",
-    type: LabelTypography.CAPTION_2,
-    color: isOperator ? LabelColors.SECONDARY_3 : LabelColors.ONBACKGROUND_2
-  }, sender && (sender.friendName || sender.nickname || sender.userId)), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-openchannel-user-message__right__top__sent-at",
-    type: LabelTypography.CAPTION_3,
-    color: LabelColors.ONBACKGROUND_3
-  }, (message === null || message === void 0 ? void 0 : message.createdAt) && format(message === null || message === void 0 ? void 0 : message.createdAt, 'p', {
-    locale: dateLocale
-  }))), /*#__PURE__*/React__default.createElement("div", _extends({}, isMobile ? _objectSpread2({}, onLongPress) : {}, {
-    className: "sendbird-openchannel-user-message__right__bottom",
-    ref: mobileMenuRef
-  }), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-openchannel-user-message__right__bottom__message",
-    type: LabelTypography.BODY_1,
-    color: LabelColors.ONBACKGROUND_1
-  }, message === null || message === void 0 ? void 0 : message.message, isEditedMessage(message) && /*#__PURE__*/React__default.createElement(Label, {
-    key: uuidv4(),
-    type: LabelTypography.BODY_1,
-    color: LabelColors.ONBACKGROUND_2,
-    calssName: "sendbird-openchannel-user-message-word"
-  }, ` ${stringSet.MESSAGE_EDITED} `))), (isPending || isFailed) && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-openchannel-user-message__right__tail"
-  }, isPending && /*#__PURE__*/React__default.createElement(Loader, {
-    width: "16px",
-    height: "16px"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    className: "sendbird-openchannel-user-message__right__tail__pending",
-    type: IconTypes.SPINNER,
-    fillColor: IconColors.PRIMARY,
-    width: "16px",
-    height: "16px"
-  })), isFailed && /*#__PURE__*/React__default.createElement(Icon, {
-    className: "sendbird-openchannel-user-message__right__tail__failed",
-    type: IconTypes.ERROR,
-    fillColor: IconColors.ERROR,
-    width: "16px",
-    height: "16px"
-  }))), !isMobile && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-openchannel-user-message__context-menu",
-    ref: contextMenuRef,
-    style: contextStyle
-  }, /*#__PURE__*/React__default.createElement(ContextMenu, {
-    menuTrigger: toggleDropdown => showMenuTrigger({
-      message: message,
-      userId: userId,
-      status: status
-    }) && /*#__PURE__*/React__default.createElement(IconButton, {
-      className: "sendbird-openchannel-user-message__context-menu--icon",
-      width: "32px",
-      height: "32px",
-      onClick: () => {
-        toggleDropdown();
-      }
-    }, /*#__PURE__*/React__default.createElement(Icon, {
-      type: IconTypes.MORE,
-      fillColor: IconColors.CONTENT_INVERSE,
-      width: "24px",
-      height: "24px"
-    })),
-    menuItems: closeDropdown => /*#__PURE__*/React__default.createElement(MenuItems, {
-      parentRef: contextMenuRef,
-      parentContainRef: contextMenuRef,
-      closeDropdown: closeDropdown,
-      openLeft: true
-    }, isFineCopy({
-      message: message,
-      userId: userId,
-      status: status
-    }) && /*#__PURE__*/React__default.createElement(MenuItem, {
-      className: "sendbird-openchannel-user-message__context-menu__copy",
-      onClick: () => {
-        copyToClipboard(message.message);
-        closeDropdown();
-      },
-      dataSbId: "open_channel_user_message_menu_copy"
-    }, stringSet.CONTEXT_MENU_DROPDOWN__COPY), !isEphemeral && isFineEdit({
-      message: message,
-      userId: userId,
-      status: status
-    }) && /*#__PURE__*/React__default.createElement(MenuItem, {
-      className: "sendbird-openchannel-user-message__context-menu__edit",
-      onClick: () => {
-        if (disabled) {
-          return;
-        }
-        showEdit(true);
-        closeDropdown();
-      },
-      dataSbId: "open_channel_user_message_menu_edit"
-    }, stringSet.CONTEXT_MENU_DROPDOWN__EDIT), isFineResend({
-      message: message,
-      userId: userId,
-      status: status
-    }) && /*#__PURE__*/React__default.createElement(MenuItem, {
-      className: "sendbird-openchannel-user-message__context-menu__resend",
-      onClick: () => {
-        resendMessage(message);
-        closeDropdown();
-      },
-      dataSbId: "open_channel_user_message_menu_resend"
-    }, stringSet.CONTEXT_MENU_DROPDOWN__RESEND), !isEphemeral && isFineDelete({
-      message: message,
-      userId: userId,
-      status: status
-    }) && /*#__PURE__*/React__default.createElement(MenuItem, {
-      className: "sendbird-openchannel-user-message__context-menu__delete",
-      onClick: () => {
-        if (disabled) {
-          return;
-        }
-        showRemove(true);
-        closeDropdown();
-      },
-      dataSbId: "open_channel_user_message_menu_delete"
-    }, stringSet.CONTEXT_MENU_DROPDOWN__DELETE))
-  }))), contextMenu && /*#__PURE__*/React__default.createElement(OpenChannelMobileMenu, {
-    message: message,
-    parentRef: mobileMenuRef,
-    hideMenu: () => {
-      setContextMenu(false);
-    },
-    showRemove: () => {
-      setContextMenu(false);
-      showRemove(true);
-    },
-    showEdit: () => {
-      setContextMenu(false);
-      showEdit(true);
-    },
-    copyToClipboard: () => {
-      setContextMenu(false);
-      copyToClipboard(message === null || message === void 0 ? void 0 : message.message);
-    },
-    resendMessage: () => {
-      setContextMenu(false);
-      resendMessage(message);
-    }
-  }));
-}
-
-export { OpenchannelUserMessage as default };
-//# sourceMappingURL=OpenchannelUserMessage.js.map

package/dist/ui/PlaceHolder.js

@@ -1,10 +0,0 @@
-import 'react';
-export { a as PlaceHolderTypes, P as default } from '../index-11fe17e1.js';
-import '../LocalizationContext-1701e5c8.js';
-import './Icon.js';
-import '../index-f50d7ab0.js';
-import './Loader.js';
-import '../stringSet-e9bb0333.js';
-import '../index-ff8f2f61.js';
-import 'prop-types';
-//# sourceMappingURL=PlaceHolder.js.map

package/dist/ui/PlaybackTime.js

@@ -1,26 +0,0 @@
-import React__default from 'react';
-import { a as LabelTypography, b as LabelColors, L as Label } from '../index-f50d7ab0.js';
-import 'prop-types';
-import '../stringSet-e9bb0333.js';
-
-const PlaybackTime = _ref => {
-  let {
-    className,
-    time = 0,
-    labelType = LabelTypography.CAPTION_2,
-    labelColor = LabelColors.ONCONTENT_1
-  } = _ref;
-  const naturalTime = time < 0 ? 0 : time;
-  const hour = Math.floor(naturalTime / 3600000);
-  const min = Math.floor(naturalTime % 3600000 / 60000);
-  const sec = Math.floor(naturalTime % 3600000 % 60000 / 1000);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: `sendbird-ui-play-time ${className}`
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    type: labelType,
-    color: labelColor
-  }, `${hour ? hour + ':' : ''}${min < 10 ? '0' : ''}${min ? min : '0'}:${sec < 10 ? '0' : ''}${sec}`));
-};
-
-export { PlaybackTime, PlaybackTime as default };
-//# sourceMappingURL=PlaybackTime.js.map

package/dist/ui/QuoteMessage.js

@@ -1,152 +0,0 @@
-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-f50d7ab0.js';
-import ImageRenderer from './ImageRenderer.js';
-import { a as LocalizationContext } from '../LocalizationContext-1701e5c8.js';
-import { M as getUIKitFileTypes, h as getClassName, q as isUserMessage, d as isVoiceMessage, m as isThumbnailMessage, y as isVideo, N as isGif, r as getUIKitMessageType, U as UIKitMessageTypes, L as getUIKitFileType, t as truncateString } from '../index-99ab01f6.js';
-import 'prop-types';
-import '../stringSet-e9bb0333.js';
-import '../index-ff8f2f61.js';
-import '../_rollupPluginBabelHelpers-cc035350.js';
-import '../utils/message/getOutgoingMessageState.js';
-
-function QuoteMessage(_ref) {
-  var _message$sender, _message$sender2, _message, _thumbnails;
-  let {
-    message,
-    userId = '',
-    isByMe = false,
-    className = '',
-    isUnavailable = false,
-    onClick
-  } = _ref;
-  const {
-    stringSet
-  } = useContext(LocalizationContext);
-  const {
-    parentMessage
-  } = 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 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('/');
-  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,
-    onClick: () => {
-      if (!isUnavailable && onClick) {
-        onClick();
-      }
-    },
-    onTouchEnd: () => {
-      if (!isUnavailable && onClick) {
-        onClick();
-      }
-    }
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-quote-message__replied-to"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    className: "sendbird-quote-message__replied-to__icon",
-    type: IconTypes.REPLY,
-    fillColor: IconColors.ON_BACKGROUND_3,
-    width: "12px",
-    height: "12px"
-  }), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-quote-message__replied-to__text",
-    type: LabelTypography.CAPTION_2,
-    color: LabelColors.ONBACKGROUND_3
-  }, /*#__PURE__*/React__default.createElement("span", {
-    className: "sendbird-quote-message__replied-to__text__nickname"
-  }, currentMessageSenderNickname), /*#__PURE__*/React__default.createElement("span", {
-    className: "sendbird-quote-message__replied-to__text__text"
-  }, stringSet.QUOTED_MESSAGE__REPLIED_TO), /*#__PURE__*/React__default.createElement("span", {
-    className: "sendbird-quote-message__replied-to__text__nickname"
-  }, parentMessageSenderNickname))), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-quote-message__replied-message"
-  }, isUnavailable && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-quote-message__replied-message__text-message"
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-quote-message__replied-message__text-message__word",
-    type: LabelTypography.BODY_2,
-    color: LabelColors.ONBACKGROUND_1
-  }, stringSet.QUOTED_MESSAGE__UNAVAILABLE)), isUserMessage(parentMessage) && (parentMessage === null || parentMessage === void 0 ? void 0 : (_message = parentMessage.message) === null || _message === void 0 ? void 0 : _message.length) > 0 && !isUnavailable && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-quote-message__replied-message__text-message"
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-quote-message__replied-message__text-message__word",
-    type: LabelTypography.BODY_2,
-    color: LabelColors.ONBACKGROUND_1
-  }, parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.message)), isVoiceMessage(parentMessage) && parentMessageUrl && !isUnavailable && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-quote-message__replied-message__text-message"
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    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", {
-    className: "sendbird-quote-message__replied-message__thumbnail-message"
-  }, /*#__PURE__*/React__default.createElement(ImageRenderer, {
-    className: "sendbird-quote-message__replied-message__thumbnail-message__image",
-    url: parentMessageUrl,
-    alt: parentMessageType,
-    width: "144px",
-    height: "108px",
-    onLoad: () => setThumbnailLoaded(true),
-    defaultComponent: /*#__PURE__*/React__default.createElement("div", {
-      className: "sendbird-quote-message__replied-message__thumbnail-message__placeholder"
-    }, /*#__PURE__*/React__default.createElement("div", {
-      className: "sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon"
-    }, /*#__PURE__*/React__default.createElement(Icon, {
-      type: isVideo(parentMessageType) ? IconTypes.PLAY : IconTypes.PHOTO,
-      fillColor: IconColors.ON_BACKGROUND_2,
-      width: "22px",
-      height: "22px"
-    })))
-  }), isVideo(parentMessageType) && !((parentMessage === null || parentMessage === void 0 ? void 0 : (_thumbnails = parentMessage.thumbnails) === null || _thumbnails === void 0 ? void 0 : _thumbnails.length) > 0) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("video", {
-    className: "sendbird-quote-message__replied-message__thumbnail-message__video"
-  }, /*#__PURE__*/React__default.createElement("source", {
-    src: parentMessageUrl,
-    type: parentMessageType
-  })), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-quote-message__replied-message__thumbnail-message__cover"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-quote-message__replied-message__thumbnail-message__cover__icon"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    type: IconTypes.PLAY,
-    fillColor: IconColors.GRAY,
-    width: "14px",
-    height: "14px"
-  })))), isThumbnailLoaded && isGif(parentMessageType) && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-quote-message__replied-message__thumbnail-message__cover"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-quote-message__replied-message__thumbnail-message__cover__icon"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    type: IconTypes.GIF,
-    fillColor: IconColors.GRAY,
-    width: "14px",
-    height: "14px"
-  })))), getUIKitMessageType(parentMessage) === UIKitMessageTypes.FILE && parentMessageUrl && !isUnavailable && /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-quote-message__replied-message__file-message"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    className: "sendbird-quote-message__replied-message__file-message__type-icon",
-    type: {
-      [uikitFileTypes.IMAGE]: IconTypes.PHOTO,
-      [uikitFileTypes.VIDEO]: IconTypes.PLAY,
-      [uikitFileTypes.AUDIO]: IconTypes.FILE_AUDIO,
-      [uikitFileTypes.GIF]: IconTypes.GIF,
-      [uikitFileTypes.OTHERS]: IconTypes.FILE_DOCUMENT
-    }[getUIKitFileType(parentMessageType)],
-    fillColor: IconColors.ON_BACKGROUND_3,
-    width: "16px",
-    height: "16px"
-  }), /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-quote-message__replied-message__file-message__file-name",
-    type: LabelTypography.BODY_2,
-    color: LabelColors.ONBACKGROUND_3
-  }, truncateString(splitFileName[splitFileName.length - 1])))));
-}
-
-export { QuoteMessage as default };
-//# sourceMappingURL=QuoteMessage.js.map

package/dist/ui/QuoteMessageInput.js

@@ -1,93 +0,0 @@
-import React__default, { useContext } from 'react';
-import { k as isFileMessage, d as isVoiceMessage, l as isImageMessage, m as isThumbnailMessage, n as isAudioMessage, h as getClassName, o as isGifMessage, p as isVideoMessage, q as isUserMessage, r as getUIKitMessageType, U as UIKitMessageTypes } from '../index-99ab01f6.js';
-import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-f50d7ab0.js';
-import { a as LocalizationContext } from '../LocalizationContext-1701e5c8.js';
-import ImageRenderer from './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-cc035350.js';
-import '../utils/message/getOutgoingMessageState.js';
-import 'prop-types';
-import '../stringSet-e9bb0333.js';
-import '../index-ff8f2f61.js';
-
-const componentClassname = 'sendbird-quote_message_input__avatar';
-function QuoteMessageThumbnail(_ref) {
-  let {
-    message
-  } = _ref;
-  if (!isFileMessage(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) {
-    return /*#__PURE__*/React__default.createElement(ImageRenderer, {
-      className: componentClassname,
-      url: thumbnailUrl,
-      alt: message.type,
-      width: "44px",
-      height: "44px",
-      fixedSize: true
-    });
-  } else if (isAudioMessage(message)) {
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: componentClassname
-    }, /*#__PURE__*/React__default.createElement(Icon, {
-      type: IconTypes.FILE_AUDIO,
-      fillColor: IconColors.ON_BACKGROUND_2,
-      width: "24px",
-      height: "24px"
-    }));
-  } else {
-    return /*#__PURE__*/React__default.createElement("div", {
-      className: componentClassname
-    }, /*#__PURE__*/React__default.createElement(Icon, {
-      type: IconTypes.FILE_DOCUMENT,
-      fillColor: IconColors.ON_BACKGROUND_2,
-      width: "24px",
-      height: "24px"
-    }));
-  }
-}
-
-function QuoteMessageInput(_ref) {
-  let {
-    className,
-    replyingMessage,
-    onClose
-  } = _ref;
-  const {
-    stringSet
-  } = useContext(LocalizationContext);
-  const fileMessage = replyingMessage;
-  const sender = replyingMessage === null || replyingMessage === void 0 ? void 0 : replyingMessage.sender;
-  const displayFileIcon = isFileMessage(replyingMessage) && !isVoiceMessage(replyingMessage);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: getClassName(['sendbird-quote_message_input', className])
-  }, displayFileIcon && /*#__PURE__*/React__default.createElement(QuoteMessageThumbnail, {
-    message: fileMessage
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-quote_message_input__body",
-    style: {
-      width: `calc(100% - ${displayFileIcon ? '164px' : '120px'})`,
-      left: displayFileIcon ? '92px' : '40px'
-    }
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-quote_message_input__body__sender-name",
-    type: LabelTypography.CAPTION_1,
-    color: LabelColors.ONBACKGROUND_1
-  }, `${stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO} ${sender && sender.nickname ? sender.nickname : stringSet.NO_NAME}`), /*#__PURE__*/React__default.createElement(Label, {
-    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, {
-    className: "sendbird-quote_message_input__close-button",
-    type: IconTypes.CLOSE,
-    fillColor: IconColors.ON_BACKGROUND_2,
-    width: "24px",
-    height: "24px",
-    onClick: () => onClose(replyingMessage)
-  }));
-}
-
-export { QuoteMessageInput as default };
-//# sourceMappingURL=QuoteMessageInput.js.map

package/dist/ui/ReactionBadge.js

@@ -1,44 +0,0 @@
-import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-f50d7ab0.js';
-import 'prop-types';
-import '../stringSet-e9bb0333.js';
-
-const ReactionBadge = /*#__PURE__*/React__default.forwardRef((props, ref) => {
-  const {
-    className = '',
-    children,
-    count = '',
-    isAdd = false,
-    selected = false,
-    onClick = () => {/* noop */}
-  } = props;
-  const getClassNameTail = () => {
-    if (selected && !isAdd) {
-      return '--selected';
-    }
-    if (isAdd) {
-      return '--is-add';
-    }
-    return '';
-  };
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: [...(Array.isArray(className) ? className : [className]), `sendbird-reaction-badge${getClassNameTail()}`].join(' '),
-    role: "button",
-    ref: ref,
-    onClick: onClick,
-    onKeyDown: onClick,
-    onTouchEnd: onClick,
-    tabIndex: 0
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-reaction-badge__inner"
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-reaction-badge__inner__icon"
-  }, children), /*#__PURE__*/React__default.createElement(Label, {
-    className: children && count && 'sendbird-reaction-badge__inner__count',
-    type: LabelTypography.CAPTION_3,
-    color: LabelColors.ONBACKGROUND_1
-  }, count)));
-});
-
-export { ReactionBadge as default };
-//# sourceMappingURL=ReactionBadge.js.map

package/dist/ui/ReactionButton.js

@@ -1,41 +0,0 @@
-import { b as _extends } from '../_rollupPluginBabelHelpers-cc035350.js';
-import React__default from 'react';
-import { u as useLongPress } from '../useLongPress-6d0b6619.js';
-import { n as noop } from '../utils-05aa9060.js';
-import '../MediaQueryContext-e5b401d0.js';
-
-const ReactionButton = /*#__PURE__*/React__default.forwardRef((props, ref) => {
-  const {
-    className,
-    width,
-    height,
-    selected,
-    dataSbId = '',
-    onClick,
-    children
-  } = props;
-  const onClickHandler = useLongPress({
-    onLongPress: noop,
-    onClick
-  }, {
-    shouldPreventDefault: true,
-    shouldStopPropagation: true
-  });
-  return /*#__PURE__*/React__default.createElement("div", _extends({
-    className: [...(Array.isArray(className) ? className : [className]), `sendbird-reaction-button${selected ? '--selected' : ''}`].join(' '),
-    ref: ref,
-    role: "button",
-    style: {
-      width,
-      height
-    }
-  }, onClickHandler, {
-    tabIndex: 0,
-    "data-sb-id": dataSbId
-  }), /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-reaction-button__inner"
-  }, children));
-});
-
-export { ReactionButton as default };
-//# sourceMappingURL=ReactionButton.js.map