@sendbird/uikit-react 3.4.6 → 3.4.7-0

package/Thread/components/ParentMessageInfoItem.js

@@ -1,22 +1,22 @@
 import React__default, { useMemo, useState } from 'react';
-import { u as useLocalization } from '../../LocalizationContext-3d8c0b24.js';
-import { r as isUserMessage, e as isEditedMessage, s as getUIKitMessageType, z as getUIKitMessageTypes, K as getUIKitFileType, t as truncateString, d as isVoiceMessage, n as isThumbnailMessage, u as isSentMessage, q as isVideoMessage, p as isGifMessage } from '../../index-e378ca4e.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-cce0e324.js';
+import { u as useLocalization } from '../../LocalizationContext-9c54e783.js';
+import { r as isUserMessage, e as isEditedMessage, s as getUIKitMessageType, z as getUIKitMessageTypes, K as getUIKitFileType, t as truncateString, d as isVoiceMessage, n as isThumbnailMessage, u as isSentMessage, q as isVideoMessage, p as isGifMessage } from '../../index-dbe0e004.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4111594a.js';
 import ImageRenderer from '../../ui/ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
 import TextButton from '../../ui/TextButton.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import EmojiReactions from '../../ui/EmojiReactions.js';
-import { u as useThreadContext } from '../../ThreadProvider-43c384e9.js';
+import { u as useThreadContext } from '../../ThreadProvider-0a3c5f37.js';
 import { VoiceMessageItemBody } from '../../ui/VoiceMessageItemBody.js';
-import { T as TextFragment } from '../../index-c70af435.js';
-import { t as tokenizeMessage } from '../../tokenize-bd8e35b2.js';
-import '../../stringSet-9d579825.js';
-import '../../index-aaa9b9f8.js';
-import '../../tslib.es6-d6e50ec3.js';
+import { T as TextFragment } from '../../index-8df6bff0.js';
+import { t as tokenizeMessage } from '../../tokenize-63d895d3.js';
+import '../../stringSet-1f18348a.js';
+import '../../index-a9ddd0f5.js';
+import '../../_rollupPluginBabelHelpers-b2d9bfc5.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../../color-73049158.js';
+import '../../color-3bac434a.js';
 import '../../withSendbird.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
@@ -25,53 +25,62 @@ import '../../ui/ReactionButton.js';
 import '../../ui/ContextMenu.js';
 import 'react-dom';
 import '../../ui/SortByRow.js';
-import '../../uuid-86cb48e0.js';
-import '../../index-95b46112.js';
-import '../../UserProfileContext-41938ddc.js';
+import '../../uuid-48baadaf.js';
+import '../../index-f48cfdf7.js';
+import '../../UserProfileContext-a8aa4c0f.js';
 import '../context/types.js';
 import '@sendbird/chat';
-import '../../topics-f9301447.js';
+import '../../topics-d8d10f83.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
-import '../../consts-966c9540.js';
+import '../../consts-c9746f2b.js';
 import '../../ui/ProgressBar.js';
 import '../../VoicePlayer/useVoicePlayer.js';
-import '../../index-fd4fc9f0.js';
+import '../../index-38a78d99.js';
 import '../../VoiceRecorder/context.js';
 import '../../ui/PlaybackTime.js';
 import '../../ui/Loader.js';
-import '../../index.module-e6530c0d.js';
+import '../../index.module-ab8289c1.js';
 import '../../Message/context.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-86d65b96.js';
+import '../../utils-0c09801e.js';
 import '../../ui/Avatar.js';
 import '../../ui/Button.js';
 import '../../ui/LinkLabel.js';
 
-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 = useLocalization().stringSet;
-  var _l = 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;
+function ParentMessageInfoItem(_ref) {
+  var _stores$userStore, _stores$userStore$use, _message$mentionedMes, _message$mentionedUse, _message$reactions, _thumbnails, _thumbnails$, _getUIKitMessageTypes;
+  let {
+    className,
+    message,
+    showFileViewer
+  } = _ref;
+  const {
+    stores,
+    config
+  } = useSendbirdStateContext();
+  const {
+    replyType,
+    isMentionEnabled,
+    isReactionEnabled
+  } = config;
+  const currentUserId = stores === null || stores === void 0 ? void 0 : (_stores$userStore = stores.userStore) === null || _stores$userStore === void 0 ? void 0 : (_stores$userStore$use = _stores$userStore.user) === null || _stores$userStore$use === void 0 ? void 0 : _stores$userStore$use.userId;
+  const {
+    stringSet
+  } = useLocalization();
+  const {
+    currentChannel,
+    emojiContainer,
+    nicknamesMap,
+    toggleReaction
+  } = useThreadContext();
+  const isMentionedMessage = isMentionEnabled && (message === null || message === void 0 ? void 0 : (_message$mentionedMes = message.mentionedMessageTemplate) === null || _message$mentionedMes === void 0 ? void 0 : _message$mentionedMes.length) > 0 && (message === null || message === void 0 ? void 0 : (_message$mentionedUse = message.mentionedUsers) === null || _message$mentionedUse === void 0 ? void 0 : _message$mentionedUse.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;
-  var tokens = useMemo(function () {
+  const isReactionActivated = isReactionEnabled && replyType === 'THREAD' && !(currentChannel !== null && currentChannel !== void 0 && currentChannel.isSuper) && !(currentChannel !== null && currentChannel !== void 0 && currentChannel.isBroadcast) && (message === null || message === void 0 ? void 0 : (_message$reactions = message.reactions) === null || _message$reactions === void 0 ? void 0 : _message$reactions.length) > 0;
+  const tokens = useMemo(() => {
     if (isMentionedMessage) {
       return tokenizeMessage({
         mentionedUsers: message === null || message === void 0 ? void 0 : message.mentionedUsers,
@@ -82,13 +91,12 @@ function ParentMessageInfoItem(_a) {
       messageText: message === null || message === void 0 ? void 0 : message.message
     });
   }, [message === null || message === void 0 ? void 0 : message.updatedAt]);
+
   // Thumbnail mesage
-  var _m = 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 : '';
+  const [isImageRendered, setImageRendered] = useState(false);
+  const thumbnailUrl = (message === null || message === void 0 ? void 0 : (_thumbnails = message.thumbnails) === null || _thumbnails === void 0 ? void 0 : _thumbnails.length) > 0 ? message === null || message === void 0 ? void 0 : (_thumbnails$ = message.thumbnails[0]) === null || _thumbnails$ === void 0 ? void 0 : _thumbnails$.url : '';
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-parent-message-info-item ".concat(className)
+    className: `sendbird-parent-message-info-item ${className}`
   }, isUserMessage(message) && /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-parent-message-info-item__text-message",
     type: LabelTypography.BODY_1,
@@ -99,7 +107,7 @@ function ParentMessageInfoItem(_a) {
     className: "sendbird-parent-message-info-item__text-message edited",
     type: LabelTypography.BODY_1,
     color: LabelColors.ONBACKGROUND_2
-  }, " ".concat(stringSet.MESSAGE_EDITED, " "))), getUIKitMessageType(message) === getUIKitMessageTypes().FILE && /*#__PURE__*/React__default.createElement("div", {
+  }, ` ${stringSet.MESSAGE_EDITED} `)), getUIKitMessageType(message) === getUIKitMessageTypes().FILE && /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-parent-message-info-item__file-message"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-parent-message-info-item__file-message__file-icon"
@@ -117,7 +125,7 @@ function ParentMessageInfoItem(_a) {
     height: "24px"
   })), /*#__PURE__*/React__default.createElement(TextButton, {
     className: "sendbird-parent-message-info-item__file-message__file-name",
-    onClick: function () {
+    onClick: () => {
       window.open(message === null || message === void 0 ? void 0 : message.url);
     },
     color: LabelColors.ONBACKGROUND_1
@@ -135,7 +143,7 @@ function ParentMessageInfoItem(_a) {
     isReactionEnabled: isReactionEnabled
   })), isThumbnailMessage(message) && /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-parent-message-info-item__thumbnail-message",
-    onClick: function () {
+    onClick: () => {
       if (isSentMessage(message)) {
         showFileViewer(true);
       }
@@ -146,22 +154,20 @@ function ParentMessageInfoItem(_a) {
     alt: message === null || message === void 0 ? void 0 : message.type,
     width: "200px",
     height: "148px",
-    onLoad: function () {
+    onLoad: () => {
       setImageRendered(true);
     },
-    placeHolder: function (style_) {
-      return /*#__PURE__*/React__default.createElement("div", {
-        className: "sendbird-parent-message-info-item__thumbnail-message__placeholder",
-        style: style_
-      }, /*#__PURE__*/React__default.createElement("div", {
-        className: "sendbird-parent-message-info-item__thumbnail-message__placeholder__icon"
-      }, /*#__PURE__*/React__default.createElement(Icon, {
-        type: isVideoMessage(message) ? IconTypes.PLAY : IconTypes.PHOTO,
-        fillColor: IconColors.ON_BACKGROUND_2,
-        width: "34px",
-        height: "34px"
-      })));
-    }
+    placeHolder: style_ => /*#__PURE__*/React__default.createElement("div", {
+      className: "sendbird-parent-message-info-item__thumbnail-message__placeholder",
+      style: style_
+    }, /*#__PURE__*/React__default.createElement("div", {
+      className: "sendbird-parent-message-info-item__thumbnail-message__placeholder__icon"
+    }, /*#__PURE__*/React__default.createElement(Icon, {
+      type: isVideoMessage(message) ? IconTypes.PLAY : IconTypes.PHOTO,
+      fillColor: IconColors.ON_BACKGROUND_2,
+      width: "34px",
+      height: "34px"
+    })))
   }), isVideoMessage(message) && !thumbnailUrl && !isImageRendered && /*#__PURE__*/React__default.createElement("video", {
     className: "sendbird-parent-message-info-item__thumbnail-message__video"
   }, /*#__PURE__*/React__default.createElement("source", {
@@ -178,7 +184,7 @@ function ParentMessageInfoItem(_a) {
     fillColor: IconColors.GRAY,
     width: "34px",
     height: "34px"
-  })))), getUIKitMessageType(message) === ((_j = getUIKitMessageTypes === null || getUIKitMessageTypes === void 0 ? void 0 : getUIKitMessageTypes()) === null || _j === void 0 ? void 0 : _j.UNKNOWN) && /*#__PURE__*/React__default.createElement("div", {
+  })))), getUIKitMessageType(message) === (getUIKitMessageTypes === null || getUIKitMessageTypes === void 0 ? void 0 : (_getUIKitMessageTypes = getUIKitMessageTypes()) === null || _getUIKitMessageTypes === void 0 ? void 0 : _getUIKitMessageTypes.UNKNOWN) && /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-parent-message-info-item__unknown-message"
   }, /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-parent-message-info-item__unknown-message__header",

package/Thread/components/ParentMessageInfoItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ParentMessageInfoItem.js","sources":["../../../src/smart-components/Thread/components/ParentMessageInfo/ParentMessageInfoItem.tsx"],"sourcesContent":["import React, { ReactElement, useMemo, useState } from 'react';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport './ParentMessageInfoItem.scss';\n\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport {\n  getUIKitFileType,\n  getUIKitMessageType,\n  getUIKitMessageTypes,\n  isEditedMessage,\n  isVoiceMessage,\n  isGifMessage,\n  // isOGMessage,\n  isSentMessage,\n  isThumbnailMessage,\n  isUserMessage,\n  isVideoMessage,\n  truncateString,\n} from '../../../../utils';\n\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport ImageRenderer from '../../../../ui/ImageRenderer';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport TextButton from '../../../../ui/TextButton';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport EmojiReactions from '../../../../ui/EmojiReactions';\nimport { useThreadContext } from '../../context/ThreadProvider';\nimport VoiceMessageItemBody from '../../../../ui/VoiceMessageItemBody';\nimport TextFragment from '../../../Message/components/TextFragment';\nimport { tokenizeMessage } from '../../../Message/utils/tokens/tokenize';\n\nexport interface ParentMessageInfoItemProps {\n  className?: string;\n  message: UserMessage | FileMessage;\n  showFileViewer?: (bool: boolean) => void;\n}\n\nexport default function ParentMessageInfoItem({\n  className,\n  message,\n  showFileViewer,\n}: ParentMessageInfoItemProps): ReactElement {\n  const { stores, config } = useSendbirdStateContext();\n  const {\n    replyType,\n    isMentionEnabled,\n    isReactionEnabled,\n  } = config;\n  const currentUserId = stores?.userStore?.user?.userId;\n  const { stringSet } = useLocalization();\n  const {\n    currentChannel,\n    emojiContainer,\n    nicknamesMap,\n    toggleReaction,\n  } = useThreadContext();\n\n  const isMentionedMessage = isMentionEnabled\n    && message?.mentionedMessageTemplate?.length > 0\n    && message?.mentionedUsers?.length > 0;\n\n  // Emoji reactions\n  const isReactionActivated = isReactionEnabled\n    && replyType === 'THREAD'\n    && !currentChannel?.isSuper\n    && !currentChannel?.isBroadcast\n    && message?.reactions?.length > 0;\n\n  const tokens = useMemo(() => {\n    if (isMentionedMessage) {\n      return tokenizeMessage({\n        mentionedUsers: message?.mentionedUsers,\n        messageText: message?.mentionedMessageTemplate,\n      });\n    }\n    return tokenizeMessage({\n      messageText: (message as UserMessage)?.message,\n    });\n  }, [message?.updatedAt]);\n\n  // Thumbnail mesage\n  const [isImageRendered, setImageRendered] = useState(false);\n  const thumbnailUrl: string = (message as FileMessage)?.thumbnails?.length > 0\n    ? (message as FileMessage)?.thumbnails[0]?.url : '';\n\n  return (\n    <div className={`sendbird-parent-message-info-item ${className}`}>\n      {isUserMessage(message) && (\n        <Label\n          className=\"sendbird-parent-message-info-item__text-message\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          <TextFragment tokens={tokens} />\n          {isEditedMessage(message) && (\n            <Label\n              className=\"sendbird-parent-message-info-item__text-message edited\"\n              type={LabelTypography.BODY_1}\n              color={LabelColors.ONBACKGROUND_2}\n            >\n              {` ${stringSet.MESSAGE_EDITED} `}\n            </Label>\n          )}\n        </Label>\n      )}\n      {/* Will enable ogMessage after Server support - getMessage including og_tag */}\n      {/* {isOGMessage(message) && (\n        <div\n          className=\"sendbird-parent-message-info-item__og-field\"\n          onClick={openUrl}\n        >\n          <ImageRenderer\n            className=\"sendbird-parent-message-info-item__og-field__thumbnail\"\n            url={message?.ogMetaData?.defaultImage?.url || ''}\n            alt={message?.ogMetaData?.defaultImage?.alt || ''}\n            width=\"200px\"\n            height=\"148px\"\n            defaultComponent={() => (\n              <div className=\"sendbird-parent-message-info-item__og-field__thumbnail__placeholder\">\n                <Icon\n                  className=\"sendbird-parent-message-info-item__og-field__thumbnail__placeholder__icon\"\n                  type={IconTypes.THUMBNAIL_NONE}\n                  fillColor={IconColors.ON_BACKGROUND_2}\n                  width=\"56px\"\n                  height=\"56px\"\n                />\n              </div>\n            )}\n          />\n          <div className=\"sendbird-parent-message-info-item__og-field__content\">\n            {message?.ogMetaData?.title && (\n              <Label\n                className=\"sendbird-parent-message-info-item__og-field__content__title\"\n                type={LabelTypography.SUBTITLE_2}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {message.ogMetaData.title}\n              </Label>\n            )}\n            {message?.ogMetaData?.description && (\n              <Label\n                className=\"sendbird-parent-message-info-item__og-field__content__description\"\n                type={LabelTypography.BODY_2}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {message.ogMetaData.description}\n              </Label>\n            )}\n            {message?.ogMetaData?.url && (\n              <Label\n                className=\"sendbird-parent-message-info-item__og-field__content__url\"\n                type={LabelTypography.CAPTION_3}\n                color={LabelColors.ONBACKGROUND_2}\n              >\n                {message.ogMetaData.url}\n              </Label>\n            )}\n          </div>\n        </div>\n      )} */}\n      {\n        (getUIKitMessageType((message as FileMessage)) === getUIKitMessageTypes().FILE) && (\n          <div className=\"sendbird-parent-message-info-item__file-message\">\n            <div className=\"sendbird-parent-message-info-item__file-message__file-icon\">\n              <Icon\n                className=\"sendbird-parent-message-info-item__file-message__file-icon__icon\"\n                type={{\n                  IMAGE: IconTypes.PHOTO,\n                  VIDEO: IconTypes.PLAY,\n                  AUDIO: IconTypes.FILE_AUDIO,\n                  GIF: IconTypes.GIF,\n                  OTHERS: IconTypes.FILE_DOCUMENT,\n                }[getUIKitFileType((message as FileMessage)?.type)]}\n                fillColor={IconColors.PRIMARY}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            </div>\n            <TextButton\n              className=\"sendbird-parent-message-info-item__file-message__file-name\"\n              onClick={() => { window.open((message as FileMessage)?.url) }}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              <Label\n                className=\"sendbird-parent-message-info-item__file-message__file-name__text\"\n                type={LabelTypography.BODY_1}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {truncateString((message as FileMessage)?.name || (message as FileMessage)?.url, 30)}\n              </Label>\n            </TextButton>\n          </div>\n        )\n      }\n      {\n        isVoiceMessage(message as FileMessage) && (\n          <div className=\"sendbird-parent-message-info-item__voice-message\">\n            <VoiceMessageItemBody\n              className=\"sendbird-parent-message-info-item__voice-message__item\"\n              message={message as FileMessage}\n              channelUrl={currentChannel?.url}\n              isByMe={false}\n              isReactionEnabled={isReactionEnabled}\n            />\n          </div>\n        )\n      }\n      {isThumbnailMessage(message) && (\n        <div\n          className=\"sendbird-parent-message-info-item__thumbnail-message\"\n          onClick={() => {\n            if (isSentMessage(message)) {\n              showFileViewer(true);\n            }\n          }}\n        >\n          <ImageRenderer\n            className=\"sendbird-parent-message-info-item__thumbnail-message__thumbnail\"\n            url={thumbnailUrl || (message as FileMessage)?.url || (message as FileMessage)?.plainUrl}\n            alt={(message as FileMessage)?.type}\n            width=\"200px\"\n            height=\"148px\"\n            onLoad={() => { setImageRendered(true) }}\n            placeHolder={(style_: Record<string, any>) => (\n              <div\n                className=\"sendbird-parent-message-info-item__thumbnail-message__placeholder\"\n                style={style_}\n              >\n                <div className=\"sendbird-parent-message-info-item__thumbnail-message__placeholder__icon\">\n                  <Icon\n                    type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.PHOTO}\n                    fillColor={IconColors.ON_BACKGROUND_2}\n                    width=\"34px\"\n                    height=\"34px\"\n                  />\n                </div>\n              </div>\n            )}\n          />\n          {(isVideoMessage(message) && !thumbnailUrl) && !isImageRendered && (\n            <video className=\"sendbird-parent-message-info-item__thumbnail-message__video\">\n              <source src={(message as FileMessage)?.url || (message as FileMessage)?.plainUrl} type={(message as FileMessage)?.type} />\n            </video>\n          )}\n          <div className=\"sendbird-parent-message-info-item__thumbnail-message__image-cover\" />\n          {(isVideoMessage(message) || isGifMessage(message)) && (\n            <div className=\"sendbird-parent-message-info-item__thumbnail-message__icon-wrapper\">\n              <div className=\"sendbird-parent-message-info-item__thumbnail-message__icon-wrapper__icon\">\n                <Icon\n                  type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.GIF}\n                  fillColor={IconColors.GRAY}\n                  width=\"34px\"\n                  height=\"34px\"\n                />\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n      {getUIKitMessageType(message) === getUIKitMessageTypes?.()?.UNKNOWN && (\n        <div className=\"sendbird-parent-message-info-item__unknown-message\">\n          <Label\n            className=\"sendbird-parent-message-info-item__unknown-message__header\"\n            type={LabelTypography.BODY_1}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE}\n          </Label>\n          <Label\n            className=\"sendbird-parent-message-info-item__unknown-message__description\"\n            type={LabelTypography.BODY_1}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {stringSet.UNKNOWN__CANNOT_READ_MESSAGE}\n          </Label>\n        </div>\n      )}\n\n      {/* reactions */}\n      {isReactionActivated && (\n        <div className=\"sendbird-parent-message-info__reactions\">\n          <EmojiReactions\n            userId={currentUserId}\n            message={message}\n            isByMe={false}\n            emojiContainer={emojiContainer}\n            memberNicknamesMap={nicknamesMap}\n            toggleReaction={toggleReaction}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["ParentMessageInfoItem","_a","className","message","showFileViewer","_k","useSendbirdStateContext","stores","config","replyType","isMentionEnabled","isReactionEnabled","currentUserId","_c","_b","userStore","user","userId","stringSet","useLocalization","_l","useThreadContext","currentChannel","emojiContainer","nicknamesMap","toggleReaction","isMentionedMessage","_d","mentionedMessageTemplate","length","_e","mentionedUsers","isReactionActivated","isSuper","isBroadcast","_f","reactions","tokens","useMemo","tokenizeMessage","messageText","updatedAt","_m","useState","isImageRendered","setImageRendered","thumbnailUrl","_g","thumbnails","_h","url","React","createElement","concat","isUserMessage","Label","type","LabelTypography","BODY_1","color","LabelColors","ONBACKGROUND_1","TextFragment","isEditedMessage","ONBACKGROUND_2","MESSAGE_EDITED","getUIKitMessageType","getUIKitMessageTypes","FILE","Icon","IMAGE","IconTypes","PHOTO","VIDEO","PLAY","AUDIO","FILE_AUDIO","GIF","OTHERS","FILE_DOCUMENT","getUIKitFileType","fillColor","IconColors","PRIMARY","width","height","TextButton","onClick","window","open","truncateString","name","isVoiceMessage","VoiceMessageItemBody","channelUrl","isByMe","isThumbnailMessage","isSentMessage","ImageRenderer","plainUrl","alt","onLoad","placeHolder","style_","style","isVideoMessage","ON_BACKGROUND_2","src","isGifMessage","GRAY","_j","UNKNOWN","UNKNOWN__UNKNOWN_MESSAGE_TYPE","UNKNOWN__CANNOT_READ_MESSAGE","EmojiReactions","memberNicknamesMap"],"mappings":"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"}
+{"version":3,"file":"ParentMessageInfoItem.js","sources":["../../../src/modules/Thread/components/ParentMessageInfo/ParentMessageInfoItem.tsx"],"sourcesContent":["import React, { ReactElement, useMemo, useState } from 'react';\nimport { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport './ParentMessageInfoItem.scss';\n\nimport { useLocalization } from '../../../../lib/LocalizationContext';\nimport {\n  getUIKitFileType,\n  getUIKitMessageType,\n  getUIKitMessageTypes,\n  isEditedMessage,\n  isVoiceMessage,\n  isGifMessage,\n  // isOGMessage,\n  isSentMessage,\n  isThumbnailMessage,\n  isUserMessage,\n  isVideoMessage,\n  truncateString,\n} from '../../../../utils';\n\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport ImageRenderer from '../../../../ui/ImageRenderer';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport TextButton from '../../../../ui/TextButton';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport EmojiReactions from '../../../../ui/EmojiReactions';\nimport { useThreadContext } from '../../context/ThreadProvider';\nimport VoiceMessageItemBody from '../../../../ui/VoiceMessageItemBody';\nimport TextFragment from '../../../Message/components/TextFragment';\nimport { tokenizeMessage } from '../../../Message/utils/tokens/tokenize';\n\nexport interface ParentMessageInfoItemProps {\n  className?: string;\n  message: UserMessage | FileMessage;\n  showFileViewer?: (bool: boolean) => void;\n}\n\nexport default function ParentMessageInfoItem({\n  className,\n  message,\n  showFileViewer,\n}: ParentMessageInfoItemProps): ReactElement {\n  const { stores, config } = useSendbirdStateContext();\n  const {\n    replyType,\n    isMentionEnabled,\n    isReactionEnabled,\n  } = config;\n  const currentUserId = stores?.userStore?.user?.userId;\n  const { stringSet } = useLocalization();\n  const {\n    currentChannel,\n    emojiContainer,\n    nicknamesMap,\n    toggleReaction,\n  } = useThreadContext();\n\n  const isMentionedMessage = isMentionEnabled\n    && message?.mentionedMessageTemplate?.length > 0\n    && message?.mentionedUsers?.length > 0;\n\n  // Emoji reactions\n  const isReactionActivated = isReactionEnabled\n    && replyType === 'THREAD'\n    && !currentChannel?.isSuper\n    && !currentChannel?.isBroadcast\n    && message?.reactions?.length > 0;\n\n  const tokens = useMemo(() => {\n    if (isMentionedMessage) {\n      return tokenizeMessage({\n        mentionedUsers: message?.mentionedUsers,\n        messageText: message?.mentionedMessageTemplate,\n      });\n    }\n    return tokenizeMessage({\n      messageText: (message as UserMessage)?.message,\n    });\n  }, [message?.updatedAt]);\n\n  // Thumbnail mesage\n  const [isImageRendered, setImageRendered] = useState(false);\n  const thumbnailUrl: string = (message as FileMessage)?.thumbnails?.length > 0\n    ? (message as FileMessage)?.thumbnails[0]?.url : '';\n\n  return (\n    <div className={`sendbird-parent-message-info-item ${className}`}>\n      {isUserMessage(message) && (\n        <Label\n          className=\"sendbird-parent-message-info-item__text-message\"\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          <TextFragment tokens={tokens} />\n          {isEditedMessage(message) && (\n            <Label\n              className=\"sendbird-parent-message-info-item__text-message edited\"\n              type={LabelTypography.BODY_1}\n              color={LabelColors.ONBACKGROUND_2}\n            >\n              {` ${stringSet.MESSAGE_EDITED} `}\n            </Label>\n          )}\n        </Label>\n      )}\n      {/* Will enable ogMessage after Server support - getMessage including og_tag */}\n      {/* {isOGMessage(message) && (\n        <div\n          className=\"sendbird-parent-message-info-item__og-field\"\n          onClick={openUrl}\n        >\n          <ImageRenderer\n            className=\"sendbird-parent-message-info-item__og-field__thumbnail\"\n            url={message?.ogMetaData?.defaultImage?.url || ''}\n            alt={message?.ogMetaData?.defaultImage?.alt || ''}\n            width=\"200px\"\n            height=\"148px\"\n            defaultComponent={() => (\n              <div className=\"sendbird-parent-message-info-item__og-field__thumbnail__placeholder\">\n                <Icon\n                  className=\"sendbird-parent-message-info-item__og-field__thumbnail__placeholder__icon\"\n                  type={IconTypes.THUMBNAIL_NONE}\n                  fillColor={IconColors.ON_BACKGROUND_2}\n                  width=\"56px\"\n                  height=\"56px\"\n                />\n              </div>\n            )}\n          />\n          <div className=\"sendbird-parent-message-info-item__og-field__content\">\n            {message?.ogMetaData?.title && (\n              <Label\n                className=\"sendbird-parent-message-info-item__og-field__content__title\"\n                type={LabelTypography.SUBTITLE_2}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {message.ogMetaData.title}\n              </Label>\n            )}\n            {message?.ogMetaData?.description && (\n              <Label\n                className=\"sendbird-parent-message-info-item__og-field__content__description\"\n                type={LabelTypography.BODY_2}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {message.ogMetaData.description}\n              </Label>\n            )}\n            {message?.ogMetaData?.url && (\n              <Label\n                className=\"sendbird-parent-message-info-item__og-field__content__url\"\n                type={LabelTypography.CAPTION_3}\n                color={LabelColors.ONBACKGROUND_2}\n              >\n                {message.ogMetaData.url}\n              </Label>\n            )}\n          </div>\n        </div>\n      )} */}\n      {\n        (getUIKitMessageType((message as FileMessage)) === getUIKitMessageTypes().FILE) && (\n          <div className=\"sendbird-parent-message-info-item__file-message\">\n            <div className=\"sendbird-parent-message-info-item__file-message__file-icon\">\n              <Icon\n                className=\"sendbird-parent-message-info-item__file-message__file-icon__icon\"\n                type={{\n                  IMAGE: IconTypes.PHOTO,\n                  VIDEO: IconTypes.PLAY,\n                  AUDIO: IconTypes.FILE_AUDIO,\n                  GIF: IconTypes.GIF,\n                  OTHERS: IconTypes.FILE_DOCUMENT,\n                }[getUIKitFileType((message as FileMessage)?.type)]}\n                fillColor={IconColors.PRIMARY}\n                width=\"24px\"\n                height=\"24px\"\n              />\n            </div>\n            <TextButton\n              className=\"sendbird-parent-message-info-item__file-message__file-name\"\n              onClick={() => { window.open((message as FileMessage)?.url) }}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              <Label\n                className=\"sendbird-parent-message-info-item__file-message__file-name__text\"\n                type={LabelTypography.BODY_1}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {truncateString((message as FileMessage)?.name || (message as FileMessage)?.url, 30)}\n              </Label>\n            </TextButton>\n          </div>\n        )\n      }\n      {\n        isVoiceMessage(message as FileMessage) && (\n          <div className=\"sendbird-parent-message-info-item__voice-message\">\n            <VoiceMessageItemBody\n              className=\"sendbird-parent-message-info-item__voice-message__item\"\n              message={message as FileMessage}\n              channelUrl={currentChannel?.url}\n              isByMe={false}\n              isReactionEnabled={isReactionEnabled}\n            />\n          </div>\n        )\n      }\n      {isThumbnailMessage(message) && (\n        <div\n          className=\"sendbird-parent-message-info-item__thumbnail-message\"\n          onClick={() => {\n            if (isSentMessage(message)) {\n              showFileViewer(true);\n            }\n          }}\n        >\n          <ImageRenderer\n            className=\"sendbird-parent-message-info-item__thumbnail-message__thumbnail\"\n            url={thumbnailUrl || (message as FileMessage)?.url || (message as FileMessage)?.plainUrl}\n            alt={(message as FileMessage)?.type}\n            width=\"200px\"\n            height=\"148px\"\n            onLoad={() => { setImageRendered(true) }}\n            placeHolder={(style_: Record<string, any>) => (\n              <div\n                className=\"sendbird-parent-message-info-item__thumbnail-message__placeholder\"\n                style={style_}\n              >\n                <div className=\"sendbird-parent-message-info-item__thumbnail-message__placeholder__icon\">\n                  <Icon\n                    type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.PHOTO}\n                    fillColor={IconColors.ON_BACKGROUND_2}\n                    width=\"34px\"\n                    height=\"34px\"\n                  />\n                </div>\n              </div>\n            )}\n          />\n          {(isVideoMessage(message) && !thumbnailUrl) && !isImageRendered && (\n            <video className=\"sendbird-parent-message-info-item__thumbnail-message__video\">\n              <source src={(message as FileMessage)?.url || (message as FileMessage)?.plainUrl} type={(message as FileMessage)?.type} />\n            </video>\n          )}\n          <div className=\"sendbird-parent-message-info-item__thumbnail-message__image-cover\" />\n          {(isVideoMessage(message) || isGifMessage(message)) && (\n            <div className=\"sendbird-parent-message-info-item__thumbnail-message__icon-wrapper\">\n              <div className=\"sendbird-parent-message-info-item__thumbnail-message__icon-wrapper__icon\">\n                <Icon\n                  type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.GIF}\n                  fillColor={IconColors.GRAY}\n                  width=\"34px\"\n                  height=\"34px\"\n                />\n              </div>\n            </div>\n          )}\n        </div>\n      )}\n      {getUIKitMessageType(message) === getUIKitMessageTypes?.()?.UNKNOWN && (\n        <div className=\"sendbird-parent-message-info-item__unknown-message\">\n          <Label\n            className=\"sendbird-parent-message-info-item__unknown-message__header\"\n            type={LabelTypography.BODY_1}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {stringSet.UNKNOWN__UNKNOWN_MESSAGE_TYPE}\n          </Label>\n          <Label\n            className=\"sendbird-parent-message-info-item__unknown-message__description\"\n            type={LabelTypography.BODY_1}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {stringSet.UNKNOWN__CANNOT_READ_MESSAGE}\n          </Label>\n        </div>\n      )}\n\n      {/* reactions */}\n      {isReactionActivated && (\n        <div className=\"sendbird-parent-message-info__reactions\">\n          <EmojiReactions\n            userId={currentUserId}\n            message={message}\n            isByMe={false}\n            emojiContainer={emojiContainer}\n            memberNicknamesMap={nicknamesMap}\n            toggleReaction={toggleReaction}\n          />\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["ParentMessageInfoItem","_ref","_stores$userStore","_stores$userStore$use","_message$mentionedMes","_message$mentionedUse","_message$reactions","_thumbnails","_thumbnails$","_getUIKitMessageTypes","className","message","showFileViewer","stores","config","useSendbirdStateContext","replyType","isMentionEnabled","isReactionEnabled","currentUserId","userStore","user","userId","stringSet","useLocalization","currentChannel","emojiContainer","nicknamesMap","toggleReaction","useThreadContext","isMentionedMessage","mentionedMessageTemplate","length","mentionedUsers","isReactionActivated","isSuper","isBroadcast","reactions","tokens","useMemo","tokenizeMessage","messageText","updatedAt","isImageRendered","setImageRendered","useState","thumbnailUrl","thumbnails","url","React","createElement","isUserMessage","Label","type","LabelTypography","BODY_1","color","LabelColors","ONBACKGROUND_1","TextFragment","isEditedMessage","ONBACKGROUND_2","MESSAGE_EDITED","getUIKitMessageType","getUIKitMessageTypes","FILE","Icon","IMAGE","IconTypes","PHOTO","VIDEO","PLAY","AUDIO","FILE_AUDIO","GIF","OTHERS","FILE_DOCUMENT","getUIKitFileType","fillColor","IconColors","PRIMARY","width","height","TextButton","onClick","window","open","truncateString","name","isVoiceMessage","VoiceMessageItemBody","channelUrl","isByMe","isThumbnailMessage","isSentMessage","ImageRenderer","plainUrl","alt","onLoad","placeHolder","style_","style","isVideoMessage","ON_BACKGROUND_2","src","isGifMessage","GRAY","UNKNOWN","UNKNOWN__UNKNOWN_MESSAGE_TYPE","UNKNOWN__CANNOT_READ_MESSAGE","EmojiReactions","memberNicknamesMap"],"mappings":"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"}

package/Thread/components/ThreadHeader.js

@@ -1,40 +1,42 @@
 import React__default, { useMemo } from 'react';
 import IconButton from '../../ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-cce0e324.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4111594a.js';
 import TextButton from '../../ui/TextButton.js';
-import { u as useLocalization } from '../../LocalizationContext-3d8c0b24.js';
-import '../../tslib.es6-d6e50ec3.js';
+import { u as useLocalization } from '../../LocalizationContext-9c54e783.js';
+import '../../_rollupPluginBabelHelpers-b2d9bfc5.js';
 import 'prop-types';
-import '../../stringSet-9d579825.js';
-import '../../color-73049158.js';
-import '../../index-aaa9b9f8.js';
+import '../../stringSet-1f18348a.js';
+import '../../color-3bac434a.js';
+import '../../index-a9ddd0f5.js';
 
-function ThreadHeader(_a) {
-  var className = _a.className,
-    channelName = _a.channelName,
-    renderActionIcon = _a.renderActionIcon,
-    onActionIconClick = _a.onActionIconClick,
-    onChannelNameClick = _a.onChannelNameClick;
-  var stringSet = useLocalization().stringSet;
-  var MemoizedActionIcon = useMemo(function () {
+function ThreadHeader(_ref) {
+  let {
+    className,
+    channelName,
+    renderActionIcon,
+    onActionIconClick,
+    onChannelNameClick
+  } = _ref;
+  const {
+    stringSet
+  } = useLocalization();
+  const MemoizedActionIcon = useMemo(() => {
     if (typeof renderActionIcon === 'function') {
       return renderActionIcon({
-        onActionIconClick: onActionIconClick
+        onActionIconClick
       });
     }
     return null;
   }, [renderActionIcon]);
   return /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-thread-header ".concat(className)
+    className: `sendbird-thread-header ${className}`
   }, /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-thread-header__title",
     type: LabelTypography.H_2,
     color: LabelColors.ONBACKGROUND_1
   }, stringSet.THREAD__HEADER_TITLE), /*#__PURE__*/React__default.createElement(TextButton, {
-    onClick: function (e) {
-      return onChannelNameClick(e);
-    },
+    onClick: e => onChannelNameClick(e),
     disableUnderline: true
   }, /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-thread-header__channel-name",
@@ -45,9 +47,7 @@ function ThreadHeader(_a) {
   }, /*#__PURE__*/React__default.createElement(IconButton, {
     width: "32px",
     height: "32px",
-    onClick: function (e) {
-      return onActionIconClick(e);
-    }
+    onClick: e => onActionIconClick(e)
   }, /*#__PURE__*/React__default.createElement(Icon, {
     type: IconTypes.CLOSE,
     fillColor: IconColors.ON_BACKGROUND_1,

package/Thread/components/ThreadHeader.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadHeader.js","sources":["../../../src/smart-components/Thread/components/ThreadHeader/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport './index.scss';\n\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport TextButton from '../../../../ui/TextButton';\n\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\ntype EventType = React.MouseEvent<HTMLDivElement | HTMLButtonElement> | React.KeyboardEvent<HTMLDivElement>;\n\nexport interface ThreadHeaderProps {\n  className?: string;\n  channelName: string;\n  renderActionIcon?: (props: { onActionIconClick: (e: EventType) => void }) => React.ReactElement;\n  onActionIconClick?: (e: EventType) => void;\n  onChannelNameClick?: (e: EventType) => void;\n}\n\nexport default function ThreadHeader({\n  className,\n  channelName,\n  renderActionIcon,\n  onActionIconClick,\n  onChannelNameClick,\n}: ThreadHeaderProps): React.ReactElement {\n  const { stringSet } = useLocalization();\n\n  const MemoizedActionIcon = useMemo(() => {\n    if (typeof renderActionIcon === 'function') {\n      return renderActionIcon({ onActionIconClick });\n    }\n    return null;\n  }, [renderActionIcon]);\n  return (\n    <div className={`sendbird-thread-header ${className}`}>\n      <Label\n        className=\"sendbird-thread-header__title\"\n        type={LabelTypography.H_2}\n        color={LabelColors.ONBACKGROUND_1}\n      >\n        {stringSet.THREAD__HEADER_TITLE}\n      </Label>\n      <TextButton\n        onClick={(e) => onChannelNameClick(e)}\n        disableUnderline\n      >\n        <Label\n          className=\"sendbird-thread-header__channel-name\"\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {channelName}\n        </Label>\n      </TextButton>\n      {\n        MemoizedActionIcon || (\n          <div className=\"sendbird-thread-header__action\">\n            <IconButton\n              width=\"32px\"\n              height=\"32px\"\n              onClick={(e) => onActionIconClick(e)}\n            >\n              <Icon\n                type={IconTypes.CLOSE}\n                fillColor={IconColors.ON_BACKGROUND_1}\n                width=\"22px\"\n                height=\"22px\"\n              />\n            </IconButton>\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["ThreadHeader","_a","className","channelName","renderActionIcon","onActionIconClick","onChannelNameClick","stringSet","useLocalization","MemoizedActionIcon","useMemo","React","createElement","concat","Label","type","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","THREAD__HEADER_TITLE","TextButton","onClick","e","disableUnderline","CAPTION_3","ONBACKGROUND_2","IconButton","width","height","Icon","IconTypes","CLOSE","fillColor","IconColors","ON_BACKGROUND_1"],"mappings":";;;;;;;;;;;;AAqBwB,SAAAA,YAAYA,CAACC,EAMjB,EAAA;AALlB,EAAA,IAAAC,SAAS,GAAAD,EAAA,CAAAC,SAAA;IACTC,WAAW,GAAAF,EAAA,CAAAE,WAAA;IACXC,gBAAgB,GAAAH,EAAA,CAAAG,gBAAA;IAChBC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAAA;IACjBC,kBAAkB,GAAAL,EAAA,CAAAK,kBAAA,CAAA;AAEV,EAAA,IAAAC,SAAS,GAAKC,eAAe,EAAE,UAAtB,CAAA;AAEjB,EAAA,IAAMC,kBAAkB,GAAGC,OAAO,CAAC,YAAA;AACjC,IAAA,IAAI,OAAON,gBAAgB,KAAK,UAAU,EAAE;AAC1C,MAAA,OAAOA,gBAAgB,CAAC;AAAEC,QAAAA,iBAAiB,EAAAA,iBAAAA;AAAA,OAAE,CAAC,CAAA;AAC/C,KAAA;AACD,IAAA,OAAO,IAAI,CAAA;AACb,GAAC,EAAE,CAACD,gBAAgB,CAAC,CAAC,CAAA;EACtB,oBACEO,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKV,IAAAA,SAAS,EAAE,yBAA0B,CAAAW,MAAA,CAAAX,SAAS,CAAA;AAAG,GAAA,eACpDS,cAAA,CAAAC,aAAA,CAACE,KAAK,EAAA;AACJZ,IAAAA,SAAS,EAAC,+BAA+B;IACzCa,IAAI,EAAEC,eAAe,CAACC,GAAI;IAC1BC,KAAK,EAAEC,WAAW,CAACC,cAAAA;GAElBb,EAAAA,SAAS,CAACc,oBAAoB,CAEjC,eAAAV,cAAA,CAAAC,aAAA,CAACU,UAAU,EAAA;AACTC,IAAAA,OAAO,EAAE,UAACC,CAAC,EAAK;MAAA,OAAAlB,kBAAkB,CAACkB,CAAC,CAAC,CAAA;KAAC;IACtCC,gBAAgB,EAAA,IAAA;AAAA,GAAA,eAEhBd,cAAA,CAAAC,aAAA,CAACE,KAAK,EAAA;AACJZ,IAAAA,SAAS,EAAC,sCAAsC;IAChDa,IAAI,EAAEC,eAAe,CAACU,SAAU;IAChCR,KAAK,EAAEC,WAAW,CAACQ,cAAAA;GAElBxB,EAAAA,WAAW,CAEhB,CACA,EACEM,kBAAkB,iBAChBE,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKV,IAAAA,SAAS,EAAC,gCAAA;AAAgC,GAAA,eAC7CS,cAAA,CAAAC,aAAA,CAACgB,UAAU,EAAA;AACTC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAM;AACbP,IAAAA,OAAO,EAAE,UAACC,CAAC,EAAK;MAAA,OAAAnB,iBAAiB,CAACmB,CAAC,CAAC,CAAA;AAApB,KAAA;AAAqB,GAAA,eAErCb,cAAA,CAAAC,aAAA,CAACmB,IAAI,EAAA;IACHhB,IAAI,EAAEiB,SAAS,CAACC,KAAM;IACtBC,SAAS,EAAEC,UAAU,CAACC,eAAgB;AACtCP,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;GAEX,CAAA,CACF,CACD,CAEC,CAAA;AAEV;;;;"}
+{"version":3,"file":"ThreadHeader.js","sources":["../../../src/modules/Thread/components/ThreadHeader/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\n\nimport './index.scss';\n\nimport IconButton from '../../../../ui/IconButton';\nimport Icon, { IconTypes, IconColors } from '../../../../ui/Icon';\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport TextButton from '../../../../ui/TextButton';\n\nimport { useLocalization } from '../../../../lib/LocalizationContext';\n\ntype EventType = React.MouseEvent<HTMLDivElement | HTMLButtonElement> | React.KeyboardEvent<HTMLDivElement>;\n\nexport interface ThreadHeaderProps {\n  className?: string;\n  channelName: string;\n  renderActionIcon?: (props: { onActionIconClick: (e: EventType) => void }) => React.ReactElement;\n  onActionIconClick?: (e: EventType) => void;\n  onChannelNameClick?: (e: EventType) => void;\n}\n\nexport default function ThreadHeader({\n  className,\n  channelName,\n  renderActionIcon,\n  onActionIconClick,\n  onChannelNameClick,\n}: ThreadHeaderProps): React.ReactElement {\n  const { stringSet } = useLocalization();\n\n  const MemoizedActionIcon = useMemo(() => {\n    if (typeof renderActionIcon === 'function') {\n      return renderActionIcon({ onActionIconClick });\n    }\n    return null;\n  }, [renderActionIcon]);\n  return (\n    <div className={`sendbird-thread-header ${className}`}>\n      <Label\n        className=\"sendbird-thread-header__title\"\n        type={LabelTypography.H_2}\n        color={LabelColors.ONBACKGROUND_1}\n      >\n        {stringSet.THREAD__HEADER_TITLE}\n      </Label>\n      <TextButton\n        onClick={(e) => onChannelNameClick(e)}\n        disableUnderline\n      >\n        <Label\n          className=\"sendbird-thread-header__channel-name\"\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {channelName}\n        </Label>\n      </TextButton>\n      {\n        MemoizedActionIcon || (\n          <div className=\"sendbird-thread-header__action\">\n            <IconButton\n              width=\"32px\"\n              height=\"32px\"\n              onClick={(e) => onActionIconClick(e)}\n            >\n              <Icon\n                type={IconTypes.CLOSE}\n                fillColor={IconColors.ON_BACKGROUND_1}\n                width=\"22px\"\n                height=\"22px\"\n              />\n            </IconButton>\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["ThreadHeader","_ref","className","channelName","renderActionIcon","onActionIconClick","onChannelNameClick","stringSet","useLocalization","MemoizedActionIcon","useMemo","React","createElement","Label","type","LabelTypography","H_2","color","LabelColors","ONBACKGROUND_1","THREAD__HEADER_TITLE","TextButton","onClick","e","disableUnderline","CAPTION_3","ONBACKGROUND_2","IconButton","width","height","Icon","IconTypes","CLOSE","fillColor","IconColors","ON_BACKGROUND_1"],"mappings":";;;;;;;;;;;;AAqBe,SAASA,YAAYA,CAAAC,IAAA,EAMM;EAAA,IANL;IACnCC,SAAS;IACTC,WAAW;IACXC,gBAAgB;IAChBC,iBAAiB;AACjBC,IAAAA,kBAAAA;AACiB,GAAC,GAAAL,IAAA,CAAA;EAClB,MAAM;AAAEM,IAAAA,SAAAA;GAAW,GAAGC,eAAe,EAAE,CAAA;AAEvC,EAAA,MAAMC,kBAAkB,GAAGC,OAAO,CAAC,MAAM;AACvC,IAAA,IAAI,OAAON,gBAAgB,KAAK,UAAU,EAAE;AAC1C,MAAA,OAAOA,gBAAgB,CAAC;AAAEC,QAAAA,iBAAAA;AAAkB,OAAC,CAAC,CAAA;AAChD,KAAA;AACA,IAAA,OAAO,IAAI,CAAA;AACb,GAAC,EAAE,CAACD,gBAAgB,CAAC,CAAC,CAAA;EACtB,oBACEO,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKV,SAAS,EAAG,0BAAyBA,SAAU,CAAA,CAAA;AAAE,GAAA,eACpDS,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AACJX,IAAAA,SAAS,EAAC,+BAA+B;IACzCY,IAAI,EAAEC,eAAe,CAACC,GAAI;IAC1BC,KAAK,EAAEC,WAAW,CAACC,cAAAA;GAElBZ,EAAAA,SAAS,CAACa,oBACN,CAAC,eACRT,cAAA,CAAAC,aAAA,CAACS,UAAU,EAAA;AACTC,IAAAA,OAAO,EAAGC,CAAC,IAAKjB,kBAAkB,CAACiB,CAAC,CAAE;IACtCC,gBAAgB,EAAA,IAAA;AAAA,GAAA,eAEhBb,cAAA,CAAAC,aAAA,CAACC,KAAK,EAAA;AACJX,IAAAA,SAAS,EAAC,sCAAsC;IAChDY,IAAI,EAAEC,eAAe,CAACU,SAAU;IAChCR,KAAK,EAAEC,WAAW,CAACQ,cAAAA;GAElBvB,EAAAA,WACI,CACG,CAAC,EAEXM,kBAAkB,iBAChBE,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKV,IAAAA,SAAS,EAAC,gCAAA;AAAgC,GAAA,eAC7CS,cAAA,CAAAC,aAAA,CAACe,UAAU,EAAA;AACTC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAM;AACbP,IAAAA,OAAO,EAAGC,CAAC,IAAKlB,iBAAiB,CAACkB,CAAC,CAAA;AAAE,GAAA,eAErCZ,cAAA,CAAAC,aAAA,CAACkB,IAAI,EAAA;IACHhB,IAAI,EAAEiB,SAAS,CAACC,KAAM;IACtBC,SAAS,EAAEC,UAAU,CAACC,eAAgB;AACtCP,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;GACR,CACS,CACT,CAGN,CAAC,CAAA;AAEV;;;;"}