@sendbird/uikit-react 3.4.0-rc.1 → 3.4.0-rc.2

package/dist/cjs/Thread/components/ParentMessageInfo.js

@@ -1,376 +0,0 @@
-'use strict';
-
-var tslib_es6 = require('../../tslib.es6-e8acf1b5.js');
-var React = require('react');
-var index$1 = require('../../index-f1bd9638.js');
-var RemoveMessageModal = require('../../RemoveMessageModal-a9a5cd37.js');
-var Thread_components_ParentMessageInfoItem = require('./ParentMessageInfoItem.js');
-var index = require('../../index-6714492f.js');
-var LocalizationContext = require('../../LocalizationContext-2fb0be1f.js');
-var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var Thread_context = require('../../ThreadProvider-6300587c.js');
-var UserProfileContext = require('../../UserProfileContext-0549101e.js');
-var Channel_components_SuggestedMentionList = require('../../Channel/components/SuggestedMentionList.js');
-var ui_Avatar = require('../../ui/Avatar.js');
-var ui_Label = require('../../index-578f0575.js');
-var ui_FileViewer = require('../../ui/FileViewer.js');
-var ui_MessageItemMenu = require('../../ui/MessageItemMenu.js');
-var ui_MessageItemReactionMenu = require('../../ui/MessageItemReactionMenu.js');
-var ui_ContextMenu = require('../../ui/ContextMenu.js');
-var ui_UserProfile = require('../../ui/UserProfile.js');
-var ui_MessageInput = require('../../ui/MessageInput.js');
-var _const = require('../../const-86e2750e.js');
-var types = require('../../types-6ffa6822.js');
-require('../../index-1ec959ab.js');
-require('../../ui/Modal.js');
-require('react-dom');
-require('../../index-490839e3.js');
-require('../../ui/Button.js');
-require('prop-types');
-require('../../stringSet-388f679a.js');
-require('../../ui/Icon.js');
-require('../../ui/IconButton.js');
-require('../../MediaQueryContext-db5159f3.js');
-require('../../uuid-a94df44e.js');
-require('../../ui/Word.js');
-require('../../ui/LinkLabel.js');
-require('../../ui/MentionLabel.js');
-require('../../ui/ImageRenderer.js');
-require('../../ui/TextButton.js');
-require('../../color-84bbbc0b.js');
-require('../../ui/EmojiReactions.js');
-require('../../ui/Tooltip.js');
-require('../../ui/TooltipWrapper.js');
-require('../../ui/ReactionBadge.js');
-require('../../ui/ReactionButton.js');
-require('../../ui/VoiceMessageItemBody.js');
-require('../../ui/ProgressBar.js');
-require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-e1d58610.js');
-require('../../consts-9d221c68.js');
-require('../../VoiceRecorder/context.js');
-require('../../lame.all.js');
-require('../../ui/PlaybackTime.js');
-require('../../ui/Loader.js');
-require('../../utils/message/getOutgoingMessageState.js');
-require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-e7c78521.js');
-require('../context/types.js');
-require('@sendbird/chat');
-require('../../topics-839402ce.js');
-require('@sendbird/chat/groupChannel');
-require('@sendbird/chat/message');
-require('../../ChannelProvider-367995a6.js');
-require('../../compareIds-19a11ffa.js');
-require('../../const-3c5d5059.js');
-require('../../ui/SortByRow.js');
-require('../../sendbirdSelectors.js');
-require('../../utils-c61c3737.js');
-require('react-dom/server');
-require('../../ui/MentionUserLabel.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function ParentMessageInfo(_a) {
-  var _b, _c, _d, _e, _f, _g;
-
-  var className = _a.className;
-
-  var _h = useSendbirdStateContext(),
-      stores = _h.stores,
-      config = _h.config;
-
-  var isMentionEnabled = config.isMentionEnabled,
-      isReactionEnabled = config.isReactionEnabled,
-      replyType = config.replyType,
-      isOnline = config.isOnline,
-      userMention = config.userMention;
-  var userId = (_c = (_b = stores === null || stores === void 0 ? void 0 : stores.userStore) === null || _b === void 0 ? void 0 : _b.user) === null || _c === void 0 ? void 0 : _c.userId;
-  var dateLocale = (LocalizationContext.useLocalization === null || LocalizationContext.useLocalization === void 0 ? void 0 : LocalizationContext.useLocalization()).dateLocale;
-
-  var _j = Thread_context.useThreadContext(),
-      currentChannel = _j.currentChannel,
-      parentMessage = _j.parentMessage,
-      allThreadMessages = _j.allThreadMessages,
-      emojiContainer = _j.emojiContainer,
-      toggleReaction = _j.toggleReaction,
-      updateMessage = _j.updateMessage,
-      deleteMessage = _j.deleteMessage,
-      onMoveToParentMessage = _j.onMoveToParentMessage,
-      onHeaderActionClick = _j.onHeaderActionClick,
-      isMuted = _j.isMuted,
-      isChannelFrozen = _j.isChannelFrozen;
-
-  var _k = React.useState(false),
-      showRemove = _k[0],
-      setShowRemove = _k[1];
-
-  var _l = React.useState(false),
-      supposedHover = _l[0],
-      setSupposedHover = _l[1];
-
-  var _m = React.useState(false),
-      showFileViewer = _m[0],
-      setShowFileViewer = _m[1];
-
-  var usingReaction = isReactionEnabled && !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isSuper) && !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isBroadcast); // Edit message
-
-  var _o = React.useState(false),
-      showEditInput = _o[0],
-      setShowEditInput = _o[1];
-
-  var disabled = !isOnline || isMuted || isChannelFrozen && !((currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.myRole) === types.Role.OPERATOR); // Mention
-
-  var editMessageInputRef = React.useRef(null);
-
-  var _p = React.useState(''),
-      mentionNickname = _p[0],
-      setMentionNickname = _p[1];
-
-  var _q = React.useState([]),
-      mentionedUsers = _q[0],
-      setMentionedUsers = _q[1];
-
-  var _r = React.useState([]),
-      mentionedUserIds = _r[0],
-      setMentionedUserIds = _r[1];
-
-  var _s = React.useState(null),
-      messageInputEvent = _s[0],
-      setMessageInputEvent = _s[1];
-
-  var _t = React.useState(null),
-      selectedUser = _t[0],
-      setSelectedUser = _t[1];
-
-  var _u = React.useState([]),
-      mentionSuggestedUsers = _u[0],
-      setMentionSuggestedUsers = _u[1];
-
-  var _v = React.useState(true),
-      ableMention = _v[0],
-      setAbleMention = _v[1];
-
-  var displaySuggestedMentionList = isOnline && isMentionEnabled && mentionNickname.length > 0 && !isMuted && !(isChannelFrozen && !(currentChannel.myRole === types.Role.OPERATOR));
-  React.useEffect(function () {
-    if ((mentionedUsers === null || mentionedUsers === void 0 ? void 0 : mentionedUsers.length) >= (userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount)) {
-      setAbleMention(false);
-    } else {
-      setAbleMention(true);
-    }
-  }, [mentionedUsers]);
-  React.useEffect(function () {
-    setMentionedUsers(mentionedUsers.filter(function (_a) {
-      var userId = _a.userId;
-      var i = mentionedUserIds.indexOf(userId);
-
-      if (i < 0) {
-        return false;
-      } else {
-        mentionedUserIds.splice(i, 1);
-        return true;
-      }
-    }));
-  }, [mentionedUserIds]); // User Profile
-
-  var avatarRef = React.useRef(null);
-
-  var _w = React.useContext(UserProfileContext.UserProfileContext),
-      disableUserProfile = _w.disableUserProfile,
-      renderUserProfile = _w.renderUserProfile;
-
-  if (showEditInput && ((_d = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.isUserMessage) === null || _d === void 0 ? void 0 : _d.call(parentMessage))) {
-    return /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, displaySuggestedMentionList && /*#__PURE__*/React__default["default"].createElement(Channel_components_SuggestedMentionList, {
-      className: "parent-message-info--suggested-mention-list",
-      targetNickname: mentionNickname,
-      inputEvent: messageInputEvent // renderUserMentionItem={renderUserMentionItem}
-      ,
-      onUserItemClick: function (user) {
-        if (user) {
-          setMentionedUsers(tslib_es6.__spreadArray(tslib_es6.__spreadArray([], mentionedUsers, true), [user], false));
-        }
-
-        setMentionNickname('');
-        setSelectedUser(user);
-        setMessageInputEvent(null);
-      },
-      onFocusItemChange: function () {
-        setMessageInputEvent(null);
-      },
-      onFetchUsers: function (users) {
-        setMentionSuggestedUsers(users);
-      },
-      ableAddMention: ableMention,
-      maxMentionCount: userMention === null || userMention === void 0 ? void 0 : userMention.maxMentionCount,
-      maxSuggestionCount: userMention === null || userMention === void 0 ? void 0 : userMention.maxSuggestionCount
-    }), /*#__PURE__*/React__default["default"].createElement(ui_MessageInput, {
-      isEdit: true,
-      disabled: disabled,
-      ref: editMessageInputRef,
-      mentionSelectedUser: selectedUser,
-      isMentionEnabled: isMentionEnabled,
-      message: parentMessage,
-      onStartTyping: function () {
-        var _a;
-
-        (_a = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.startTyping) === null || _a === void 0 ? void 0 : _a.call(currentChannel);
-      },
-      onUpdateMessage: function (_a) {
-        var _b;
-
-        var messageId = _a.messageId,
-            message = _a.message,
-            mentionTemplate = _a.mentionTemplate;
-        updateMessage({
-          messageId: messageId,
-          message: message,
-          mentionedUsers: mentionedUsers,
-          mentionTemplate: mentionTemplate
-        });
-        setShowEditInput(false);
-        (_b = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.endTyping) === null || _b === void 0 ? void 0 : _b.call(currentChannel);
-      },
-      onCancelEdit: function () {
-        var _a;
-
-        setMentionNickname('');
-        setMentionedUsers([]);
-        setMentionedUserIds([]);
-        setMentionSuggestedUsers([]);
-        setShowEditInput(false);
-        (_a = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.endTyping) === null || _a === void 0 ? void 0 : _a.call(currentChannel);
-      },
-      onUserMentioned: function (user) {
-        if ((selectedUser === null || selectedUser === void 0 ? void 0 : selectedUser.userId) === (user === null || user === void 0 ? void 0 : user.userId)) {
-          setSelectedUser(null);
-          setMentionNickname('');
-        }
-      },
-      onMentionStringChange: function (mentionText) {
-        setMentionNickname(mentionText);
-      },
-      onMentionedUserIdsUpdated: function (userIds) {
-        setMentionedUserIds(userIds);
-      },
-      onKeyDown: function (e) {
-        if (displaySuggestedMentionList && (mentionSuggestedUsers === null || mentionSuggestedUsers === void 0 ? void 0 : mentionSuggestedUsers.length) > 0 && (e.key === _const.MessageInputKeys.Enter && ableMention || e.key === _const.MessageInputKeys.ArrowUp || e.key === _const.MessageInputKeys.ArrowDown)) {
-          setMessageInputEvent(e);
-          return true;
-        }
-
-        return false;
-      }
-    }));
-  }
-
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-parent-message-info ".concat(className)
-  }, /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu["default"], {
-    menuTrigger: function (toggleDropdown) {
-      var _a, _b, _c;
-
-      return /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
-        className: "sendbird-parent-message-info__sender",
-        ref: avatarRef,
-        src: ((_b = (_a = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members) === null || _a === void 0 ? void 0 : _a.find(function (m) {
-          var _a;
-
-          return (m === null || m === void 0 ? void 0 : m.userId) === ((_a = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _a === void 0 ? void 0 : _a.userId);
-        })) === null || _b === void 0 ? void 0 : _b.profileUrl) || ((_c = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _c === void 0 ? void 0 : _c.profileUrl),
-        alt: "thread message sender",
-        width: "40px",
-        height: "40px",
-        onClick: function () {
-          if (!disableUserProfile) {
-            toggleDropdown();
-          }
-        }
-      });
-    },
-    menuItems: function (closeDropdown) {
-      return /*#__PURE__*/React__default["default"].createElement(ui_ContextMenu.MenuItems, {
-        parentRef: avatarRef,
-        parentContainRef: avatarRef,
-        closeDropdown: closeDropdown,
-        style: {
-          paddingTop: '0px',
-          paddingBottom: '0px'
-        }
-      }, renderUserProfile ? renderUserProfile({
-        user: parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender,
-        close: closeDropdown
-      }) : /*#__PURE__*/React__default["default"].createElement(ui_UserProfile, {
-        user: parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender,
-        currentUserId: userId,
-        onSuccess: closeDropdown
-      }));
-    }
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-parent-message-info__content"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-parent-message-info__content__info"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-parent-message-info__content__info__sender-name".concat(usingReaction ? '--use-reaction' : ''),
-    type: ui_Label.LabelTypography.CAPTION_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, ((_f = (_e = currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.members) === null || _e === void 0 ? void 0 : _e.find(function (member) {
-    var _a;
-
-    return (member === null || member === void 0 ? void 0 : member.userId) === ((_a = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _a === void 0 ? void 0 : _a.userId);
-  })) === null || _f === void 0 ? void 0 : _f.nickname) || (index.getSenderName === null || index.getSenderName === void 0 ? void 0 : index.getSenderName(parentMessage))), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-parent-message-info__content__info__sent-at",
-    type: ui_Label.LabelTypography.CAPTION_3,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, index$1.format((parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.createdAt) || 0, 'p', {
-    locale: dateLocale
-  }))), /*#__PURE__*/React__default["default"].createElement(Thread_components_ParentMessageInfoItem, {
-    message: parentMessage,
-    showFileViewer: setShowFileViewer
-  })), /*#__PURE__*/React__default["default"].createElement(ui_MessageItemMenu, {
-    className: "sendbird-parent-message-info__context-menu ".concat(usingReaction ? 'use-reaction' : '', " ").concat(supposedHover ? 'sendbird-mouse-hover' : ''),
-    channel: currentChannel,
-    message: parentMessage,
-    isByMe: userId === ((_g = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender) === null || _g === void 0 ? void 0 : _g.userId),
-    disableDeleteMessage: allThreadMessages.length > 0,
-    replyType: replyType,
-    showEdit: setShowEditInput,
-    showRemove: setShowRemove,
-    setSupposedHover: setSupposedHover,
-    onMoveToParentMessage: function () {
-      onMoveToParentMessage({
-        message: parentMessage,
-        channel: currentChannel
-      });
-    }
-  }), usingReaction && /*#__PURE__*/React__default["default"].createElement(ui_MessageItemReactionMenu, {
-    className: "sendbird-parent-message-info__reaction-menu ".concat(supposedHover ? 'sendbird-mouse-hover' : ''),
-    message: parentMessage,
-    userId: userId,
-    emojiContainer: emojiContainer,
-    toggleReaction: toggleReaction,
-    setSupposedHover: setSupposedHover
-  }), showRemove && /*#__PURE__*/React__default["default"].createElement(RemoveMessageModal.RemoveMessage, {
-    onCancel: function () {
-      return setShowRemove(false);
-    },
-    onSubmit: function () {
-      onHeaderActionClick === null || onHeaderActionClick === void 0 ? void 0 : onHeaderActionClick();
-    },
-    message: parentMessage
-  }), showFileViewer && /*#__PURE__*/React__default["default"].createElement(ui_FileViewer["default"], {
-    message: parentMessage,
-    onClose: function () {
-      return setShowFileViewer(false);
-    },
-    onDelete: function () {
-      deleteMessage(parentMessage).then(function () {
-        setShowFileViewer(false);
-      });
-    }
-  }));
-}
-
-module.exports = ParentMessageInfo;
-//# sourceMappingURL=ParentMessageInfo.js.map

package/dist/cjs/Thread/components/ParentMessageInfoItem.js

@@ -1,220 +0,0 @@
-'use strict';
-
-var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-2fb0be1f.js');
-var index = require('../../index-6714492f.js');
-var uuid = require('../../uuid-a94df44e.js');
-var ui_Label = require('../../index-578f0575.js');
-var ui_Word = require('../../ui/Word.js');
-var ui_ImageRenderer = require('../../ui/ImageRenderer.js');
-var ui_Icon = require('../../ui/Icon.js');
-var ui_TextButton = require('../../ui/TextButton.js');
-var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var ui_EmojiReactions = require('../../ui/EmojiReactions.js');
-var Thread_context = require('../../ThreadProvider-6300587c.js');
-var ui_VoiceMessageItemBody = require('../../ui/VoiceMessageItemBody.js');
-require('../../stringSet-388f679a.js');
-require('../../index-1ec959ab.js');
-require('../../tslib.es6-e8acf1b5.js');
-require('../../utils/message/getOutgoingMessageState.js');
-require('prop-types');
-require('../../ui/LinkLabel.js');
-require('../../ui/MentionLabel.js');
-require('../../ui/ContextMenu.js');
-require('react-dom');
-require('../../ui/SortByRow.js');
-require('../../ui/UserProfile.js');
-require('../../UserProfileContext-0549101e.js');
-require('../../sendbirdSelectors.js');
-require('../../topics-839402ce.js');
-require('../../utils-c61c3737.js');
-require('../../ui/Avatar.js');
-require('../../ui/Button.js');
-require('../../withSendbird.js');
-require('../../_rollupPluginBabelHelpers-e7c78521.js');
-require('../../color-84bbbc0b.js');
-require('../../ui/Tooltip.js');
-require('../../ui/TooltipWrapper.js');
-require('../../ui/ReactionBadge.js');
-require('../../ui/ReactionButton.js');
-require('../../index-f1bd9638.js');
-require('../context/types.js');
-require('@sendbird/chat');
-require('@sendbird/chat/groupChannel');
-require('@sendbird/chat/message');
-require('../../consts-9d221c68.js');
-require('../../ui/ProgressBar.js');
-require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-e1d58610.js');
-require('../../VoiceRecorder/context.js');
-require('../../lame.all.js');
-require('../../ui/PlaybackTime.js');
-require('../../ui/Loader.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function ParentMessageInfoItem(_a) {
-  var _b, _c, _d, _e, _f, _g, _h, _j;
-
-  var className = _a.className,
-      message = _a.message,
-      showFileViewer = _a.showFileViewer;
-
-  var _k = useSendbirdStateContext(),
-      stores = _k.stores,
-      config = _k.config;
-
-  var replyType = config.replyType,
-      isMentionEnabled = config.isMentionEnabled,
-      isReactionEnabled = config.isReactionEnabled;
-  var currentUserId = (_c = (_b = stores === null || stores === void 0 ? void 0 : stores.userStore) === null || _b === void 0 ? void 0 : _b.user) === null || _c === void 0 ? void 0 : _c.userId;
-  var stringSet = LocalizationContext.useLocalization().stringSet;
-
-  var _l = Thread_context.useThreadContext(),
-      currentChannel = _l.currentChannel,
-      emojiContainer = _l.emojiContainer,
-      nicknamesMap = _l.nicknamesMap,
-      toggleReaction = _l.toggleReaction;
-
-  var isMentionedMessage = isMentionEnabled && ((_d = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _d === void 0 ? void 0 : _d.length) > 0 && ((_e = message === null || message === void 0 ? void 0 : message.mentionedUsers) === null || _e === void 0 ? void 0 : _e.length) > 0; // Emoji reactions
-
-  var isReactionActivated = isReactionEnabled && replyType === 'THREAD' && !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isSuper) && !(currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.isBroadcast) && ((_f = message === null || message === void 0 ? void 0 : message.reactions) === null || _f === void 0 ? void 0 : _f.length) > 0; // OG message
-  // const openUrl = () => {
-  //   if (isOGMessage(message) && message?.ogMetaData?.url) {
-  //     window.open(message.ogMetaData.url);
-  //   }
-  // };
-  // Thumbnail mesage
-
-  var _m = React.useState(false),
-      isImageRendered = _m[0],
-      setImageRendered = _m[1];
-
-  var thumbnailUrl = ((_g = message === null || message === void 0 ? void 0 : message.thumbnails) === null || _g === void 0 ? void 0 : _g.length) > 0 ? (_h = message === null || message === void 0 ? void 0 : message.thumbnails[0]) === null || _h === void 0 ? void 0 : _h.url : '';
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-parent-message-info-item ".concat(className)
-  }, index.isUserMessage(message) && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-parent-message-info-item__text-message",
-    type: ui_Label.LabelTypography.BODY_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, isMentionedMessage ? message.mentionedMessageTemplate.split(' ').map(function (word) {
-    return /*#__PURE__*/React__default["default"].createElement(ui_Word, {
-      key: uuid.uuidv4(),
-      word: word,
-      message: message
-    });
-  }) : message === null || message === void 0 ? void 0 : message.message.split(' ').map(function (word) {
-    return /*#__PURE__*/React__default["default"].createElement(ui_Word, {
-      key: uuid.uuidv4(),
-      word: word,
-      message: message
-    });
-  }), index.isEditedMessage(message) && /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-parent-message-info-item__text-message edited",
-    type: ui_Label.LabelTypography.BODY_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, " ".concat(stringSet.MESSAGE_EDITED, " "))), index.getUIKitMessageType(message) === index.getUIKitMessageTypes().FILE && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-parent-message-info-item__file-message"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-parent-message-info-item__file-message__file-icon"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-parent-message-info-item__file-message__file-icon__icon",
-    type: {
-      IMAGE: ui_Icon.IconTypes.PHOTO,
-      VIDEO: ui_Icon.IconTypes.PLAY,
-      AUDIO: ui_Icon.IconTypes.FILE_AUDIO,
-      GIF: ui_Icon.IconTypes.GIF,
-      OTHERS: ui_Icon.IconTypes.FILE_DOCUMENT
-    }[index.getUIKitFileType(message === null || message === void 0 ? void 0 : message.type)],
-    fillColor: ui_Icon.IconColors.PRIMARY,
-    width: "24px",
-    height: "24px"
-  })), /*#__PURE__*/React__default["default"].createElement(ui_TextButton, {
-    className: "sendbird-parent-message-info-item__file-message__file-name",
-    onClick: function () {
-      window.open(message === null || message === void 0 ? void 0 : message.url);
-    },
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-parent-message-info-item__file-message__file-name__text",
-    type: ui_Label.LabelTypography.BODY_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, index.truncateString((message === null || message === void 0 ? void 0 : message.name) || (message === null || message === void 0 ? void 0 : message.url), 30)))), index.isVoiceMessage(message) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-parent-message-info-item__voice-message"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_VoiceMessageItemBody.VoiceMessageItemBody, {
-    className: "sendbird-parent-message-info-item__voice-message__item",
-    message: message,
-    channelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url,
-    isByMe: false,
-    isReactionEnabled: isReactionEnabled
-  })), index.isThumbnailMessage(message) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-parent-message-info-item__thumbnail-message",
-    onClick: function () {
-      if (index.isSentMessage(message)) {
-        showFileViewer(true);
-      }
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
-    className: "sendbird-parent-message-info-item__thumbnail-message__thumbnail",
-    url: thumbnailUrl || (message === null || message === void 0 ? void 0 : message.url) || (message === null || message === void 0 ? void 0 : message.plainUrl),
-    alt: message === null || message === void 0 ? void 0 : message.type,
-    width: "200px",
-    height: "148px",
-    onLoad: function () {
-      setImageRendered(true);
-    },
-    placeHolder: function (style_) {
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "sendbird-parent-message-info-item__thumbnail-message__placeholder",
-        style: style_
-      }, /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "sendbird-parent-message-info-item__thumbnail-message__placeholder__icon"
-      }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-        type: index.isVideoMessage(message) ? ui_Icon.IconTypes.PLAY : ui_Icon.IconTypes.PHOTO,
-        fillColor: ui_Icon.IconColors.ON_BACKGROUND_2,
-        width: "34px",
-        height: "34px"
-      })));
-    }
-  }), index.isVideoMessage(message) && !thumbnailUrl && !isImageRendered && /*#__PURE__*/React__default["default"].createElement("video", {
-    className: "sendbird-parent-message-info-item__thumbnail-message__video"
-  }, /*#__PURE__*/React__default["default"].createElement("source", {
-    src: (message === null || message === void 0 ? void 0 : message.url) || (message === null || message === void 0 ? void 0 : message.plainUrl),
-    type: message === null || message === void 0 ? void 0 : message.type
-  })), /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-parent-message-info-item__thumbnail-message__image-cover"
-  }), (index.isVideoMessage(message) || index.isGifMessage(message)) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-parent-message-info-item__thumbnail-message__icon-wrapper"
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-parent-message-info-item__thumbnail-message__icon-wrapper__icon"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: index.isVideoMessage(message) ? ui_Icon.IconTypes.PLAY : ui_Icon.IconTypes.GIF,
-    fillColor: ui_Icon.IconColors.GRAY,
-    width: "34px",
-    height: "34px"
-  })))), index.getUIKitMessageType(message) === ((_j = index.getUIKitMessageTypes === null || index.getUIKitMessageTypes === void 0 ? void 0 : index.getUIKitMessageTypes()) === null || _j === void 0 ? void 0 : _j.UNKNOWN) && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-parent-message-info-item__unknown-message"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-parent-message-info-item__unknown-message__header",
-    type: ui_Label.LabelTypography.BODY_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-parent-message-info-item__unknown-message__description",
-    type: ui_Label.LabelTypography.BODY_1,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, stringSet.UNKNOWN__CANNOT_READ_MESSAGE)), isReactionActivated && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-parent-message-info__reactions"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_EmojiReactions, {
-    userId: currentUserId,
-    message: message,
-    isByMe: false,
-    emojiContainer: emojiContainer,
-    memberNicknamesMap: nicknamesMap,
-    toggleReaction: toggleReaction
-  })));
-}
-
-module.exports = ParentMessageInfoItem;
-//# sourceMappingURL=ParentMessageInfoItem.js.map

package/dist/cjs/Thread/components/ThreadHeader.js

@@ -1,67 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ui_IconButton = require('../../ui/IconButton.js');
-var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../index-578f0575.js');
-var ui_TextButton = require('../../ui/TextButton.js');
-var LocalizationContext = require('../../LocalizationContext-2fb0be1f.js');
-require('../../tslib.es6-e8acf1b5.js');
-require('prop-types');
-require('../../stringSet-388f679a.js');
-require('../../color-84bbbc0b.js');
-require('../../index-1ec959ab.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function ThreadHeader(_a) {
-  var className = _a.className,
-      channelName = _a.channelName,
-      renderActionIcon = _a.renderActionIcon,
-      onActionIconClick = _a.onActionIconClick,
-      onChannelNameClick = _a.onChannelNameClick;
-  var stringSet = LocalizationContext.useLocalization().stringSet;
-  var MemoizedActionIcon = React.useMemo(function () {
-    if (typeof renderActionIcon === 'function') {
-      return renderActionIcon({
-        onActionIconClick: onActionIconClick
-      });
-    }
-
-    return null;
-  }, [renderActionIcon]);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-thread-header ".concat(className)
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-thread-header__title",
-    type: ui_Label.LabelTypography.H_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, stringSet.THREAD__HEADER_TITLE), /*#__PURE__*/React__default["default"].createElement(ui_TextButton, {
-    onClick: function (e) {
-      return onChannelNameClick(e);
-    },
-    disableUnderline: true
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-thread-header__channel-name",
-    type: ui_Label.LabelTypography.CAPTION_3,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, channelName)), MemoizedActionIcon || /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-thread-header__action"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_IconButton, {
-    width: "32px",
-    height: "32px",
-    onClick: function (e) {
-      return onActionIconClick(e);
-    }
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    type: ui_Icon.IconTypes.CLOSE,
-    fillColor: ui_Icon.IconColors.ON_BACKGROUND_1,
-    width: "22px",
-    height: "22px"
-  }))));
-}
-
-module.exports = ThreadHeader;
-//# sourceMappingURL=ThreadHeader.js.map