@sendbird/uikit-react 3.4.5 → 3.4.6-0

package/cjs/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","concat","isUserMessage","Label","LabelTypography","BODY_1","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","type","IconColors","PRIMARY","TextButton","window","open","truncateString","name","isVoiceMessage","VoiceMessageItemBody","isThumbnailMessage","isSentMessage","ImageRenderer","plainUrl","style_","isVideoMessage","ON_BACKGROUND_2","isGifMessage","GRAY","_j","UNKNOWN","UNKNOWN__UNKNOWN_MESSAGE_TYPE","UNKNOWN__CANNOT_READ_MESSAGE","EmojiReactions"],"mappings":"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"}
+{"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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"}

package/cjs/Thread/components/ThreadHeader.js

@@ -3,14 +3,14 @@
 var React = require('react');
 var ui_IconButton = require('../../ui/IconButton.js');
 var ui_Icon = require('../../ui/Icon.js');
-var ui_Label = require('../../index-26a1e861.js');
+var ui_Label = require('../../index-0e43cd69.js');
 var ui_TextButton = require('../../ui/TextButton.js');
-var LocalizationContext = require('../../LocalizationContext-01fceac0.js');
-require('../../tslib.es6-ee1122c5.js');
+var LocalizationContext = require('../../LocalizationContext-e4a874cf.js');
+require('../../tslib.es6-67bdb021.js');
 require('prop-types');
-require('../../stringSet-7330b627.js');
-require('../../color-8f9fe57f.js');
-require('../../index-7c5d21c4.js');
+require('../../stringSet-76f7df68.js');
+require('../../color-168c1d53.js');
+require('../../index-903c0f93.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -18,10 +18,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function ThreadHeader(_a) {
   var className = _a.className,
-      channelName = _a.channelName,
-      renderActionIcon = _a.renderActionIcon,
-      onActionIconClick = _a.onActionIconClick,
-      onChannelNameClick = _a.onChannelNameClick;
+    channelName = _a.channelName,
+    renderActionIcon = _a.renderActionIcon,
+    onActionIconClick = _a.onActionIconClick,
+    onChannelNameClick = _a.onChannelNameClick;
   var stringSet = LocalizationContext.useLocalization().stringSet;
   var MemoizedActionIcon = React.useMemo(function () {
     if (typeof renderActionIcon === 'function') {
@@ -29,7 +29,6 @@ function ThreadHeader(_a) {
         onActionIconClick: onActionIconClick
       });
     }
-
     return null;
   }, [renderActionIcon]);
   return /*#__PURE__*/React__default["default"].createElement("div", {

package/cjs/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","concat","Label","LabelTypography","H_2","LabelColors","ONBACKGROUND_1","THREAD__HEADER_TITLE","TextButton","e","CAPTION_3","ONBACKGROUND_2","IconButton","Icon","IconTypes","CLOSE","IconColors","ON_BACKGROUND_1"],"mappings":";;;;;;;;;;;;;;;;;;AAqBwB,SAAAA,YAAA,CAAaC,EAAb,EAMJ;AALlB,EAAA,IAAAC,SAAS,GAAAD,EAAA,CAAAC,SAAT;AAAA,MACAC,WAAW,GAAAF,EAAA,CAAAE,WADX;AAAA,MAEAC,gBAAgB,GAAAH,EAAA,CAAAG,gBAFhB;AAAA,MAGAC,iBAAiB,GAAAJ,EAAA,CAAAI,iBAHjB;AAAA,MAIAC,kBAAkB,GAAAL,EAAA,CAAAK,kBAJlB,CAAA;AAMQ,EAAA,IAAAC,SAAS,GAAKC,mCAAe,EAAA,UAA7B,CAAA;AAER,EAAA,IAAMC,kBAAkB,GAAGC,aAAO,CAAC,YAAA;AACjC,IAAA,IAAI,OAAON,gBAAP,KAA4B,UAAhC,EAA4C;AAC1C,MAAA,OAAOA,gBAAgB,CAAC;AAAEC,QAAAA,iBAAiB,EAAAA,iBAAAA;AAAnB,OAAD,CAAvB,CAAA;AACD,KAAA;;AACD,IAAA,OAAO,IAAP,CAAA;AACD,GALiC,EAK/B,CAACD,gBAAD,CAL+B,CAAlC,CAAA;EAMA,oBACEO,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAE,yBAAA,CAA0BC,MAA1B,CAA0BV,SAA1B,CAAA;AAAhB,GAAA,eACES,wCAACE,cAAD,EAAA;AACE,IAAA,SAAS,EAAC,+BADZ;IAEE,IAAI,EAAEC,wBAAe,CAACC,GAFxB;IAGE,KAAK,EAAEC,oBAAW,CAACC,cAAAA;AAHrB,GAAA,EAKGV,SAAS,CAACW,oBALb,CADF,eAQEP,wCAACQ,aAAD,EAAA;IACE,OAAO,EAAE,UAACC,CAAD,EAAO;MAAA,OAAAd,kBAAkB,CAACc,CAAD,CAAlB,CAAA;KADlB;IAEE,gBAAgB,EAAA,IAAA;AAFlB,GAAA,eAIET,wCAACE,cAAD,EAAA;AACE,IAAA,SAAS,EAAC,sCADZ;IAEE,IAAI,EAAEC,wBAAe,CAACO,SAFxB;IAGE,KAAK,EAAEL,oBAAW,CAACM,cAAAA;AAHrB,GAAA,EAKGnB,WALH,CAJF,CARF,EAqBIM,kBAAkB,iBAChBE,yBAAA,CAAA,aAAA,CAAA,KAAA,EAAA;AAAK,IAAA,SAAS,EAAC,gCAAA;AAAf,GAAA,eACEA,wCAACY,aAAD,EAAA;AACE,IAAA,KAAK,EAAC,MADR;AAEE,IAAA,MAAM,EAAC,MAFT;IAGE,OAAO,EAAE,UAACH,CAAD,EAAO;MAAA,OAAAf,iBAAiB,CAACe,CAAD,CAAjB,CAAA;AAAoB,KAAA;AAHtC,GAAA,eAKET,wCAACa,kBAAD,EAAA;IACE,IAAI,EAAEC,iBAAS,CAACC,KADlB;IAEE,SAAS,EAAEC,kBAAU,CAACC,eAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC,MAAA;GATX,CAAA,CADF,CAtBN,CADF,CAAA;AAyCD;;;;"}
+{"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,mCAAe,EAAE,UAAtB,CAAA;AAEjB,EAAA,IAAMC,kBAAkB,GAAGC,aAAO,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,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKV,IAAAA,SAAS,EAAE,yBAA0B,CAAAW,MAAA,CAAAX,SAAS,CAAA;AAAG,GAAA,eACpDS,yBAAA,CAAAC,aAAA,CAACE,cAAK,EAAA;AACJZ,IAAAA,SAAS,EAAC,+BAA+B;IACzCa,IAAI,EAAEC,wBAAe,CAACC,GAAI;IAC1BC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;GAElBb,EAAAA,SAAS,CAACc,oBAAoB,CAEjC,eAAAV,yBAAA,CAAAC,aAAA,CAACU,aAAU,EAAA;AACTC,IAAAA,OAAO,EAAE,UAACC,CAAC,EAAK;MAAA,OAAAlB,kBAAkB,CAACkB,CAAC,CAAC,CAAA;KAAC;IACtCC,gBAAgB,EAAA,IAAA;AAAA,GAAA,eAEhBd,yBAAA,CAAAC,aAAA,CAACE,cAAK,EAAA;AACJZ,IAAAA,SAAS,EAAC,sCAAsC;IAChDa,IAAI,EAAEC,wBAAe,CAACU,SAAU;IAChCR,KAAK,EAAEC,oBAAW,CAACQ,cAAAA;GAElBxB,EAAAA,WAAW,CAEhB,CACA,EACEM,kBAAkB,iBAChBE,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKV,IAAAA,SAAS,EAAC,gCAAA;AAAgC,GAAA,eAC7CS,yBAAA,CAAAC,aAAA,CAACgB,aAAU,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,yBAAA,CAAAC,aAAA,CAACmB,kBAAI,EAAA;IACHhB,IAAI,EAAEiB,iBAAS,CAACC,KAAM;IACtBC,SAAS,EAAEC,kBAAU,CAACC,eAAgB;AACtCP,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;GAEX,CAAA,CACF,CACD,CAEC,CAAA;AAEV;;;;"}

package/cjs/Thread/components/ThreadList.js

@@ -2,72 +2,72 @@
 
 var React = require('react');
 var Thread_components_ThreadListItem = require('./ThreadListItem.js');
-var Thread_context = require('../../ThreadProvider-12784adf.js');
+var Thread_context = require('../../ThreadProvider-572d67c0.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var dateFns = require('date-fns');
 var Message_context = require('../../Message/context.js');
-require('../../tslib.es6-ee1122c5.js');
-require('../../index-959a4ab1.js');
-require('../../index-7c5d21c4.js');
-require('../../LocalizationContext-01fceac0.js');
-require('../../stringSet-7330b627.js');
+require('../../tslib.es6-67bdb021.js');
+require('../../index-f2d71843.js');
+require('../../index-903c0f93.js');
+require('../../LocalizationContext-e4a874cf.js');
+require('../../stringSet-76f7df68.js');
 require('../../ui/DateSeparator.js');
-require('../../color-8f9fe57f.js');
-require('../../index-26a1e861.js');
+require('../../color-168c1d53.js');
+require('../../index-0e43cd69.js');
 require('prop-types');
-require('../../RemoveMessageModal-31ff9edc.js');
+require('../../RemoveMessageModal-21a7c6ac.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-36aaf992.js');
+require('../../index-813deccc.js');
 require('../../ui/Button.js');
 require('../../ui/Icon.js');
 require('../../ui/IconButton.js');
-require('../../MediaQueryContext-4978c777.js');
+require('../../MediaQueryContext-fcd92c17.js');
 require('../../ui/FileViewer.js');
-require('../../index-72fd0294.js');
+require('../../index-5075f3b2.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-26b61f16.js');
+require('../../uuid-f23c161c.js');
 require('../../Channel/components/SuggestedMentionList.js');
-require('../../ChannelProvider-af0b997c.js');
-require('../../UserProfileContext-c4642438.js');
-require('../../topics-7547922a.js');
-require('../../_rollupPluginBabelHelpers-994cd1da.js');
-require('../../compareIds-b77b66f3.js');
-require('../../const-e03cb4c1.js');
+require('../../ChannelProvider-473548f7.js');
+require('../../UserProfileContext-ce0c283c.js');
+require('../../topics-f70c5e0f.js');
+require('../../_rollupPluginBabelHelpers-6ab4baac.js');
+require('../../compareIds-441b4983.js');
+require('../../const-0273bf9e.js');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/message');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
 require('../../ui/ReactionButton.js');
-require('../../consts-69fc20be.js');
-require('../../const-35f8be84.js');
+require('../../consts-b8c0be49.js');
+require('../../const-cf4cec6a.js');
 require('../../withSendbird.js');
 require('../context/types.js');
 require('@sendbird/chat');
 require('../../ui/MessageInput.js');
 require('dompurify');
-require('../../consts-b29bd4d5.js');
-require('../../consts-aabb33e0.js');
-require('../../consts-956b1221.js');
-require('../../tokenize-a5a20ef3.js');
+require('../../consts-2e23914f.js');
+require('../../consts-e193b1b8.js');
+require('../../consts-472d9347.js');
+require('../../tokenize-5071d1a6.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-5ca88bb6.js');
+require('../../utils-fdfc9b0a.js');
 require('../../ui/MessageItemMenu.js');
-require('../../types-7daeb4a1.js');
+require('../../types-43ef9367.js');
 require('../../ui/MessageItemReactionMenu.js');
-require('../../index-aa908fcf.js');
+require('../../index-4894fc55.js');
 require('../../ui/Loader.js');
-require('../../index-e3f00fd1.js');
-require('../../index-1f02e60f.js');
+require('../../index-44341b78.js');
+require('../../index-47105c4f.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/TextMessageItemBody.js');
-require('../../index-603c2a7c.js');
+require('../../index-3a7584a0.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/OGMessageItemBody.js');
@@ -78,7 +78,7 @@ require('../../ui/UnknownMessageItemBody.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-c825cf5b.js');
+require('../../index-ba9683ca.js');
 require('../../VoiceRecorder/context.js');
 require('../../lame.all.js');
 require('../../ui/PlaybackTime.js');
@@ -89,22 +89,21 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function ThreadList(_a) {
   var className = _a.className,
-      allThreadMessages = _a.allThreadMessages,
-      renderMessage = _a.renderMessage,
-      renderCustomSeparator = _a.renderCustomSeparator,
-      scrollRef = _a.scrollRef,
-      scrollBottom = _a.scrollBottom;
+    allThreadMessages = _a.allThreadMessages,
+    renderMessage = _a.renderMessage,
+    renderCustomSeparator = _a.renderCustomSeparator,
+    scrollRef = _a.scrollRef,
+    scrollBottom = _a.scrollBottom;
   var config = useSendbirdStateContext().config;
   var replyType = config.replyType,
-      userId = config.userId;
+    userId = config.userId;
   var currentChannel = Thread_context.useThreadContext().currentChannel;
   var MemorizedMessage = React.useMemo(function () {
     return function (_a) {
       var message = _a.message,
-          chainTop = _a.chainTop,
-          chainBottom = _a.chainBottom,
-          hasSeparator = _a.hasSeparator;
-
+        chainTop = _a.chainTop,
+        chainBottom = _a.chainBottom,
+        hasSeparator = _a.hasSeparator;
       if (typeof renderMessage === 'function') {
         return renderMessage({
           message: message,
@@ -113,7 +112,6 @@ function ThreadList(_a) {
           hasSeparator: hasSeparator
         });
       }
-
       return null;
     };
   }, [renderMessage]);
@@ -121,29 +119,22 @@ function ThreadList(_a) {
     className: "sendbird-thread-list ".concat(className)
   }, allThreadMessages.map(function (message, idx) {
     var _a;
-
     var isByMe = ((_a = message === null || message === void 0 ? void 0 : message.sender) === null || _a === void 0 ? void 0 : _a.userId) === userId;
     var prevMessage = allThreadMessages[idx - 1];
     var nextMessage = allThreadMessages[idx + 1];
-
     var _b = Thread_context.compareMessagesForGrouping(prevMessage, message, nextMessage, currentChannel, replyType) ,
-        chainTop = _b[0],
-        chainBottom = _b[1];
-
+      chainTop = _b[0],
+      chainBottom = _b[1];
     var hasSeparator = !((prevMessage === null || prevMessage === void 0 ? void 0 : prevMessage.createdAt) > 0 && dateFns.isSameDay(message === null || message === void 0 ? void 0 : message.createdAt, prevMessage === null || prevMessage === void 0 ? void 0 : prevMessage.createdAt));
-
     var handleScroll = function () {
       var current = scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current;
-
       if (current) {
         var bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;
-
         if (scrollBottom < bottom) {
           current.scrollTop += bottom - scrollBottom;
         }
       }
     };
-
     return /*#__PURE__*/React__default["default"].createElement(Message_context.MessageProvider, {
       message: message,
       isByMe: isByMe,

package/cjs/Thread/components/ThreadList.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThreadList.js","sources":["../../../../src/smart-components/Thread/components/ThreadList/index.tsx"],"sourcesContent":["import React, { RefObject, useMemo } from 'react';\nimport { BaseMessage, FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport './index.scss';\nimport ThreadListItem from './ThreadListItem';\nimport { useThreadContext } from '../../context/ThreadProvider';\nimport { compareMessagesForGrouping } from '../../context/utils';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { isSameDay } from 'date-fns';\nimport { MessageProvider } from '../../../Message/context/MessageProvider';\n\nexport interface ThreadListProps {\n  className?: string;\n  allThreadMessages: Array<UserMessage | FileMessage | BaseMessage>;\n  renderMessage?: (props: {\n    message: UserMessage | FileMessage,\n    chainTop: boolean,\n    chainBottom: boolean,\n    hasSeparator: boolean,\n  }) => React.ReactElement;\n  renderCustomSeparator?: (props: { message: UserMessage | FileMessage }) => React.ReactElement;\n  scrollRef?: RefObject<HTMLDivElement>;\n  scrollBottom?: number;\n}\n\nexport default function ThreadList({\n  className,\n  allThreadMessages,\n  renderMessage,\n  renderCustomSeparator,\n  scrollRef,\n  scrollBottom,\n}: ThreadListProps): React.ReactElement {\n  const { config } = useSendbirdStateContext();\n  const { replyType, userId } = config;\n  const {\n    currentChannel,\n  } = useThreadContext();\n\n  const MemorizedMessage = useMemo(() => ({\n    message,\n    chainTop,\n    chainBottom,\n    hasSeparator,\n  }) => {\n\n    if (typeof renderMessage === 'function') {\n      return renderMessage({\n        message: message as UserMessage | FileMessage,\n        chainTop,\n        chainBottom,\n        hasSeparator,\n      });\n    }\n    return null;\n  }, [renderMessage]);\n\n  return (\n    <div className={`sendbird-thread-list ${className}`}>\n      {allThreadMessages.map((message, idx) => {\n        const isByMe = (message as UserMessage)?.sender?.userId === userId;\n        const prevMessage = allThreadMessages[idx - 1];\n        const nextMessage = allThreadMessages[idx + 1];\n        const [chainTop, chainBottom] = true// isMessageGroupingEnabled\n          ? compareMessagesForGrouping(\n            prevMessage as UserMessage | FileMessage,\n            message as UserMessage | FileMessage,\n            nextMessage as UserMessage | FileMessage,\n            currentChannel,\n            replyType,\n          )\n          : [false, false];\n        const hasSeparator = !(prevMessage?.createdAt > 0 && (\n          isSameDay(message?.createdAt, prevMessage?.createdAt)\n        ));\n\n        const handleScroll = () => {\n          const current = scrollRef?.current;\n          if (current) {\n            const bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;\n            if (scrollBottom < bottom) {\n              current.scrollTop += bottom - scrollBottom;\n            }\n          }\n        };\n\n        return(\n          <MessageProvider message={message} isByMe={isByMe} key={message?.messageId}>\n            {\n              MemorizedMessage({\n                message,\n                chainTop,\n                chainBottom,\n                hasSeparator,\n              }) || (\n                <ThreadListItem\n                  message={message as UserMessage | FileMessage}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                  hasSeparator={hasSeparator}\n                  renderCustomSeparator={renderCustomSeparator}\n                  handleScroll={handleScroll}\n                />\n              )\n            }\n          </MessageProvider>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["ThreadList","_a","className","allThreadMessages","renderMessage","renderCustomSeparator","scrollRef","scrollBottom","config","useSendbirdStateContext","replyType","userId","currentChannel","useThreadContext","MemorizedMessage","useMemo","message","chainTop","chainBottom","hasSeparator","React","concat","map","idx","isByMe","sender","prevMessage","nextMessage","_b","compareMessagesForGrouping","createdAt","isSameDay","handleScroll","current","bottom","scrollHeight","scrollTop","offsetHeight","MessageProvider","messageId","ThreadListItem"],"mappings":"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"}
+{"version":3,"file":"ThreadList.js","sources":["../../../../src/smart-components/Thread/components/ThreadList/index.tsx"],"sourcesContent":["import React, { RefObject, useMemo } from 'react';\nimport { BaseMessage, FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport './index.scss';\nimport ThreadListItem from './ThreadListItem';\nimport { useThreadContext } from '../../context/ThreadProvider';\nimport { compareMessagesForGrouping } from '../../context/utils';\nimport useSendbirdStateContext from '../../../../hooks/useSendbirdStateContext';\nimport { isSameDay } from 'date-fns';\nimport { MessageProvider } from '../../../Message/context/MessageProvider';\n\nexport interface ThreadListProps {\n  className?: string;\n  allThreadMessages: Array<UserMessage | FileMessage | BaseMessage>;\n  renderMessage?: (props: {\n    message: UserMessage | FileMessage,\n    chainTop: boolean,\n    chainBottom: boolean,\n    hasSeparator: boolean,\n  }) => React.ReactElement;\n  renderCustomSeparator?: (props: { message: UserMessage | FileMessage }) => React.ReactElement;\n  scrollRef?: RefObject<HTMLDivElement>;\n  scrollBottom?: number;\n}\n\nexport default function ThreadList({\n  className,\n  allThreadMessages,\n  renderMessage,\n  renderCustomSeparator,\n  scrollRef,\n  scrollBottom,\n}: ThreadListProps): React.ReactElement {\n  const { config } = useSendbirdStateContext();\n  const { replyType, userId } = config;\n  const {\n    currentChannel,\n  } = useThreadContext();\n\n  const MemorizedMessage = useMemo(() => ({\n    message,\n    chainTop,\n    chainBottom,\n    hasSeparator,\n  }) => {\n\n    if (typeof renderMessage === 'function') {\n      return renderMessage({\n        message: message as UserMessage | FileMessage,\n        chainTop,\n        chainBottom,\n        hasSeparator,\n      });\n    }\n    return null;\n  }, [renderMessage]);\n\n  return (\n    <div className={`sendbird-thread-list ${className}`}>\n      {allThreadMessages.map((message, idx) => {\n        const isByMe = (message as UserMessage)?.sender?.userId === userId;\n        const prevMessage = allThreadMessages[idx - 1];\n        const nextMessage = allThreadMessages[idx + 1];\n        const [chainTop, chainBottom] = true// isMessageGroupingEnabled\n          ? compareMessagesForGrouping(\n            prevMessage as UserMessage | FileMessage,\n            message as UserMessage | FileMessage,\n            nextMessage as UserMessage | FileMessage,\n            currentChannel,\n            replyType,\n          )\n          : [false, false];\n        const hasSeparator = !(prevMessage?.createdAt > 0 && (\n          isSameDay(message?.createdAt, prevMessage?.createdAt)\n        ));\n\n        const handleScroll = () => {\n          const current = scrollRef?.current;\n          if (current) {\n            const bottom = current.scrollHeight - current.scrollTop - current.offsetHeight;\n            if (scrollBottom < bottom) {\n              current.scrollTop += bottom - scrollBottom;\n            }\n          }\n        };\n\n        return(\n          <MessageProvider message={message} isByMe={isByMe} key={message?.messageId}>\n            {\n              MemorizedMessage({\n                message,\n                chainTop,\n                chainBottom,\n                hasSeparator,\n              }) || (\n                <ThreadListItem\n                  message={message as UserMessage | FileMessage}\n                  chainTop={chainTop}\n                  chainBottom={chainBottom}\n                  hasSeparator={hasSeparator}\n                  renderCustomSeparator={renderCustomSeparator}\n                  handleScroll={handleScroll}\n                />\n              )\n            }\n          </MessageProvider>\n        );\n      })}\n    </div>\n  );\n}\n"],"names":["ThreadList","_a","className","allThreadMessages","renderMessage","renderCustomSeparator","scrollRef","scrollBottom","config","useSendbirdStateContext","replyType","userId","currentChannel","useThreadContext","MemorizedMessage","useMemo","message","chainTop","chainBottom","hasSeparator","React","createElement","concat","map","idx","isByMe","sender","prevMessage","nextMessage","_b","compareMessagesForGrouping","createdAt","isSameDay","handleScroll","current","bottom","scrollHeight","scrollTop","offsetHeight","MessageProvider","key","messageId","ThreadListItem"],"mappings":"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"}