@sendbird/uikit-react 3.3.7 → 3.4.0-rc.0

package/Thread/components/ParentMessageInfoItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ParentMessageInfoItem.js","sources":["../../../src/smart-components/Thread/components/ParentMessageInfo/ParentMessageInfoItem.tsx"],"sourcesContent":["import React, { ReactElement, 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  isFileMessage,\n  isGifMessage,\n  // isOGMessage,\n  isSentMessage,\n  isThumbnailMessage,\n  isUserMessage,\n  isVideoMessage,\n  truncateString\n} from '../../../../utils';\nimport uuidv4 from '../../../../utils/uuid';\n\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Word from '../../../../ui/Word';\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';\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  // OG message\n  // const openUrl = () => {\n  //   if (isOGMessage(message) && message?.ogMetaData?.url) {\n  //     window.open(message.ogMetaData.url);\n  //   }\n  // };\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          {isMentionedMessage\n            ? (\n              message.mentionedMessageTemplate.split(' ').map((word: string) => (\n                <Word\n                  key={uuidv4()}\n                  word={word}\n                  message={message as UserMessage}\n                />\n              ))\n            )\n            : (\n              (message as UserMessage)?.message.split(' ').map((word: string) => (\n                <Word\n                  key={uuidv4()}\n                  word={word}\n                  message={message as UserMessage}\n                />\n              ))\n            )}\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      {isFileMessage(message) && !isThumbnailMessage(message) && (\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      {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","_m","useState","isImageRendered","setImageRendered","thumbnailUrl","_g","thumbnails","_h","url","React","concat","isUserMessage","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_1","split","map","word","uuidv4","isEditedMessage","ONBACKGROUND_2","MESSAGE_EDITED","isFileMessage","isThumbnailMessage","IMAGE","IconTypes","PHOTO","VIDEO","PLAY","AUDIO","FILE_AUDIO","GIF","OTHERS","FILE_DOCUMENT","getUIKitFileType","type","IconColors","PRIMARY","window","open","truncateString","name","isSentMessage","plainUrl","style_","isVideoMessage","ON_BACKGROUND_2","isGifMessage","GRAY","getUIKitMessageType","_j","getUIKitMessageTypes","UNKNOWN","UNKNOWN__UNKNOWN_MESSAGE_TYPE","UNKNOWN__CANNOT_READ_MESSAGE"],"mappings":"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"}
+{"version":3,"file":"ParentMessageInfoItem.js","sources":["../../../src/smart-components/Thread/components/ParentMessageInfo/ParentMessageInfoItem.tsx"],"sourcesContent":["import React, { ReactElement, 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';\nimport uuidv4 from '../../../../utils/uuid';\n\nimport Label, { LabelTypography, LabelColors } from '../../../../ui/Label';\nimport Word from '../../../../ui/Word';\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';\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  // OG message\n  // const openUrl = () => {\n  //   if (isOGMessage(message) && message?.ogMetaData?.url) {\n  //     window.open(message.ogMetaData.url);\n  //   }\n  // };\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          {isMentionedMessage\n            ? (\n              message.mentionedMessageTemplate.split(' ').map((word: string) => (\n                <Word\n                  key={uuidv4()}\n                  word={word}\n                  message={message as UserMessage}\n                />\n              ))\n            )\n            : (\n              (message as UserMessage)?.message.split(' ').map((word: string) => (\n                <Word\n                  key={uuidv4()}\n                  word={word}\n                  message={message as UserMessage}\n                />\n              ))\n            )}\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","_m","useState","isImageRendered","setImageRendered","thumbnailUrl","_g","thumbnails","_h","url","React","concat","isUserMessage","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_1","split","map","word","uuidv4","isEditedMessage","ONBACKGROUND_2","MESSAGE_EDITED","getUIKitMessageType","getUIKitMessageTypes","FILE","IMAGE","IconTypes","PHOTO","VIDEO","PLAY","AUDIO","FILE_AUDIO","GIF","OTHERS","FILE_DOCUMENT","getUIKitFileType","type","IconColors","PRIMARY","window","open","truncateString","name","isVoiceMessage","isThumbnailMessage","isSentMessage","plainUrl","style_","isVideoMessage","ON_BACKGROUND_2","isGifMessage","GRAY","_j","UNKNOWN","UNKNOWN__UNKNOWN_MESSAGE_TYPE","UNKNOWN__CANNOT_READ_MESSAGE"],"mappings":"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"}

package/Thread/components/ThreadHeader.js

@@ -1,14 +1,14 @@
 import React__default, { useMemo } from 'react';
 import IconButton from '../../ui/IconButton.js';
 import Icon, { IconTypes, IconColors } from '../../ui/Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e2994193.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4a977e7d.js';
 import TextButton from '../../ui/TextButton.js';
-import { u as useLocalization } from '../../LocalizationContext-4c2faa9a.js';
-import '../../tslib.es6-13412863.js';
+import { u as useLocalization } from '../../LocalizationContext-539093a9.js';
+import '../../tslib.es6-fc4a2658.js';
 import 'prop-types';
-import '../../stringSet-c2443946.js';
-import '../../color-1b42e49d.js';
-import '../../index-a53d78b6.js';
+import '../../stringSet-f9763488.js';
+import '../../color-f2370c85.js';
+import '../../index-999fdb64.js';
 
 function ThreadHeader(_a) {
   var className = _a.className,

package/Thread/components/ThreadList.js

@@ -1,44 +1,45 @@
 import React__default, { useMemo } from 'react';
 import ThreadListItem from './ThreadListItem.js';
-import { u as useThreadContext, c as compareMessagesForGrouping } from '../../ThreadProvider-a1413f01.js';
+import { u as useThreadContext, c as compareMessagesForGrouping } from '../../ThreadProvider-9f8652df.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import { isSameDay } from 'date-fns';
-import '../../tslib.es6-13412863.js';
-import '../../index-8c38f9d0.js';
-import '../../index-a53d78b6.js';
-import '../../LocalizationContext-4c2faa9a.js';
-import '../../stringSet-c2443946.js';
+import '../../tslib.es6-fc4a2658.js';
+import '../../index-620331eb.js';
+import '../../index-999fdb64.js';
+import '../../LocalizationContext-539093a9.js';
+import '../../stringSet-f9763488.js';
 import '../../ui/DateSeparator.js';
-import '../../color-1b42e49d.js';
-import '../../index-e2994193.js';
+import '../../color-f2370c85.js';
+import '../../index-4a977e7d.js';
 import 'prop-types';
-import '../../RemoveMessageModal-0baf3553.js';
+import '../../RemoveMessageModal-cd536405.js';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-fd5a03a3.js';
+import '../../index-b8e990b4.js';
 import '../../ui/Button.js';
 import '../../ui/Icon.js';
 import '../../ui/IconButton.js';
-import '../../MediaQueryContext-97a21b7e.js';
+import '../../MediaQueryContext-79c8ad08.js';
 import '../../ui/FileViewer.js';
-import '../../index-425e5f17.js';
+import '../../index-bbab31f0.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../ui/Avatar.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-7a5e68ed.js';
+import '../../uuid-6ca64623.js';
 import '../../Channel/components/SuggestedMentionList.js';
-import '../../ChannelProvider-1e540c0e.js';
-import '../../UserProfileContext-e5d90f15.js';
-import '../../topics-0ba43ee8.js';
-import '../../_rollupPluginBabelHelpers-b45d3824.js';
-import '../../compareIds-df760ae2.js';
-import '../../const-c269fd32.js';
+import '../../ChannelProvider-1d70b8a0.js';
+import '../../UserProfileContext-bd8525b7.js';
+import '../../topics-1ec669f0.js';
+import '../../_rollupPluginBabelHelpers-09618dc3.js';
+import '../../compareIds-a4557492.js';
+import '../../const-593595f5.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
 import '../../ui/ContextMenu.js';
 import '../../ui/SortByRow.js';
 import '../../ui/ReactionButton.js';
-import '../../const-11ae0dd9.js';
+import '../../consts-d2d25dac.js';
+import '../../const-ce447fcf.js';
 import '../../withSendbird.js';
 import '../context/types.js';
 import '@sendbird/chat';
@@ -47,13 +48,14 @@ import 'react-dom/server';
 import '../../ui/MentionUserLabel.js';
 import '../../ui/UserProfile.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-87dce5dd.js';
+import '../../utils-c1d219fa.js';
 import '../../ui/MessageItemMenu.js';
+import '../../types-e86f9fca.js';
 import '../../ui/MessageItemReactionMenu.js';
-import '../../index-aa4edbe2.js';
+import '../../index-daccde5e.js';
 import '../../ui/Loader.js';
-import '../../index-6d541758.js';
-import '../../index-30726ee1.js';
+import '../../index-ed1f765b.js';
+import '../../index-4c6a2064.js';
 import '../../ui/EmojiReactions.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
@@ -67,6 +69,13 @@ import '../../ui/FileMessageItemBody.js';
 import '../../ui/TextButton.js';
 import '../../ui/ThumbnailMessageItemBody.js';
 import '../../ui/UnknownMessageItemBody.js';
+import '../../ui/VoiceMessageItemBody.js';
+import '../../ui/ProgressBar.js';
+import '../../VoicePlayer/useVoicePlayer.js';
+import '../../index-60d3992b.js';
+import '../../VoiceRecorder/context.js';
+import '../../lame.all.js';
+import '../../ui/PlaybackTime.js';
 
 function ThreadList(_a) {
   var className = _a.className,

package/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';\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 } = 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 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 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    </div>\n  );\n}\n"],"names":["ThreadList","_a","className","allThreadMessages","renderMessage","renderCustomSeparator","scrollRef","scrollBottom","config","useSendbirdStateContext","replyType","currentChannel","useThreadContext","MemorizedMessage","useMemo","message","chainTop","chainBottom","hasSeparator","React","concat","map","idx","prevMessage","nextMessage","compareMessagesForGrouping","createdAt","isSameDay","handleScroll","current","bottom","scrollHeight","scrollTop","offsetHeight"],"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';\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 } = 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 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 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    </div>\n  );\n}\n"],"names":["ThreadList","_a","className","allThreadMessages","renderMessage","renderCustomSeparator","scrollRef","scrollBottom","config","useSendbirdStateContext","replyType","currentChannel","useThreadContext","MemorizedMessage","useMemo","message","chainTop","chainBottom","hasSeparator","React","concat","map","idx","prevMessage","nextMessage","compareMessagesForGrouping","createdAt","isSameDay","handleScroll","current","bottom","scrollHeight","scrollTop","offsetHeight"],"mappings":"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"}

package/Thread/components/ThreadListItem.js

@@ -1,63 +1,66 @@
-import { a as __spreadArray } from '../../tslib.es6-13412863.js';
+import { a as __spreadArray } from '../../tslib.es6-fc4a2658.js';
 import React__default, { useState, useContext, useRef, useLayoutEffect, useEffect, useMemo } from 'react';
-import { f as format } from '../../index-8c38f9d0.js';
-import { u as useLocalization } from '../../LocalizationContext-4c2faa9a.js';
+import { f as format } from '../../index-620331eb.js';
+import { u as useLocalization } from '../../LocalizationContext-539093a9.js';
 import DateSeparator from '../../ui/DateSeparator.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-e2994193.js';
-import { R as RemoveMessage } from '../../RemoveMessageModal-0baf3553.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../../index-4a977e7d.js';
+import { R as RemoveMessage } from '../../RemoveMessageModal-cd536405.js';
 import FileViewer from '../../ui/FileViewer.js';
-import { u as useThreadContext } from '../../ThreadProvider-a1413f01.js';
+import { u as useThreadContext } from '../../ThreadProvider-9f8652df.js';
 import useSendbirdStateContext from '../../useSendbirdStateContext.js';
 import SuggestedMentionList from '../../Channel/components/SuggestedMentionList.js';
 import MessageInput from '../../ui/MessageInput.js';
 import { ThreadListStateTypes } from '../context/types.js';
-import { M as MessageInputKeys } from '../../const-11ae0dd9.js';
+import { M as MessageInputKeys } from '../../const-ce447fcf.js';
 import ContextMenu, { MenuItems } from '../../ui/ContextMenu.js';
 import Avatar from '../../ui/Avatar.js';
-import { a as UserProfileContext } from '../../UserProfileContext-e5d90f15.js';
+import { a as UserProfileContext } from '../../UserProfileContext-bd8525b7.js';
 import UserProfile from '../../ui/UserProfile.js';
 import MessageItemMenu from '../../ui/MessageItemMenu.js';
 import MessageItemReactionMenu from '../../ui/MessageItemReactionMenu.js';
-import { y as getUIKitMessageTypes, z as getSenderName, h as getClassName, A as isTextMessage, B as isOGMessage, C as getUIKitMessageType, n as isThumbnailMessage } from '../../index-425e5f17.js';
-import { M as MessageStatus } from '../../index-aa4edbe2.js';
+import { A as getUIKitMessageTypes, B as getSenderName, j as getClassName, C as isTextMessage, D as isOGMessage, d as isVoiceMessage, u as getUIKitMessageType, o as isThumbnailMessage } from '../../index-bbab31f0.js';
+import { M as MessageStatus } from '../../index-daccde5e.js';
 import EmojiReactions from '../../ui/EmojiReactions.js';
 import TextMessageItemBody from '../../ui/TextMessageItemBody.js';
 import OGMessageItemBody from '../../ui/OGMessageItemBody.js';
 import FileMessageItemBody from '../../ui/FileMessageItemBody.js';
 import ThumbnailMessageItemBody from '../../ui/ThumbnailMessageItemBody.js';
 import UnknownMessageItemBody from '../../ui/UnknownMessageItemBody.js';
-import { Role } from '@sendbird/chat';
-import '../../index-a53d78b6.js';
-import '../../stringSet-c2443946.js';
-import '../../color-1b42e49d.js';
+import { VoiceMessageItemBody } from '../../ui/VoiceMessageItemBody.js';
+import { R as Role } from '../../types-e86f9fca.js';
+import '../../index-999fdb64.js';
+import '../../stringSet-f9763488.js';
+import '../../color-f2370c85.js';
 import 'prop-types';
 import '../../ui/Modal.js';
 import 'react-dom';
-import '../../index-fd5a03a3.js';
+import '../../index-b8e990b4.js';
 import '../../ui/Button.js';
 import '../../ui/Icon.js';
 import '../../ui/IconButton.js';
-import '../../MediaQueryContext-97a21b7e.js';
+import '../../MediaQueryContext-79c8ad08.js';
 import '../../utils/message/getOutgoingMessageState.js';
 import '../../ui/ImageRenderer.js';
-import '../../uuid-7a5e68ed.js';
-import '../../topics-0ba43ee8.js';
+import '../../uuid-6ca64623.js';
+import '@sendbird/chat';
+import '../../topics-1ec669f0.js';
 import '@sendbird/chat/groupChannel';
 import '@sendbird/chat/message';
+import '../../consts-d2d25dac.js';
 import '../../withSendbird.js';
-import '../../_rollupPluginBabelHelpers-b45d3824.js';
-import '../../ChannelProvider-1e540c0e.js';
-import '../../compareIds-df760ae2.js';
-import '../../const-c269fd32.js';
+import '../../_rollupPluginBabelHelpers-09618dc3.js';
+import '../../ChannelProvider-1d70b8a0.js';
+import '../../compareIds-a4557492.js';
+import '../../const-593595f5.js';
 import '../../ui/ReactionButton.js';
 import '../../ui/SortByRow.js';
 import 'react-dom/server';
 import '../../ui/MentionUserLabel.js';
 import '../../sendbirdSelectors.js';
-import '../../utils-87dce5dd.js';
+import '../../utils-c1d219fa.js';
 import '../../ui/Loader.js';
-import '../../index-6d541758.js';
-import '../../index-30726ee1.js';
+import '../../index-ed1f765b.js';
+import '../../index-4c6a2064.js';
 import '../../ui/Tooltip.js';
 import '../../ui/TooltipWrapper.js';
 import '../../ui/ReactionBadge.js';
@@ -65,6 +68,12 @@ import '../../ui/Word.js';
 import '../../ui/LinkLabel.js';
 import '../../ui/MentionLabel.js';
 import '../../ui/TextButton.js';
+import '../../ui/ProgressBar.js';
+import '../../VoicePlayer/useVoicePlayer.js';
+import '../../index-60d3992b.js';
+import '../../VoiceRecorder/context.js';
+import '../../lame.all.js';
+import '../../ui/PlaybackTime.js';
 
 function ThreadListItemContent(_a) {
   var _b, _c, _d, _e;
@@ -205,6 +214,12 @@ function ThreadListItemContent(_a) {
     isByMe: isByMe,
     isMentionEnabled: isMentionEnabled,
     isReactionEnabled: isReactionEnabled
+  }), isVoiceMessage(message) && /*#__PURE__*/React__default.createElement(VoiceMessageItemBody, {
+    className: "sendbird-thread-list-item-content__middle__message-item-body",
+    message: message,
+    channelUrl: channel === null || channel === void 0 ? void 0 : channel.url,
+    isByMe: isByMe,
+    isReactionEnabled: isReactionEnabled
   }), getUIKitMessageType(message) === messageTypes.FILE && /*#__PURE__*/React__default.createElement(FileMessageItemBody, {
     className: "sendbird-thread-list-item-content__middle__message-item-body",
     message: message,