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

package/cjs/ui/OpenchannelUserMessage.js

@@ -1,279 +0,0 @@
-'use strict';
-
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-a2f03c55.js');
-var React = require('react');
-var index$1 = require('../index-ee440b53.js');
-var ui_Avatar = require('./Avatar.js');
-var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Icon = require('./Icon.js');
-var ui_IconButton = require('./IconButton.js');
-var ui_Label = require('../index-347004c1.js');
-var ui_Loader = require('./Loader.js');
-var ui_UserProfile = require('./UserProfile.js');
-var UserProfileContext = require('../UserProfileContext-218e40b8.js');
-var LocalizationContext = require('../LocalizationContext-c014018b.js');
-var utils = require('../utils-799ac906.js');
-var uuid = require('../uuid-3462be83.js');
-var index = require('../index-451eee29.js');
-var MediaQueryContext = require('../MediaQueryContext-aea0ce1a.js');
-var useLongPress = require('../useLongPress-d2e3654f.js');
-var index$2 = require('../index-f4d89559.js');
-require('../index-035bdafb.js');
-require('./ImageRenderer.js');
-require('prop-types');
-require('react-dom');
-require('./SortByRow.js');
-require('../utils/message/getOutgoingMessageState.js');
-require('../stringSet-b0d09ab2.js');
-require('../sendbirdSelectors.js');
-require('../topics-d64c7836.js');
-require('../utils-29b5d4dd.js');
-require('./Button.js');
-require('../useSendbirdStateContext.js');
-require('../withSendbird.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function OpenchannelUserMessage(_ref) {
-  let {
-    className,
-    message,
-    isOperator,
-    isEphemeral = false,
-    userId,
-    resendMessage,
-    disabled,
-    showEdit,
-    showRemove,
-    chainTop
-  } = _ref;
-  // hooks
-  const {
-    stringSet,
-    dateLocale
-  } = LocalizationContext.useLocalization();
-  const {
-    disableUserProfile,
-    renderUserProfile
-  } = React.useContext(UserProfileContext.UserProfileContext);
-  const messageRef = React.useRef(null);
-  const avatarRef = React.useRef(null);
-  const contextMenuRef = React.useRef(null);
-  const mobileMenuRef = React.useRef(null);
-  const [contextStyle, setContextStyle] = React.useState({});
-  const [contextMenu, setContextMenu] = React.useState(false);
-
-  // consts
-  const status = message === null || message === void 0 ? void 0 : message.sendingStatus;
-  const isPending = index.checkIsPending(status);
-  const isFailed = index.checkIsFailed(status);
-  const sender = index.getSenderFromMessage(message);
-
-  // place context menu top depending clientHeight of message component
-  React.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.useLongPress({
-    onLongPress: () => {
-      setContextMenu(true);
-    }
-  });
-  const {
-    isMobile
-  } = MediaQueryContext.useMediaQueryContext();
-  if (!message || message.messageType !== 'user') {
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null);
-  }
-  return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: [...(Array.isArray(className) ? className : [className]), 'sendbird-openchannel-user-message'].join(' '),
-    ref: messageRef
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-openchannel-user-message__left"
-  }, !chainTop && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
-    menuTrigger: toggleDropdown => /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
-      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["default"].createElement(ui_ContextMenu.MenuItems, {
-      parentRef: avatarRef,
-      parentContainRef: avatarRef,
-      closeDropdown: closeDropdown,
-      style: {
-        paddingTop: '0px',
-        paddingBottom: '0px'
-      }
-    }, renderUserProfile ? renderUserProfile({
-      user: sender,
-      close: closeDropdown
-    }) : /*#__PURE__*/React__default["default"].createElement(ui_UserProfile, {
-      user: sender,
-      onSuccess: closeDropdown,
-      disableMessaging: true
-    }))
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-openchannel-user-message__right"
-  }, !chainTop && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-openchannel-user-message__right__top"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-openchannel-user-message__right__top__sender-name",
-    type: ui_Label.LabelTypography.CAPTION_2,
-    color: isOperator ? ui_Label.LabelColors.SECONDARY_3 : ui_Label.LabelColors.ONBACKGROUND_2
-  }, sender && (sender.friendName || sender.nickname || sender.userId)), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-openchannel-user-message__right__top__sent-at",
-    type: ui_Label.LabelTypography.CAPTION_3,
-    color: ui_Label.LabelColors.ONBACKGROUND_3
-  }, (message === null || message === void 0 ? void 0 : message.createdAt) && index$1.format(message === null || message === void 0 ? void 0 : message.createdAt, 'p', {
-    locale: dateLocale
-  }))), /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers._extends({}, isMobile ? _rollupPluginBabelHelpers._objectSpread2({}, onLongPress) : {}, {
-    className: "sendbird-openchannel-user-message__right__bottom",
-    ref: mobileMenuRef
-  }), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-openchannel-user-message__right__bottom__message",
-    type: ui_Label.LabelTypography.BODY_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, message === null || message === void 0 ? void 0 : message.message, index$2.isEditedMessage(message) && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    key: uuid.uuidv4(),
-    type: ui_Label.LabelTypography.BODY_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_2,
-    calssName: "sendbird-openchannel-user-message-word"
-  }, ` ${stringSet.MESSAGE_EDITED} `))), (isPending || isFailed) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-openchannel-user-message__right__tail"
-  }, isPending && /*#__PURE__*/React__default["default"].createElement(ui_Loader, {
-    width: "16px",
-    height: "16px"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-openchannel-user-message__right__tail__pending",
-    type: ui_Icon.IconTypes.SPINNER,
-    fillColor: ui_Icon.IconColors.PRIMARY,
-    width: "16px",
-    height: "16px"
-  })), isFailed && /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-openchannel-user-message__right__tail__failed",
-    type: ui_Icon.IconTypes.ERROR,
-    fillColor: ui_Icon.IconColors.ERROR,
-    width: "16px",
-    height: "16px"
-  }))), !isMobile && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-openchannel-user-message__context-menu",
-    ref: contextMenuRef,
-    style: contextStyle
-  }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
-    menuTrigger: toggleDropdown => index.showMenuTrigger({
-      message: message,
-      userId: userId,
-      status: status
-    }) && /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
-      className: "sendbird-openchannel-user-message__context-menu--icon",
-      width: "32px",
-      height: "32px",
-      onClick: () => {
-        toggleDropdown();
-      }
-    }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-      type: ui_Icon.IconTypes.MORE,
-      fillColor: ui_Icon.IconColors.CONTENT_INVERSE,
-      width: "24px",
-      height: "24px"
-    })),
-    menuItems: closeDropdown => /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
-      parentRef: contextMenuRef,
-      parentContainRef: contextMenuRef,
-      closeDropdown: closeDropdown,
-      openLeft: true
-    }, index.isFineCopy({
-      message: message,
-      userId: userId,
-      status: status
-    }) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItem, {
-      className: "sendbird-openchannel-user-message__context-menu__copy",
-      onClick: () => {
-        utils.copyToClipboard(message.message);
-        closeDropdown();
-      },
-      dataSbId: "open_channel_user_message_menu_copy"
-    }, stringSet.CONTEXT_MENU_DROPDOWN__COPY), !isEphemeral && index.isFineEdit({
-      message: message,
-      userId: userId,
-      status: status
-    }) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.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), index.isFineResend({
-      message: message,
-      userId: userId,
-      status: status
-    }) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.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 && index.isFineDelete({
-      message: message,
-      userId: userId,
-      status: status
-    }) && /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.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["default"].createElement(index.OpenChannelMobileMenu, {
-    message: message,
-    parentRef: mobileMenuRef,
-    hideMenu: () => {
-      setContextMenu(false);
-    },
-    showRemove: () => {
-      setContextMenu(false);
-      showRemove(true);
-    },
-    showEdit: () => {
-      setContextMenu(false);
-      showEdit(true);
-    },
-    copyToClipboard: () => {
-      setContextMenu(false);
-      utils.copyToClipboard(message === null || message === void 0 ? void 0 : message.message);
-    },
-    resendMessage: () => {
-      setContextMenu(false);
-      resendMessage(message);
-    }
-  }));
-}
-
-module.exports = OpenchannelUserMessage;
-//# sourceMappingURL=OpenchannelUserMessage.js.map

package/cjs/ui/PlaceHolder.js

@@ -1,19 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('react');
-var ui_PlaceHolder = require('../index-3a1678b7.js');
-require('../LocalizationContext-c014018b.js');
-require('./Icon.js');
-require('../index-347004c1.js');
-require('./Loader.js');
-require('../stringSet-b0d09ab2.js');
-require('../index-035bdafb.js');
-require('prop-types');
-
-
-
-exports.PlaceHolderTypes = ui_PlaceHolder.PlaceHolderTypes;
-exports["default"] = ui_PlaceHolder.PlaceHolder;
-//# sourceMappingURL=PlaceHolder.js.map

package/cjs/ui/PlaybackTime.js

@@ -1,35 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var ui_Label = require('../index-347004c1.js');
-require('prop-types');
-require('../stringSet-b0d09ab2.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const PlaybackTime = _ref => {
-  let {
-    className,
-    time = 0,
-    labelType = ui_Label.LabelTypography.CAPTION_2,
-    labelColor = ui_Label.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["default"].createElement("div", {
-    className: `sendbird-ui-play-time ${className}`
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    type: labelType,
-    color: labelColor
-  }, `${hour ? hour + ':' : ''}${min < 10 ? '0' : ''}${min ? min : '0'}:${sec < 10 ? '0' : ''}${sec}`));
-};
-
-exports.PlaybackTime = PlaybackTime;
-exports["default"] = PlaybackTime;
-//# sourceMappingURL=PlaybackTime.js.map

package/cjs/ui/QuoteMessage.js

@@ -1,158 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-347004c1.js');
-var ui_ImageRenderer = require('./ImageRenderer.js');
-var LocalizationContext = require('../LocalizationContext-c014018b.js');
-var index = require('../index-f4d89559.js');
-require('prop-types');
-require('../stringSet-b0d09ab2.js');
-require('../index-035bdafb.js');
-require('../_rollupPluginBabelHelpers-a2f03c55.js');
-require('../utils/message/getOutgoingMessageState.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function QuoteMessage(_ref) {
-  var _message$sender, _message$sender2, _message, _thumbnails;
-  let {
-    message,
-    userId = '',
-    isByMe = false,
-    className = '',
-    isUnavailable = false,
-    onClick
-  } = _ref;
-  const {
-    stringSet
-  } = React.useContext(LocalizationContext.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] = React.useState(false);
-  const uikitFileTypes = index.getUIKitFileTypes();
-  const splitFileName = parentMessage !== null && parentMessage !== void 0 && parentMessage.name ? parentMessage.name.split('/') : parentMessageUrl.split('/');
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index.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["default"].createElement("div", {
-    className: "sendbird-quote-message__replied-to"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-quote-message__replied-to__icon",
-    type: ui_Icon.IconTypes.REPLY,
-    fillColor: ui_Icon.IconColors.ON_BACKGROUND_3,
-    width: "12px",
-    height: "12px"
-  }), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-quote-message__replied-to__text",
-    type: ui_Label.LabelTypography.CAPTION_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_3
-  }, /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "sendbird-quote-message__replied-to__text__nickname"
-  }, currentMessageSenderNickname), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "sendbird-quote-message__replied-to__text__text"
-  }, stringSet.QUOTED_MESSAGE__REPLIED_TO), /*#__PURE__*/React__default["default"].createElement("span", {
-    className: "sendbird-quote-message__replied-to__text__nickname"
-  }, parentMessageSenderNickname))), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-quote-message__replied-message"
-  }, isUnavailable && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-quote-message__replied-message__text-message"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-quote-message__replied-message__text-message__word",
-    type: ui_Label.LabelTypography.BODY_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, stringSet.QUOTED_MESSAGE__UNAVAILABLE)), index.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["default"].createElement("div", {
-    className: "sendbird-quote-message__replied-message__text-message"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-quote-message__replied-message__text-message__word",
-    type: ui_Label.LabelTypography.BODY_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.message)), index.isVoiceMessage(parentMessage) && parentMessageUrl && !isUnavailable && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-quote-message__replied-message__text-message"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-quote-message__replied-message__text-message__word",
-    type: ui_Label.LabelTypography.BODY_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, stringSet.VOICE_MESSAGE)), index.isThumbnailMessage(parentMessage) && parentMessageUrl && !isUnavailable && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-quote-message__replied-message__thumbnail-message"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_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["default"].createElement("div", {
-      className: "sendbird-quote-message__replied-message__thumbnail-message__placeholder"
-    }, /*#__PURE__*/React__default["default"].createElement("div", {
-      className: "sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon"
-    }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-      type: index.isVideo(parentMessageType) ? ui_Icon.IconTypes.PLAY : ui_Icon.IconTypes.PHOTO,
-      fillColor: ui_Icon.IconColors.ON_BACKGROUND_2,
-      width: "22px",
-      height: "22px"
-    })))
-  }), index.isVideo(parentMessageType) && !((parentMessage === null || parentMessage === void 0 ? void 0 : (_thumbnails = parentMessage.thumbnails) === null || _thumbnails === void 0 ? void 0 : _thumbnails.length) > 0) && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("video", {
-    className: "sendbird-quote-message__replied-message__thumbnail-message__video"
-  }, /*#__PURE__*/React__default["default"].createElement("source", {
-    src: parentMessageUrl,
-    type: parentMessageType
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-quote-message__replied-message__thumbnail-message__cover"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-quote-message__replied-message__thumbnail-message__cover__icon"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: ui_Icon.IconTypes.PLAY,
-    fillColor: ui_Icon.IconColors.GRAY,
-    width: "14px",
-    height: "14px"
-  })))), isThumbnailLoaded && index.isGif(parentMessageType) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-quote-message__replied-message__thumbnail-message__cover"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-quote-message__replied-message__thumbnail-message__cover__icon"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: ui_Icon.IconTypes.GIF,
-    fillColor: ui_Icon.IconColors.GRAY,
-    width: "14px",
-    height: "14px"
-  })))), index.getUIKitMessageType(parentMessage) === index.UIKitMessageTypes.FILE && parentMessageUrl && !isUnavailable && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-quote-message__replied-message__file-message"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-quote-message__replied-message__file-message__type-icon",
-    type: {
-      [uikitFileTypes.IMAGE]: ui_Icon.IconTypes.PHOTO,
-      [uikitFileTypes.VIDEO]: ui_Icon.IconTypes.PLAY,
-      [uikitFileTypes.AUDIO]: ui_Icon.IconTypes.FILE_AUDIO,
-      [uikitFileTypes.GIF]: ui_Icon.IconTypes.GIF,
-      [uikitFileTypes.OTHERS]: ui_Icon.IconTypes.FILE_DOCUMENT
-    }[index.getUIKitFileType(parentMessageType)],
-    fillColor: ui_Icon.IconColors.ON_BACKGROUND_3,
-    width: "16px",
-    height: "16px"
-  }), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-quote-message__replied-message__file-message__file-name",
-    type: ui_Label.LabelTypography.BODY_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_3
-  }, index.truncateString(splitFileName[splitFileName.length - 1])))));
-}
-
-module.exports = QuoteMessage;
-//# sourceMappingURL=QuoteMessage.js.map

package/cjs/ui/QuoteMessageInput.js

@@ -1,99 +0,0 @@
-'use strict';
-
-var React = require('react');
-var index = require('../index-f4d89559.js');
-var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-347004c1.js');
-var LocalizationContext = require('../LocalizationContext-c014018b.js');
-var ui_ImageRenderer = require('./ImageRenderer.js');
-require('../_rollupPluginBabelHelpers-a2f03c55.js');
-require('../utils/message/getOutgoingMessageState.js');
-require('prop-types');
-require('../stringSet-b0d09ab2.js');
-require('../index-035bdafb.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const componentClassname = 'sendbird-quote_message_input__avatar';
-function QuoteMessageThumbnail(_ref) {
-  let {
-    message
-  } = _ref;
-  if (!index.isFileMessage(message) || index.isVoiceMessage(message)) {
-    return null;
-  }
-  const thumbnailUrl = message.thumbnails && message.thumbnails.length > 0 && message.thumbnails[0].url || index.isImageMessage(message) && message.url;
-  if (index.isThumbnailMessage(message) && thumbnailUrl) {
-    return /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
-      className: componentClassname,
-      url: thumbnailUrl,
-      alt: message.type,
-      width: "44px",
-      height: "44px",
-      fixedSize: true
-    });
-  } else if (index.isAudioMessage(message)) {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: componentClassname
-    }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-      type: ui_Icon.IconTypes.FILE_AUDIO,
-      fillColor: ui_Icon.IconColors.ON_BACKGROUND_2,
-      width: "24px",
-      height: "24px"
-    }));
-  } else {
-    return /*#__PURE__*/React__default["default"].createElement("div", {
-      className: componentClassname
-    }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-      type: ui_Icon.IconTypes.FILE_DOCUMENT,
-      fillColor: ui_Icon.IconColors.ON_BACKGROUND_2,
-      width: "24px",
-      height: "24px"
-    }));
-  }
-}
-
-function QuoteMessageInput(_ref) {
-  let {
-    className,
-    replyingMessage,
-    onClose
-  } = _ref;
-  const {
-    stringSet
-  } = React.useContext(LocalizationContext.LocalizationContext);
-  const fileMessage = replyingMessage;
-  const sender = replyingMessage === null || replyingMessage === void 0 ? void 0 : replyingMessage.sender;
-  const displayFileIcon = index.isFileMessage(replyingMessage) && !index.isVoiceMessage(replyingMessage);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index.getClassName(['sendbird-quote_message_input', className])
-  }, displayFileIcon && /*#__PURE__*/React__default["default"].createElement(QuoteMessageThumbnail, {
-    message: fileMessage
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-quote_message_input__body",
-    style: {
-      width: `calc(100% - ${displayFileIcon ? '164px' : '120px'})`,
-      left: displayFileIcon ? '92px' : '40px'
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-quote_message_input__body__sender-name",
-    type: ui_Label.LabelTypography.CAPTION_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, `${stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO} ${sender && sender.nickname ? sender.nickname : stringSet.NO_NAME}`), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-quote_message_input__body__message-content",
-    type: ui_Label.LabelTypography.BODY_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_3
-  }, index.isImageMessage(fileMessage) && !index.isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE, index.isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO, index.isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF, index.isUserMessage(replyingMessage) && replyingMessage.message, index.getUIKitMessageType(replyingMessage) === index.UIKitMessageTypes.FILE && fileMessage.name, index.isVoiceMessage(replyingMessage) && stringSet.VOICE_MESSAGE)), /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-quote_message_input__close-button",
-    type: ui_Icon.IconTypes.CLOSE,
-    fillColor: ui_Icon.IconColors.ON_BACKGROUND_2,
-    width: "24px",
-    height: "24px",
-    onClick: () => onClose(replyingMessage)
-  }));
-}
-
-module.exports = QuoteMessageInput;
-//# sourceMappingURL=QuoteMessageInput.js.map

package/cjs/ui/ReactionBadge.js

@@ -1,50 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ui_Label = require('../index-347004c1.js');
-require('prop-types');
-require('../stringSet-b0d09ab2.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const ReactionBadge = /*#__PURE__*/React__default["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["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["default"].createElement("div", {
-    className: "sendbird-reaction-badge__inner"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-reaction-badge__inner__icon"
-  }, children), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: children && count && 'sendbird-reaction-badge__inner__count',
-    type: ui_Label.LabelTypography.CAPTION_3,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, count)));
-});
-
-module.exports = ReactionBadge;
-//# sourceMappingURL=ReactionBadge.js.map