@sendbird/uikit-react 3.5.0-mobile-web-1 → 3.5.0-mobile-rc-3

package/cjs/Thread/components/ParentMessageInfoItem.js

@@ -1,61 +1,63 @@
 'use strict';
 
 var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-b42fa07d.js');
-var index = require('../../index-0b8a1074.js');
-var ui_Label = require('../../index-72e412f7.js');
+var LocalizationContext = require('../../LocalizationContext-a584fa55.js');
+var index = require('../../index-70ee1e87.js');
+var ui_Label = require('../../index-3606d178.js');
 var ui_ImageRenderer = require('../../ui/ImageRenderer.js');
 var ui_Icon = require('../../ui/Icon.js');
 var ui_TextButton = require('../../ui/TextButton.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var ui_EmojiReactions = require('../../ui/EmojiReactions.js');
-var Thread_context = require('../../ThreadProvider-3ff0ff63.js');
+var Thread_context = require('../../ThreadProvider-c79aceb3.js');
 var ui_VoiceMessageItemBody = require('../../ui/VoiceMessageItemBody.js');
-var index$1 = require('../../index-1c18afa8.js');
-var tokenize = require('../../tokenize-e944d548.js');
-require('../../stringSet-4f30313f.js');
-require('../../index-97005534.js');
-require('../../_rollupPluginBabelHelpers-3a9d1641.js');
+var index$1 = require('../../index-93ba8e85.js');
+var tokenize = require('../../tokenize-0df4eb21.js');
+require('../../stringSet-d6f2a33a.js');
+require('../../index-91cd09c7.js');
+require('../../_rollupPluginBabelHelpers-17f53083.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('prop-types');
-require('../../color-a4e73e6f.js');
+require('../../color-f5216e6a.js');
 require('../../withSendbird.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/ReactionButton.js');
-require('../../useLongPress-bf1e8eee.js');
-require('../../MediaQueryContext-372b55a6.js');
-require('../../utils-146517a9.js');
+require('../../useLongPress-a31543ee.js');
+require('../../MediaQueryContext-baafb1bb.js');
+require('../../utils-fbb85607.js');
 require('../../ui/ContextMenu.js');
 require('react-dom');
 require('../../ui/SortByRow.js');
-require('../../uuid-5ab4f88b.js');
+require('../../uuid-10926ed0.js');
 require('../../ui/BottomSheet.js');
-require('../../index-e8b83547.js');
+require('../../index-36b49ef5.js');
 require('../../ui/UserListItem.js');
-require('../../UserProfileContext-c87514d3.js');
+require('../../UserProfileContext-0308bb46.js');
 require('../../ui/Avatar.js');
 require('../../ui/MutedAvatarOverlay.js');
 require('../../ui/Checkbox.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../topics-3226c6ee.js');
+require('../../topics-c7ef77ef.js');
 require('../../ui/Button.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../Message/context.js');
-require('../../index-849f44b0.js');
+require('../../index-63a06f37.js');
 require('../context/types.js');
 require('@sendbird/chat');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/message');
-require('../../consts-f71467c8.js');
+require('../../consts-b90134e3.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-cb1d7ac4.js');
+require('../../index-ab691428.js');
 require('../../VoiceRecorder/context.js');
+require('../../ui/Modal.js');
+require('../../ui/IconButton.js');
 require('../../ui/PlaybackTime.js');
 require('../../ui/Loader.js');
-require('../../index.module-d2876b1c.js');
+require('../../index.module-6fa7f09a.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
 

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

@@ -1 +1 @@
-{"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            channel={currentChannel}\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","channel","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            channel={currentChannel}\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","channel","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-72e412f7.js');
+var ui_Label = require('../../index-3606d178.js');
 var ui_TextButton = require('../../ui/TextButton.js');
-var LocalizationContext = require('../../LocalizationContext-b42fa07d.js');
-require('../../_rollupPluginBabelHelpers-3a9d1641.js');
+var LocalizationContext = require('../../LocalizationContext-a584fa55.js');
+require('../../_rollupPluginBabelHelpers-17f53083.js');
 require('prop-types');
-require('../../stringSet-4f30313f.js');
-require('../../color-a4e73e6f.js');
-require('../../index-97005534.js');
+require('../../stringSet-d6f2a33a.js');
+require('../../color-f5216e6a.js');
+require('../../index-91cd09c7.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/Thread/components/ThreadList.js

@@ -2,66 +2,66 @@
 
 var React = require('react');
 var Thread_components_ThreadListItem = require('./ThreadListItem.js');
-var Thread_context = require('../../ThreadProvider-3ff0ff63.js');
+var Thread_context = require('../../ThreadProvider-c79aceb3.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var dateFns = require('date-fns');
 var Message_context = require('../../Message/context.js');
-require('../../index-849f44b0.js');
-require('../../index-97005534.js');
-require('../../LocalizationContext-b42fa07d.js');
-require('../../stringSet-4f30313f.js');
+require('../../index-63a06f37.js');
+require('../../index-91cd09c7.js');
+require('../../LocalizationContext-a584fa55.js');
+require('../../stringSet-d6f2a33a.js');
 require('../../ui/DateSeparator.js');
-require('../../color-a4e73e6f.js');
-require('../../index-72e412f7.js');
+require('../../color-f5216e6a.js');
+require('../../index-3606d178.js');
 require('prop-types');
-require('../../RemoveMessageModal-83d3158a.js');
+require('../../RemoveMessageModal-46ba7070.js');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-e8b83547.js');
+require('../../index-36b49ef5.js');
 require('../../ui/Button.js');
 require('../../ui/Icon.js');
 require('../../ui/IconButton.js');
-require('../../_rollupPluginBabelHelpers-3a9d1641.js');
-require('../../MediaQueryContext-372b55a6.js');
+require('../../_rollupPluginBabelHelpers-17f53083.js');
+require('../../MediaQueryContext-baafb1bb.js');
 require('../../ui/FileViewer.js');
-require('../../index-0b8a1074.js');
+require('../../index-70ee1e87.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../ui/Avatar.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-5ab4f88b.js');
+require('../../uuid-10926ed0.js');
 require('../../Channel/components/SuggestedMentionList.js');
-require('../../ChannelProvider-2bfafa25.js');
-require('../../UserProfileContext-c87514d3.js');
-require('../../topics-3226c6ee.js');
-require('../../compareIds-a7029d6a.js');
-require('../../const-68cf2709.js');
+require('../../ChannelProvider-1599fb99.js');
+require('../../UserProfileContext-0308bb46.js');
+require('../../topics-c7ef77ef.js');
+require('../../compareIds-c9b9dfbc.js');
+require('../../const-a9f20831.js');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/message');
-require('../../consts-f71467c8.js');
-require('../../const-3ab3e45c.js');
+require('../../consts-b90134e3.js');
+require('../../const-75f8d9ae.js');
 require('../../withSendbird.js');
 require('../context/types.js');
 require('@sendbird/chat');
 require('../../ui/MessageInput.js');
 require('dompurify');
-require('../../consts-bb2a67c7.js');
-require('../../consts-ad8ba629.js');
-require('../../consts-26d4668c.js');
-require('../../tokenize-e944d548.js');
+require('../../consts-8f76585f.js');
+require('../../consts-78675c0f.js');
+require('../../consts-6a102338.js');
+require('../../tokenize-0df4eb21.js');
 require('../../ui/ContextMenu.js');
 require('../../ui/SortByRow.js');
 require('../../ui/UserProfile.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-146517a9.js');
+require('../../utils-fbb85607.js');
 require('../../ui/MessageItemMenu.js');
-require('../../types-31174fcc.js');
+require('../../types-edd094e8.js');
 require('../../ui/MessageItemReactionMenu.js');
 require('../../ui/ReactionButton.js');
-require('../../useLongPress-bf1e8eee.js');
-require('../../index-e1d69370.js');
+require('../../useLongPress-a31543ee.js');
+require('../../index-c3b543df.js');
 require('../../ui/Loader.js');
-require('../../index-7ec4fe06.js');
-require('../../index-afada680.js');
+require('../../index-be531e8c.js');
+require('../../index-de824ad7.js');
 require('../../ui/EmojiReactions.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/BottomSheet.js');
@@ -71,8 +71,8 @@ require('../../ui/Checkbox.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../ui/TextMessageItemBody.js');
-require('../../index-1c18afa8.js');
-require('../../index.module-d2876b1c.js');
+require('../../index-93ba8e85.js');
+require('../../index.module-6fa7f09a.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/OGMessageItemBody.js');
@@ -83,11 +83,11 @@ require('../../ui/UnknownMessageItemBody.js');
 require('../../ui/VoiceMessageItemBody.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-cb1d7ac4.js');
+require('../../index-ab691428.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
-require('../../index-a401f2b6.js');
-require('../../useDirtyGetMentions-97c6e05a.js');
+require('../../index-98dc0da4.js');
+require('../../useDirtyGetMentions-527f80ca.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/Thread/components/ThreadListItem.js

@@ -1,27 +1,27 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('../../index-849f44b0.js');
-var LocalizationContext = require('../../LocalizationContext-b42fa07d.js');
+var index$1 = require('../../index-63a06f37.js');
+var LocalizationContext = require('../../LocalizationContext-a584fa55.js');
 var ui_DateSeparator = require('../../ui/DateSeparator.js');
-var ui_Label = require('../../index-72e412f7.js');
-var RemoveMessageModal = require('../../RemoveMessageModal-83d3158a.js');
+var ui_Label = require('../../index-3606d178.js');
+var RemoveMessageModal = require('../../RemoveMessageModal-46ba7070.js');
 var ui_FileViewer = require('../../ui/FileViewer.js');
-var Thread_context = require('../../ThreadProvider-3ff0ff63.js');
+var Thread_context = require('../../ThreadProvider-c79aceb3.js');
 var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
 var Channel_components_SuggestedMentionList = require('../../Channel/components/SuggestedMentionList.js');
 var ui_MessageInput = require('../../ui/MessageInput.js');
 var Thread_context_types = require('../context/types.js');
-var _const = require('../../const-3ab3e45c.js');
-var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-3a9d1641.js');
+var _const = require('../../const-75f8d9ae.js');
+var _rollupPluginBabelHelpers = require('../../_rollupPluginBabelHelpers-17f53083.js');
 var ui_ContextMenu = require('../../ui/ContextMenu.js');
 var ui_Avatar = require('../../ui/Avatar.js');
-var UserProfileContext = require('../../UserProfileContext-c87514d3.js');
+var UserProfileContext = require('../../UserProfileContext-0308bb46.js');
 var ui_UserProfile = require('../../ui/UserProfile.js');
 var ui_MessageItemMenu = require('../../ui/MessageItemMenu.js');
 var ui_MessageItemReactionMenu = require('../../ui/MessageItemReactionMenu.js');
-var index = require('../../index-0b8a1074.js');
-var ui_MessageStatus = require('../../index-e1d69370.js');
+var index = require('../../index-70ee1e87.js');
+var ui_MessageStatus = require('../../index-c3b543df.js');
 var ui_EmojiReactions = require('../../ui/EmojiReactions.js');
 var ui_TextMessageItemBody = require('../../ui/TextMessageItemBody.js');
 var ui_OGMessageItemBody = require('../../ui/OGMessageItemBody.js');
@@ -29,45 +29,45 @@ var ui_FileMessageItemBody = require('../../ui/FileMessageItemBody.js');
 var ui_ThumbnailMessageItemBody = require('../../ui/ThumbnailMessageItemBody.js');
 var ui_UnknownMessageItemBody = require('../../ui/UnknownMessageItemBody.js');
 var ui_VoiceMessageItemBody = require('../../ui/VoiceMessageItemBody.js');
-var MediaQueryContext = require('../../MediaQueryContext-372b55a6.js');
-var useLongPress = require('../../useLongPress-bf1e8eee.js');
-var index$2 = require('../../index-a401f2b6.js');
-var types = require('../../types-31174fcc.js');
-var useDirtyGetMentions = require('../../useDirtyGetMentions-97c6e05a.js');
-var Channel_context = require('../../ChannelProvider-2bfafa25.js');
-require('../../index-97005534.js');
-require('../../stringSet-4f30313f.js');
-require('../../color-a4e73e6f.js');
+var MediaQueryContext = require('../../MediaQueryContext-baafb1bb.js');
+var useLongPress = require('../../useLongPress-a31543ee.js');
+var index$2 = require('../../index-98dc0da4.js');
+var types = require('../../types-edd094e8.js');
+var useDirtyGetMentions = require('../../useDirtyGetMentions-527f80ca.js');
+var Channel_context = require('../../ChannelProvider-1599fb99.js');
+require('../../index-91cd09c7.js');
+require('../../stringSet-d6f2a33a.js');
+require('../../color-f5216e6a.js');
 require('prop-types');
 require('../../ui/Modal.js');
 require('react-dom');
-require('../../index-e8b83547.js');
+require('../../index-36b49ef5.js');
 require('../../ui/Button.js');
 require('../../ui/Icon.js');
 require('../../ui/IconButton.js');
 require('../../utils/message/getOutgoingMessageState.js');
 require('../../ui/ImageRenderer.js');
-require('../../uuid-5ab4f88b.js');
+require('../../uuid-10926ed0.js');
 require('@sendbird/chat');
-require('../../topics-3226c6ee.js');
+require('../../topics-c7ef77ef.js');
 require('@sendbird/chat/groupChannel');
 require('@sendbird/chat/message');
-require('../../consts-f71467c8.js');
+require('../../consts-b90134e3.js');
 require('../../withSendbird.js');
-require('../../const-68cf2709.js');
-require('../../compareIds-a7029d6a.js');
+require('../../const-a9f20831.js');
+require('../../compareIds-c9b9dfbc.js');
 require('dompurify');
-require('../../consts-bb2a67c7.js');
-require('../../consts-ad8ba629.js');
-require('../../consts-26d4668c.js');
-require('../../tokenize-e944d548.js');
+require('../../consts-8f76585f.js');
+require('../../consts-78675c0f.js');
+require('../../consts-6a102338.js');
+require('../../tokenize-0df4eb21.js');
 require('../../ui/SortByRow.js');
 require('../../sendbirdSelectors.js');
-require('../../utils-146517a9.js');
+require('../../utils-fbb85607.js');
 require('../../ui/ReactionButton.js');
 require('../../ui/Loader.js');
-require('../../index-7ec4fe06.js');
-require('../../index-afada680.js');
+require('../../index-be531e8c.js');
+require('../../index-de824ad7.js');
 require('../../ui/ReactionBadge.js');
 require('../../ui/BottomSheet.js');
 require('../../ui/UserListItem.js');
@@ -76,14 +76,14 @@ require('../../ui/Checkbox.js');
 require('../../ui/Tooltip.js');
 require('../../ui/TooltipWrapper.js');
 require('../../Message/context.js');
-require('../../index-1c18afa8.js');
-require('../../index.module-d2876b1c.js');
+require('../../index-93ba8e85.js');
+require('../../index.module-6fa7f09a.js');
 require('../../ui/MentionLabel.js');
 require('../../ui/LinkLabel.js');
 require('../../ui/TextButton.js');
 require('../../ui/ProgressBar.js');
 require('../../VoicePlayer/useVoicePlayer.js');
-require('../../index-cb1d7ac4.js');
+require('../../index-ab691428.js');
 require('../../VoiceRecorder/context.js');
 require('../../ui/PlaybackTime.js');
 
@@ -121,6 +121,9 @@ function ThreadListItemContent(_ref) {
   const {
     dateLocale
   } = LocalizationContext.useLocalization();
+  const {
+    config
+  } = useSendbirdStateContext();
   const [supposedHover, setSupposedHover] = React.useState(false);
   const {
     disableUserProfile,
@@ -131,6 +134,7 @@ function ThreadListItemContent(_ref) {
   const useReplying = !!((replyType === 'QUOTE_REPLY' || replyType === 'THREAD') && message !== null && message !== void 0 && message.parentMessageId && message !== null && message !== void 0 && message.parentMessage && !disableQuoteMessage);
   const supposedHoverClassName = supposedHover ? 'sendbird-mouse-hover' : '';
   const isReactionEnabledInChannel = isReactionEnabled && !(channel !== null && channel !== void 0 && channel.isEphemeral);
+  const isOgMessageEnabledInGroupChannel = channel.isGroupChannel() && config.groupChannel.enableOgtag;
 
   // Mobile
   const mobileMenuRef = React.useRef(null);
@@ -225,13 +229,13 @@ function ThreadListItemContent(_ref) {
   }, /*#__PURE__*/React__default["default"].createElement(ui_MessageStatus.MessageStatus, {
     message: message,
     channel: channel
-  }))), index.isTextMessage(message) && /*#__PURE__*/React__default["default"].createElement(ui_TextMessageItemBody, {
+  }))), isOgMessageEnabledInGroupChannel && index.isOGMessage(message) ? /*#__PURE__*/React__default["default"].createElement(ui_OGMessageItemBody, {
     className: "sendbird-thread-list-item-content__middle__message-item-body",
     message: message,
     isByMe: isByMe,
     isMentionEnabled: isMentionEnabled,
     isReactionEnabled: isReactionEnabledInChannel
-  }), index.isOGMessage(message) && /*#__PURE__*/React__default["default"].createElement(ui_OGMessageItemBody, {
+  }) : index.isTextMessage(message) && /*#__PURE__*/React__default["default"].createElement(ui_TextMessageItemBody, {
     className: "sendbird-thread-list-item-content__middle__message-item-body",
     message: message,
     isByMe: isByMe,
@@ -265,7 +269,7 @@ function ThreadListItemContent(_ref) {
     isByMe: isByMe,
     isReactionEnabled: isReactionEnabledInChannel
   }), isReactionEnabledInChannel && (message === null || message === void 0 ? void 0 : (_message$reactions = message.reactions) === null || _message$reactions === void 0 ? void 0 : _message$reactions.length) > 0 && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: index.getClassName(['sendbird-thread-list-item-content-reactions', !isByMe || index.isThumbnailMessage(message) || index.isOGMessage(message) ? '' : 'primary'])
+    className: index.getClassName(['sendbird-thread-list-item-content-reactions', !isByMe || index.isThumbnailMessage(message) || isOgMessageEnabledInGroupChannel && index.isOGMessage(message) ? '' : 'primary'])
   }, /*#__PURE__*/React__default["default"].createElement(ui_EmojiReactions, {
     userId: userId,
     message: message,