@sendbird/uikit-react 3.2.6 → 3.3.0-rc.1

package/cjs/Thread/components/ParentMessageInfo.js

@@ -0,0 +1,366 @@
+'use strict';
+
+var tslib_es6 = require('../../tslib.es6-029d13d0.js');
+var React = require('react');
+var index$1 = require('../../index-858d4ced.js');
+var SendbirdChat = require('@sendbird/chat');
+var RemoveMessageModal = require('../../RemoveMessageModal-22d7e167.js');
+var Thread_components_ParentMessageInfoItem = require('./ParentMessageInfoItem.js');
+var index = require('../../index-c015580f.js');
+var LocalizationContext = require('../../LocalizationContext-68ab5e81.js');
+var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
+var Thread_context = require('../../ThreadProvider-06e039df.js');
+var UserProfileContext = require('../../UserProfileContext-a411f7b7.js');
+var Channel_components_SuggestedMentionList = require('../../Channel/components/SuggestedMentionList.js');
+var ui_Avatar = require('../../ui/Avatar.js');
+var ui_Label = require('../../index-249ae5ae.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-8a65fe1e.js');
+require('../../index-0cab061c.js');
+require('../../ui/Modal.js');
+require('react-dom');
+require('../../index-f31610a5.js');
+require('../../ui/Button.js');
+require('prop-types');
+require('../../stringSet-fd892563.js');
+require('../../ui/Icon.js');
+require('../../ui/IconButton.js');
+require('../../MediaQueryContext-7bd4247a.js');
+require('../../uuid-de38f276.js');
+require('../../ui/Word.js');
+require('../../ui/LinkLabel.js');
+require('../../ui/MentionLabel.js');
+require('../../ui/ImageRenderer.js');
+require('../../ui/TextButton.js');
+require('../../color-4ed3829e.js');
+require('../../ui/EmojiReactions.js');
+require('../../ui/Tooltip.js');
+require('../../ui/TooltipWrapper.js');
+require('../../ui/ReactionBadge.js');
+require('../../ui/ReactionButton.js');
+require('../../utils/message/getOutgoingMessageState.js');
+require('../../withSendbird.js');
+require('../../_rollupPluginBabelHelpers-3886e03a.js');
+require('../context/types.js');
+require('../../topics-6a30e46d.js');
+require('@sendbird/chat/groupChannel');
+require('@sendbird/chat/message');
+require('../../ChannelProvider-0151b6ec.js');
+require('../../compareIds-fc53942c.js');
+require('../../const-d025f0a2.js');
+require('../../ui/SortByRow.js');
+require('../../sendbirdSelectors.js');
+require('../../utils-db6fb27a.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) === SendbirdChat.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 === SendbirdChat.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/cjs/Thread/components/ParentMessageInfo.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ParentMessageInfo.js","sources":["../../../../src/smart-components/Thread/components/ParentMessageInfo/index.tsx"],"sourcesContent":["import React, { useContext, useEffect, useRef, useState } from 'react';\nimport format from 'date-fns/format';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport { Role } from '@sendbird/chat';\n\nimport './index.scss';\nimport RemoveMessage from '../RemoveMessageModal';\nimport ParentMessageInfoItem from './ParentMessageInfoItem';\n\nimport {\n  getSenderName,\n} from '../../../../utils';\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { useThreadContext } from '../../context/ThreadProvider';\nimport { UserProfileContext } from '../../../../lib/UserProfileContext';\nimport SuggestedMentionList from '../../../Channel/components/SuggestedMentionList';\n\nimport Avatar from '../../../../ui/Avatar';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport FileViewer from '../../../../ui/FileViewer';\nimport MessageItemMenu from '../../../../ui/MessageItemMenu';\nimport MessageItemReactionMenu from '../../../../ui/MessageItemReactionMenu';\nimport ContextMenu, { MenuItems } from '../../../../ui/ContextMenu';\nimport ConnectedUserProfile from '../../../../ui/UserProfile';\nimport { UserProfileContextInterface } from '../../../../ui/MessageContent';\nimport MessageInput from '../../../../ui/MessageInput';\nimport { MessageInputKeys } from '../../../../ui/MessageInput/const';\n\nexport interface ParentMessageInfoProps {\n  className?: string;\n}\n\nexport default function ParentMessageInfo({\n  className,\n}: ParentMessageInfoProps): React.ReactElement {\n  const { stores, config } = useSendbirdStateContext();\n  const {\n    isMentionEnabled,\n    isReactionEnabled,\n    replyType,\n    isOnline,\n    userMention,\n  } = config;\n  const userId = stores?.userStore?.user?.userId;\n  const { dateLocale } = useLocalization?.();\n  const {\n    currentChannel,\n    parentMessage,\n    allThreadMessages,\n    emojiContainer,\n    toggleReaction,\n    updateMessage,\n    deleteMessage,\n    onMoveToParentMessage,\n    onHeaderActionClick,\n    isMuted,\n    isChannelFrozen,\n  } = useThreadContext();\n\n  const [showRemove, setShowRemove] = useState(false);\n  const [supposedHover, setSupposedHover] = useState(false);\n  const [showFileViewer, setShowFileViewer] = useState(false);\n  const usingReaction = isReactionEnabled && !currentChannel?.isSuper && !currentChannel?.isBroadcast\n\n  // Edit message\n  const [showEditInput, setShowEditInput] = useState(false);\n  const disabled = !isOnline || isMuted || isChannelFrozen && !(currentChannel?.myRole === Role.OPERATOR);\n\n  // Mention\n  const editMessageInputRef = useRef(null);\n  const [mentionNickname, setMentionNickname] = useState('');\n  const [mentionedUsers, setMentionedUsers] = useState([]);\n  const [mentionedUserIds, setMentionedUserIds] = useState([]);\n  const [messageInputEvent, setMessageInputEvent] = useState(null);\n  const [selectedUser, setSelectedUser] = useState(null);\n  const [mentionSuggestedUsers, setMentionSuggestedUsers] = useState([]);\n  const [ableMention, setAbleMention] = useState(true);\n  const displaySuggestedMentionList = isOnline\n    && isMentionEnabled\n    && mentionNickname.length > 0\n    && !isMuted\n    && !(isChannelFrozen && !(currentChannel.myRole === Role.OPERATOR));\n  useEffect(() => {\n    if (mentionedUsers?.length >= userMention?.maxMentionCount) {\n      setAbleMention(false);\n    } else {\n      setAbleMention(true);\n    }\n  }, [mentionedUsers]);\n  useEffect(() => {\n    setMentionedUsers(mentionedUsers.filter(({ userId }) => {\n      const i = mentionedUserIds.indexOf(userId);\n      if (i < 0) {\n        return false;\n      } else {\n        mentionedUserIds.splice(i, 1);\n        return true;\n      }\n    }));\n  }, [mentionedUserIds]);\n\n  // User Profile\n  const avatarRef = useRef(null);\n  const {\n    disableUserProfile,\n    renderUserProfile,\n  } = useContext<UserProfileContextInterface>(UserProfileContext);\n\n  if (showEditInput && parentMessage?.isUserMessage?.()) {\n    return (\n      <>\n        {\n          displaySuggestedMentionList && (\n            <SuggestedMentionList\n              className=\"parent-message-info--suggested-mention-list\"\n              targetNickname={mentionNickname}\n              inputEvent={messageInputEvent}\n              // renderUserMentionItem={renderUserMentionItem}\n              onUserItemClick={(user) => {\n                if (user) {\n                  setMentionedUsers([...mentionedUsers, user]);\n                }\n                setMentionNickname('');\n                setSelectedUser(user);\n                setMessageInputEvent(null);\n              }}\n              onFocusItemChange={() => {\n                setMessageInputEvent(null);\n              }}\n              onFetchUsers={(users) => {\n                setMentionSuggestedUsers(users);\n              }}\n              ableAddMention={ableMention}\n              maxMentionCount={userMention?.maxMentionCount}\n              maxSuggestionCount={userMention?.maxSuggestionCount}\n            />\n          )\n        }\n        <MessageInput\n          isEdit\n          disabled={disabled}\n          ref={editMessageInputRef}\n          mentionSelectedUser={selectedUser}\n          isMentionEnabled={isMentionEnabled}\n          message={parentMessage}\n          onStartTyping={() => {\n            currentChannel?.startTyping?.();\n          }}\n          onUpdateMessage={({ messageId, message, mentionTemplate }) => {\n            updateMessage({\n              messageId,\n              message,\n              mentionedUsers,\n              mentionTemplate,\n            });\n            setShowEditInput(false);\n            currentChannel?.endTyping?.();\n          }}\n          onCancelEdit={() => {\n            setMentionNickname('');\n            setMentionedUsers([]);\n            setMentionedUserIds([]);\n            setMentionSuggestedUsers([])\n            setShowEditInput(false);\n            currentChannel?.endTyping?.();\n          }}\n          onUserMentioned={(user) => {\n            if (selectedUser?.userId === user?.userId) {\n              setSelectedUser(null);\n              setMentionNickname('');\n            }\n          }}\n          onMentionStringChange={(mentionText) => {\n            setMentionNickname(mentionText);\n          }}\n          onMentionedUserIdsUpdated={(userIds) => {\n            setMentionedUserIds(userIds);\n          }}\n          onKeyDown={(e) => {\n            if (displaySuggestedMentionList && mentionSuggestedUsers?.length > 0\n              && ((e.key === MessageInputKeys.Enter && ableMention) || e.key === MessageInputKeys.ArrowUp || e.key === MessageInputKeys.ArrowDown)\n            ) {\n              setMessageInputEvent(e);\n              return true;\n            }\n            return false;\n          }}\n        />\n      </>\n    );\n  }\n\n  return (\n    <div className={`sendbird-parent-message-info ${className}`}>\n      <ContextMenu\n        menuTrigger={(toggleDropdown) => (\n          <Avatar\n            className=\"sendbird-parent-message-info__sender\"\n            ref={avatarRef}\n            src={\n              currentChannel?.members?.find((m) => m?.userId === parentMessage?.sender?.userId)?.profileUrl\n              || parentMessage?.sender?.profileUrl\n            }\n            alt=\"thread message sender\"\n            width=\"40px\"\n            height=\"40px\"\n            onClick={() => {\n              if (!disableUserProfile) {\n                toggleDropdown();\n              }\n            }}\n          />\n        )}\n        menuItems={(closeDropdown) => (\n          <MenuItems\n            parentRef={avatarRef}\n            parentContainRef={avatarRef}\n            closeDropdown={closeDropdown}\n            style={{ paddingTop: '0px', paddingBottom: '0px' }}\n          >\n            {renderUserProfile\n              ? renderUserProfile({ user: parentMessage?.sender, close: closeDropdown })\n              : (\n                <ConnectedUserProfile\n                  user={parentMessage?.sender}\n                  currentUserId={userId}\n                  onSuccess={closeDropdown}\n                />\n              )}\n          </MenuItems>\n        )}\n      />\n      <div className=\"sendbird-parent-message-info__content\">\n        <div className=\"sendbird-parent-message-info__content__info\">\n          <Label\n            className={`sendbird-parent-message-info__content__info__sender-name${usingReaction ? '--use-reaction' : ''}`}\n            type={LabelTypography.CAPTION_2}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {\n              currentChannel?.members?.find((member) => member?.userId === parentMessage?.sender?.userId)\n                ?.nickname || getSenderName?.(parentMessage as UserMessage | FileMessage)\n            }\n          </Label>\n          <Label\n            className=\"sendbird-parent-message-info__content__info__sent-at\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {format(parentMessage?.createdAt || 0, 'p', { locale: dateLocale })}\n          </Label>\n        </div>\n        {/* message content body */}\n        <ParentMessageInfoItem\n          message={parentMessage}\n          showFileViewer={setShowFileViewer}\n        />\n      </div>\n      {/* context menu */}\n      <MessageItemMenu\n        className={`sendbird-parent-message-info__context-menu ${usingReaction ? 'use-reaction' : ''} ${supposedHover ? 'sendbird-mouse-hover' : ''}`}\n        channel={currentChannel}\n        message={parentMessage}\n        isByMe={userId === parentMessage?.sender?.userId}\n        disableDeleteMessage={allThreadMessages.length > 0}\n        replyType={replyType}\n        showEdit={setShowEditInput}\n        showRemove={setShowRemove}\n        setSupposedHover={setSupposedHover}\n        onMoveToParentMessage={() => {\n          onMoveToParentMessage({ message: parentMessage, channel: currentChannel });\n        }}\n      />\n      {usingReaction && (\n        <MessageItemReactionMenu\n          className={`sendbird-parent-message-info__reaction-menu ${supposedHover ? 'sendbird-mouse-hover' : ''}`}\n          message={parentMessage}\n          userId={userId}\n          emojiContainer={emojiContainer}\n          toggleReaction={toggleReaction}\n          setSupposedHover={setSupposedHover}\n        />\n      )}\n      {showRemove && (\n        <RemoveMessage\n          onCancel={() => setShowRemove(false)}\n          onSubmit={() => {\n            onHeaderActionClick?.();\n          }}\n          message={parentMessage}\n        />\n      )}\n      {showFileViewer && (\n        <FileViewer\n          message={parentMessage as FileMessage}\n          onClose={() => setShowFileViewer(false)}\n          onDelete={() => {\n            deleteMessage(parentMessage)\n              .then(() => {\n                setShowFileViewer(false);\n              });\n          }}\n        />\n      )}\n    </div>\n  );\n}\n"],"names":["ParentMessageInfo","_a","className","_h","useSendbirdStateContext","stores","config","isMentionEnabled","isReactionEnabled","replyType","isOnline","userMention","userId","_c","_b","userStore","user","dateLocale","useLocalization","_j","useThreadContext","currentChannel","parentMessage","allThreadMessages","emojiContainer","toggleReaction","updateMessage","deleteMessage","onMoveToParentMessage","onHeaderActionClick","isMuted","isChannelFrozen","_k","useState","showRemove","setShowRemove","_l","supposedHover","setSupposedHover","_m","showFileViewer","setShowFileViewer","usingReaction","isSuper","isBroadcast","_o","showEditInput","setShowEditInput","disabled","myRole","Role","OPERATOR","editMessageInputRef","useRef","_p","mentionNickname","setMentionNickname","_q","mentionedUsers","setMentionedUsers","_r","mentionedUserIds","setMentionedUserIds","_s","messageInputEvent","setMessageInputEvent","_t","selectedUser","setSelectedUser","_u","mentionSuggestedUsers","setMentionSuggestedUsers","_v","ableMention","setAbleMention","displaySuggestedMentionList","length","useEffect","maxMentionCount","filter","i","indexOf","splice","avatarRef","_w","useContext","UserProfileContext","disableUserProfile","renderUserProfile","_d","isUserMessage","call","React","SuggestedMentionList","__spreadArray","users","maxSuggestionCount","MessageInput","startTyping","messageId","message","mentionTemplate","endTyping","mentionText","userIds","e","key","MessageInputKeys","Enter","ArrowUp","ArrowDown","concat","ContextMenu","toggleDropdown","Avatar","members","find","m","sender","profileUrl","closeDropdown","MenuItems","paddingTop","paddingBottom","close","ConnectedUserProfile","Label","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_2","_f","_e","member","nickname","getSenderName","CAPTION_3","format","createdAt","locale","ParentMessageInfoItem","MessageItemMenu","_g","channel","MessageItemReactionMenu","RemoveMessage","FileViewer","then"],"mappings":"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"}

package/cjs/Thread/components/ParentMessageInfoItem.js

@@ -0,0 +1,203 @@
+'use strict';
+
+var React = require('react');
+var LocalizationContext = require('../../LocalizationContext-68ab5e81.js');
+var index = require('../../index-c015580f.js');
+var uuid = require('../../uuid-de38f276.js');
+var ui_Label = require('../../index-249ae5ae.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-06e039df.js');
+require('../../stringSet-fd892563.js');
+require('../../index-0cab061c.js');
+require('../../tslib.es6-029d13d0.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('../../withSendbird.js');
+require('../../_rollupPluginBabelHelpers-3886e03a.js');
+require('../../UserProfileContext-a411f7b7.js');
+require('../../sendbirdSelectors.js');
+require('../../topics-6a30e46d.js');
+require('../../utils-db6fb27a.js');
+require('../../ui/Avatar.js');
+require('../../ui/Button.js');
+require('../../color-4ed3829e.js');
+require('../../ui/Tooltip.js');
+require('../../ui/TooltipWrapper.js');
+require('../../ui/ReactionBadge.js');
+require('../../ui/ReactionButton.js');
+require('../../index-858d4ced.js');
+require('../context/types.js');
+require('@sendbird/chat');
+require('@sendbird/chat/groupChannel');
+require('@sendbird/chat/message');
+
+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.isFileMessage(message) && !index.isThumbnailMessage(message) && /*#__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.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