@sendbird/uikit-react 3.4.3 → 3.4.4-rc.0

package/ui/OGMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"OGMessageItemBody.js","sources":["../../src/ui/OGMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, {\n  ReactElement,\n  useContext,\n  useMemo,\n  useRef,\n} from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport Word from '../Word';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport uuidv4 from '../../utils/uuid';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isMentionEnabled?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport default function OGMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isMentionEnabled = false,\n  isReactionEnabled = false,\n}: Props): ReactElement {\n  const imageRef = useRef<HTMLDivElement>(null);\n  const { stringSet } = useContext(LocalizationContext);\n  const openOGUrl = (): void => {\n    if (message?.ogMetaData?.url) window.open(message?.ogMetaData?.url);\n  };\n  const isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n  const sentences: Array<Array<string>> = useMemo(() => {\n    if (isMessageMentioned) {\n      return message?.mentionedMessageTemplate?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n    }\n    return message?.message?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n  }, [message?.mentionedMessageTemplate]);\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-og-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n    ])}>\n      <Label\n        key={uuidv4()}\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        <div className=\"sendbird-og-message-item-body__text-bubble\">\n          {\n            sentences?.map((sentence, index) => {\n              return [\n                sentence?.map((word) => {\n                  return (\n                    <Word\n                      key={uuidv4()}\n                      word={word}\n                      message={message}\n                      isByMe={isByMe}\n                    />\n                  );\n                }),\n                sentences?.[index + 1] ? <br /> : null,\n              ]\n            })\n          }\n          {\n            isEditedMessage(message) && (\n              <Label\n                className=\"sendbird-og-message-item-body__text-bubble__message\"\n                type={LabelTypography.BODY_1}\n                color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n              >\n                {` ${stringSet.MESSAGE_EDITED} `}\n              </Label>\n            )\n          }\n        </div>\n      </Label>\n      <div\n        ref={imageRef}\n        className={`sendbird-og-message-item-body__og-thumbnail\n          ${message?.ogMetaData?.defaultImage?.url ? '' : 'sendbird-og-message-item-body__og-thumbnail__empty'}\n        `}\n        onClick={openOGUrl}\n      >\n        <ImageRenderer\n          onError={() => {\n            try {\n              imageRef?.current?.classList?.add('sendbird-og-message-item-body__og-thumbnail__empty');\n            } catch (error) {\n              // do nothing\n            }\n          }}\n          className=\"sendbird-og-message-item-body__og-thumbnail__image\"\n          url={message?.ogMetaData?.defaultImage?.url || ''}\n          alt={message?.ogMetaData?.defaultImage?.alt}\n          // TODO: Change fixing width and height lengths\n          defaultComponent={(\n            <div className=\"sendbird-og-message-item-body__og-thumbnail__place-holder\">\n              <Icon\n                className=\"sendbird-og-message-item-body__og-thumbnail__place-holder__icon\"\n                type={IconTypes.THUMBNAIL_NONE}\n                width=\"56px\"\n                height=\"56px\"\n              />\n            </div>\n          )}\n        />\n      </div>\n      <div\n        className=\"sendbird-og-message-item-body__description\"\n        onClick={openOGUrl}\n      >\n        {message?.ogMetaData?.title && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__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-og-message-item-body__description__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-og-message-item-body__description__url\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {message.ogMetaData.url}\n          </Label>\n        )}\n      </div>\n      <div className=\"sendbird-og-message-item-body__cover\" />\n    </div>\n  );\n}\n"],"names":["OGMessageItemBody","_a","className","message","_p","isByMe","_q","mouseHover","_r","isMentionEnabled","_s","isReactionEnabled","imageRef","useRef","stringSet","useContext","LocalizationContext","openOGUrl","ogMetaData","url","window","open","_b","isMessageMentioned","mentionedMessageTemplate","length","_c","mentionedUsers","sentences","useMemo","split","map","sentence","React","getClassName","_d","reactions","uuidv4","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","index","word","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","concat","MESSAGE_EDITED","_f","_e","defaultImage","current","classList","add","error","_h","_g","_j","_k","alt","IconTypes","THUMBNAIL_NONE","_l","title","SUBTITLE_2","_m","description","BODY_2","_o","CAPTION_3"],"mappings":"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"}
+{"version":3,"file":"OGMessageItemBody.js","sources":["../../src/ui/OGMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, {\n  ReactElement,\n  useContext,\n  useMemo,\n  useRef,\n} from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport Word from '../Word';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport uuidv4 from '../../utils/uuid';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isMentionEnabled?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport default function OGMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isMentionEnabled = false,\n  isReactionEnabled = false,\n}: Props): ReactElement {\n  const imageRef = useRef<HTMLDivElement>(null);\n  const { stringSet } = useContext(LocalizationContext);\n  const openOGUrl = (): void => {\n    if (message?.ogMetaData?.url) window.open(message?.ogMetaData?.url);\n  };\n  const isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n  const sentences: Array<Array<string>> = useMemo(() => {\n    if (isMessageMentioned) {\n      return message?.mentionedMessageTemplate?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n    }\n    return message?.message?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n  }, [message?.mentionedMessageTemplate]);\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-og-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n    ])}>\n      <Label\n        key={uuidv4()}\n        type={LabelTypography.BODY_1}\n        color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n      >\n        <div className=\"sendbird-og-message-item-body__text-bubble\">\n          {\n            sentences?.map((sentence, index) => {\n              return [\n                sentence?.map((word) => {\n                  return (\n                    <Word\n                      key={uuidv4()}\n                      word={word}\n                      message={message}\n                      isByMe={isByMe}\n                    />\n                  );\n                }),\n                sentences?.[index + 1] ? <br /> : null,\n              ]\n            })\n          }\n          {\n            isEditedMessage(message) && (\n              <Label\n                className=\"sendbird-og-message-item-body__text-bubble__message\"\n                type={LabelTypography.BODY_1}\n                color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n              >\n                {` ${stringSet.MESSAGE_EDITED} `}\n              </Label>\n            )\n          }\n        </div>\n      </Label>\n      <div\n        ref={imageRef}\n        className={`sendbird-og-message-item-body__og-thumbnail\n          ${message?.ogMetaData?.defaultImage?.url ? '' : 'sendbird-og-message-item-body__og-thumbnail__empty'}\n        `}\n        onClick={openOGUrl}\n      >\n        <ImageRenderer\n          onError={() => {\n            try {\n              imageRef?.current?.classList?.add('sendbird-og-message-item-body__og-thumbnail__empty');\n            } catch (error) {\n              // do nothing\n            }\n          }}\n          className=\"sendbird-og-message-item-body__og-thumbnail__image\"\n          url={message?.ogMetaData?.defaultImage?.url || ''}\n          alt={message?.ogMetaData?.defaultImage?.alt}\n          // TODO: Change fixing width and height lengths\n          defaultComponent={(\n            <div className=\"sendbird-og-message-item-body__og-thumbnail__place-holder\">\n              <Icon\n                className=\"sendbird-og-message-item-body__og-thumbnail__place-holder__icon\"\n                type={IconTypes.THUMBNAIL_NONE}\n                width=\"56px\"\n                height=\"56px\"\n              />\n            </div>\n          )}\n        />\n      </div>\n      <div\n        className=\"sendbird-og-message-item-body__description\"\n        onClick={openOGUrl}\n      >\n        {message?.ogMetaData?.title && (\n          <Label\n            className=\"sendbird-og-message-item-body__description__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-og-message-item-body__description__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-og-message-item-body__description__url\"\n            type={LabelTypography.CAPTION_3}\n            color={LabelColors.ONBACKGROUND_2}\n          >\n            {message.ogMetaData.url}\n          </Label>\n        )}\n      </div>\n      <div className=\"sendbird-og-message-item-body__cover\" />\n    </div>\n  );\n}\n"],"names":["OGMessageItemBody","_a","className","message","_p","isByMe","_q","mouseHover","_r","isMentionEnabled","_s","isReactionEnabled","imageRef","useRef","stringSet","useContext","LocalizationContext","openOGUrl","ogMetaData","url","window","open","_b","isMessageMentioned","mentionedMessageTemplate","length","_c","mentionedUsers","sentences","useMemo","split","map","sentence","React","getClassName","_d","reactions","uuidv4","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","index","word","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","concat","MESSAGE_EDITED","_f","_e","defaultImage","current","classList","add","error","_h","_g","_j","_k","alt","IconTypes","THUMBNAIL_NONE","_l","title","SUBTITLE_2","_m","description","BODY_2","_o","CAPTION_3"],"mappings":"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"}

package/ui/OpenChannelAdminMessage.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-33004eb4.js';
+import { a as __spreadArray } from '../tslib.es6-c441d88b.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ba549e6a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-99e3b057.js';
 import 'prop-types';
-import '../stringSet-80381462.js';
+import '../stringSet-8f776451.js';
 
 function OpenChannelAdminMessage(_a) {
   var className = _a.className,

package/ui/OpenChannelAvatar.js

@@ -1,14 +1,14 @@
 import React__default, { useContext, useMemo } from 'react';
 import Avatar from './Avatar.js';
-import { a as LocalizationContext } from '../LocalizationContext-4b25e6bc.js';
-import { b as getOpenChannelAvatar } from '../utils-4e5389df.js';
-import '../tslib.es6-33004eb4.js';
+import { a as LocalizationContext } from '../LocalizationContext-21c445a7.js';
+import { b as getOpenChannelAvatar } from '../utils-0f335ebc.js';
+import '../tslib.es6-c441d88b.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import 'prop-types';
-import '../uuid-7397f1ec.js';
-import '../stringSet-80381462.js';
-import '../index-f3ba7696.js';
+import '../uuid-e3615ce2.js';
+import '../stringSet-8f776451.js';
+import '../index-9746b9e4.js';
 
 function ChannelAvatar(_a) {
   var channel = _a.channel,

package/ui/OpenchannelConversationHeader.js

@@ -2,14 +2,14 @@ import React__default, { useContext } from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ba549e6a.js';
-import { a as LocalizationContext } from '../LocalizationContext-4b25e6bc.js';
-import '../tslib.es6-33004eb4.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-99e3b057.js';
+import { a as LocalizationContext } from '../LocalizationContext-21c445a7.js';
+import '../tslib.es6-c441d88b.js';
 import './ImageRenderer.js';
-import '../uuid-7397f1ec.js';
+import '../uuid-e3615ce2.js';
 import 'prop-types';
-import '../stringSet-80381462.js';
-import '../index-f3ba7696.js';
+import '../stringSet-8f776451.js';
+import '../index-9746b9e4.js';
 
 function OpenchannelConversationHeader(_a) {
   var coverImage = _a.coverImage,

package/ui/OpenchannelFileMessage.js

@@ -1,33 +1,33 @@
-import { a as _extends } from '../_rollupPluginBabelHelpers-38fb8170.js';
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-33004eb4.js';
+import { a as _extends } from '../_rollupPluginBabelHelpers-06a0d79e.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-c441d88b.js';
 import React__default, { useRef, useContext, useState } from 'react';
-import { f as format } from '../index-9ee89f7c.js';
+import { f as format } from '../index-caabeae5.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ba549e6a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-99e3b057.js';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import TextButton from './TextButton.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-2ea97dc1.js';
-import { u as useLocalization } from '../LocalizationContext-4b25e6bc.js';
-import { g as getSenderFromMessage, b as isFineResend, s as showMenuTrigger, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-a245d213.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-29dcaddb.js';
-import { u as useLongPress } from '../useLongPress-562f0826.js';
-import '../index-f3ba7696.js';
+import { a as UserProfileContext } from '../UserProfileContext-b722645f.js';
+import { u as useLocalization } from '../LocalizationContext-21c445a7.js';
+import { g as getSenderFromMessage, b as isFineResend, s as showMenuTrigger, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-7e7649f2.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-46321124.js';
+import { u as useLongPress } from '../useLongPress-c46971c4.js';
+import '../index-9746b9e4.js';
 import './ImageRenderer.js';
-import '../uuid-7397f1ec.js';
+import '../uuid-e3615ce2.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-58b5008c.js';
+import '../index-0a265c2c.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../stringSet-80381462.js';
-import '../color-a450612f.js';
+import '../stringSet-8f776451.js';
+import '../color-e4afd956.js';
 import '../sendbirdSelectors.js';
-import '../topics-aa4d9dac.js';
-import '../utils-b84d9295.js';
+import '../topics-e27c1d5d.js';
+import '../utils-cd7aab7a.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';

package/ui/OpenchannelOGMessage.js

@@ -1,35 +1,35 @@
-import { a as _extends } from '../_rollupPluginBabelHelpers-38fb8170.js';
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-33004eb4.js';
+import { a as _extends } from '../_rollupPluginBabelHelpers-06a0d79e.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-c441d88b.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../index-9ee89f7c.js';
+import { f as format } from '../index-caabeae5.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import LinkLabel from './LinkLabel.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ba549e6a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-99e3b057.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
 import Word from './Word.js';
-import { a as UserProfileContext } from '../UserProfileContext-2ea97dc1.js';
-import { u as uuidv4 } from '../uuid-7397f1ec.js';
-import { c as copyToClipboard } from '../utils-3eee4302.js';
-import { u as useLocalization } from '../LocalizationContext-4b25e6bc.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-a245d213.js';
+import { a as UserProfileContext } from '../UserProfileContext-b722645f.js';
+import { u as uuidv4 } from '../uuid-e3615ce2.js';
+import { c as copyToClipboard } from '../utils-ce528957.js';
+import { u as useLocalization } from '../LocalizationContext-21c445a7.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-7e7649f2.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-29dcaddb.js';
-import { u as useLongPress } from '../useLongPress-562f0826.js';
-import '../index-f3ba7696.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-46321124.js';
+import { u as useLongPress } from '../useLongPress-c46971c4.js';
+import '../index-9746b9e4.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-58b5008c.js';
+import '../index-0a265c2c.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../stringSet-80381462.js';
+import '../stringSet-8f776451.js';
 import '../sendbirdSelectors.js';
-import '../topics-aa4d9dac.js';
-import '../utils-b84d9295.js';
+import '../topics-e27c1d5d.js';
+import '../utils-cd7aab7a.js';
 import './Button.js';
 import './MentionLabel.js';
 import '../withSendbird.js';

package/ui/OpenchannelThumbnailMessage.js

@@ -1,31 +1,31 @@
-import { a as _extends } from '../_rollupPluginBabelHelpers-38fb8170.js';
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-33004eb4.js';
+import { a as _extends } from '../_rollupPluginBabelHelpers-06a0d79e.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-c441d88b.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../index-9ee89f7c.js';
-import { u as useLocalization } from '../LocalizationContext-4b25e6bc.js';
+import { f as format } from '../index-caabeae5.js';
+import { u as useLocalization } from '../LocalizationContext-21c445a7.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconColors, IconTypes } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ba549e6a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-99e3b057.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-2ea97dc1.js';
-import { g as getSenderFromMessage, b as isFineResend, s as showMenuTrigger, c as isFineDelete, O as OpenChannelMobileMenu, f as checkIsSent, d as checkIsPending, e as checkIsFailed } from '../index-a245d213.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-29dcaddb.js';
-import { u as useLongPress } from '../useLongPress-562f0826.js';
-import '../index-f3ba7696.js';
-import '../stringSet-80381462.js';
-import '../uuid-7397f1ec.js';
+import { a as UserProfileContext } from '../UserProfileContext-b722645f.js';
+import { g as getSenderFromMessage, b as isFineResend, s as showMenuTrigger, c as isFineDelete, O as OpenChannelMobileMenu, f as checkIsSent, d as checkIsPending, e as checkIsFailed } from '../index-7e7649f2.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-46321124.js';
+import { u as useLongPress } from '../useLongPress-c46971c4.js';
+import '../index-9746b9e4.js';
+import '../stringSet-8f776451.js';
+import '../uuid-e3615ce2.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-58b5008c.js';
+import '../index-0a265c2c.js';
 import '../utils/message/getOutgoingMessageState.js';
 import '../sendbirdSelectors.js';
-import '../topics-aa4d9dac.js';
-import '../utils-b84d9295.js';
+import '../topics-e27c1d5d.js';
+import '../utils-cd7aab7a.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';

package/ui/OpenchannelUserMessage.js

@@ -1,32 +1,32 @@
-import { a as _extends } from '../_rollupPluginBabelHelpers-38fb8170.js';
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-33004eb4.js';
+import { a as _extends } from '../_rollupPluginBabelHelpers-06a0d79e.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-c441d88b.js';
 import React__default, { useContext, useRef, useState, useEffect } from 'react';
-import { f as format } from '../index-9ee89f7c.js';
+import { f as format } from '../index-caabeae5.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ba549e6a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-99e3b057.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-2ea97dc1.js';
-import { u as useLocalization } from '../LocalizationContext-4b25e6bc.js';
-import { c as copyToClipboard } from '../utils-3eee4302.js';
-import { u as uuidv4 } from '../uuid-7397f1ec.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-a245d213.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-29dcaddb.js';
-import { u as useLongPress } from '../useLongPress-562f0826.js';
-import { e as isEditedMessage } from '../index-58b5008c.js';
-import '../index-f3ba7696.js';
+import { a as UserProfileContext } from '../UserProfileContext-b722645f.js';
+import { u as useLocalization } from '../LocalizationContext-21c445a7.js';
+import { c as copyToClipboard } from '../utils-ce528957.js';
+import { u as uuidv4 } from '../uuid-e3615ce2.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, i as isFineCopy, a as isFineEdit, b as isFineResend, c as isFineDelete, O as OpenChannelMobileMenu, d as checkIsPending, e as checkIsFailed } from '../index-7e7649f2.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-46321124.js';
+import { u as useLongPress } from '../useLongPress-c46971c4.js';
+import { e as isEditedMessage } from '../index-0a265c2c.js';
+import '../index-9746b9e4.js';
 import './ImageRenderer.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../stringSet-80381462.js';
+import '../stringSet-8f776451.js';
 import '../sendbirdSelectors.js';
-import '../topics-aa4d9dac.js';
-import '../utils-b84d9295.js';
+import '../topics-e27c1d5d.js';
+import '../utils-cd7aab7a.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';

package/ui/PlaceHolder.js

@@ -1,11 +1,11 @@
-import '../tslib.es6-33004eb4.js';
+import '../tslib.es6-c441d88b.js';
 import 'react';
-export { a as PlaceHolderTypes, P as default } from '../index-e8294858.js';
-import '../LocalizationContext-4b25e6bc.js';
+export { a as PlaceHolderTypes, P as default } from '../index-b0c02bbc.js';
+import '../LocalizationContext-21c445a7.js';
 import './Icon.js';
-import '../index-ba549e6a.js';
+import '../index-99e3b057.js';
 import './Loader.js';
-import '../stringSet-80381462.js';
-import '../index-f3ba7696.js';
+import '../stringSet-8f776451.js';
+import '../index-9746b9e4.js';
 import 'prop-types';
 //# sourceMappingURL=PlaceHolder.js.map

package/ui/PlaybackTime.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
-import { a as LabelTypography, b as LabelColors, L as Label } from '../index-ba549e6a.js';
+import { a as LabelTypography, b as LabelColors, L as Label } from '../index-99e3b057.js';
 import 'prop-types';
-import '../stringSet-80381462.js';
+import '../stringSet-8f776451.js';
 
 var PlaybackTime = function (_a) {
   var className = _a.className,

package/ui/QuoteMessage.js

@@ -1,13 +1,13 @@
 import React__default, { useContext, useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ba549e6a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-99e3b057.js';
 import ImageRenderer from './ImageRenderer.js';
-import { a as LocalizationContext } from '../LocalizationContext-4b25e6bc.js';
-import { L as getUIKitFileTypes, j as getClassName, s as isUserMessage, d as isVoiceMessage, o as isThumbnailMessage, F as isVideo, M as isGif, u as getUIKitMessageType, U as UIKitMessageTypes, K as getUIKitFileType, t as truncateString } from '../index-58b5008c.js';
+import { a as LocalizationContext } from '../LocalizationContext-21c445a7.js';
+import { L as getUIKitFileTypes, j as getClassName, s as isUserMessage, d as isVoiceMessage, o as isThumbnailMessage, F as isVideo, M as isGif, u as getUIKitMessageType, U as UIKitMessageTypes, K as getUIKitFileType, t as truncateString } from '../index-0a265c2c.js';
 import 'prop-types';
-import '../stringSet-80381462.js';
-import '../tslib.es6-33004eb4.js';
-import '../index-f3ba7696.js';
+import '../stringSet-8f776451.js';
+import '../tslib.es6-c441d88b.js';
+import '../index-9746b9e4.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function QuoteMessage(_a) {

package/ui/QuoteMessageInput.js

@@ -1,14 +1,14 @@
 import React__default, { useContext } from 'react';
-import { m as isFileMessage, d as isVoiceMessage, n as isImageMessage, o as isThumbnailMessage, p as isAudioMessage, j as getClassName, q as isGifMessage, r as isVideoMessage, s as isUserMessage, u as getUIKitMessageType, U as UIKitMessageTypes } from '../index-58b5008c.js';
+import { m as isFileMessage, d as isVoiceMessage, n as isImageMessage, o as isThumbnailMessage, p as isAudioMessage, j as getClassName, q as isGifMessage, r as isVideoMessage, s as isUserMessage, u as getUIKitMessageType, U as UIKitMessageTypes } from '../index-0a265c2c.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ba549e6a.js';
-import { a as LocalizationContext } from '../LocalizationContext-4b25e6bc.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-99e3b057.js';
+import { a as LocalizationContext } from '../LocalizationContext-21c445a7.js';
 import ImageRenderer from './ImageRenderer.js';
-import '../tslib.es6-33004eb4.js';
+import '../tslib.es6-c441d88b.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-80381462.js';
-import '../index-f3ba7696.js';
+import '../stringSet-8f776451.js';
+import '../index-9746b9e4.js';
 
 var componentClassname = 'sendbird-quote_message_input__avatar';
 function QuoteMessageThumbnail(_a) {

package/ui/ReactionBadge.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-33004eb4.js';
+import { a as __spreadArray } from '../tslib.es6-c441d88b.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ba549e6a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-99e3b057.js';
 import 'prop-types';
-import '../stringSet-80381462.js';
+import '../stringSet-8f776451.js';
 
 var ReactionBadge = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var _a = props.className,

package/ui/ReactionButton.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray } from '../tslib.es6-33004eb4.js';
+import { a as __spreadArray } from '../tslib.es6-c441d88b.js';
 import React__default from 'react';
 
 var ReactionButton = /*#__PURE__*/React__default.forwardRef(function (props, ref) {

package/ui/SortByRow.js

@@ -1,6 +1,6 @@
-import { a as __spreadArray } from '../tslib.es6-33004eb4.js';
+import { a as __spreadArray } from '../tslib.es6-c441d88b.js';
 import React__default from 'react';
-import { u as uuidv4 } from '../uuid-7397f1ec.js';
+import { u as uuidv4 } from '../uuid-e3615ce2.js';
 
 var componentClassName = 'sendbird-sort-by-row';
 function SortByRow(_a) {

package/ui/TextButton.js

@@ -1,6 +1,6 @@
-import { a as __spreadArray } from '../tslib.es6-33004eb4.js';
+import { a as __spreadArray } from '../tslib.es6-c441d88b.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../color-a450612f.js';
+import { C as Colors, c as changeColorToClassName } from '../color-e4afd956.js';
 
 var TextButton = function (_a) {
   var _b = _a.className,

package/ui/TextMessageItemBody.js

@@ -1,31 +1,30 @@
 import React__default, { useContext, useMemo } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ba549e6a.js';
-import { j as getClassName, e as isEditedMessage } from '../index-58b5008c.js';
-import { a as LocalizationContext } from '../LocalizationContext-4b25e6bc.js';
-import { u as uuidv4 } from '../uuid-7397f1ec.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-99e3b057.js';
+import { j as getClassName, e as isEditedMessage } from '../index-0a265c2c.js';
+import { a as LocalizationContext } from '../LocalizationContext-21c445a7.js';
+import { u as uuidv4 } from '../uuid-e3615ce2.js';
 import Word from './Word.js';
 import 'prop-types';
-import '../stringSet-80381462.js';
-import '../tslib.es6-33004eb4.js';
+import '../stringSet-8f776451.js';
+import '../tslib.es6-c441d88b.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-f3ba7696.js';
+import '../index-9746b9e4.js';
 import './LinkLabel.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
 import './UserProfile.js';
-import '../UserProfileContext-2ea97dc1.js';
+import '../UserProfileContext-b722645f.js';
 import '../sendbirdSelectors.js';
-import '../topics-aa4d9dac.js';
-import '../utils-b84d9295.js';
+import '../topics-e27c1d5d.js';
+import '../utils-cd7aab7a.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
-import '../_rollupPluginBabelHelpers-38fb8170.js';
 
 function TextMessageItemBody(_a) {
   var _b, _c, _d;

package/ui/TextMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextMessageItemBody.js","sources":["../../src/ui/TextMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useMemo } from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport uuidv4 from '../../utils/uuid';\nimport Word from '../Word';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isMentionEnabled?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport default function TextMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isMentionEnabled = false,\n  isReactionEnabled = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n  const sentences: Array<Array<string>> = useMemo(() => {\n    if (isMessageMentioned) {\n      return message?.mentionedMessageTemplate?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n    }\n    return message?.message?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n  }, [message?.mentionedMessageTemplate]);\n  return (\n    <Label\n      type={LabelTypography.BODY_1}\n      color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n    >\n      <div className={getClassName([\n        className,\n        'sendbird-text-message-item-body',\n        isByMe ? 'outgoing' : 'incoming',\n        mouseHover ? 'mouse-hover' : '',\n        (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n      ])}>\n        {\n          sentences.map((sentence, index) => {\n            return [\n              sentence.map((word) => {\n                return (\n                  <Word\n                    key={uuidv4()}\n                    word={word}\n                    message={message}\n                    isByMe={isByMe}\n                  />\n                );\n              }),\n              sentences?.[index + 1] ? <br /> : null,\n            ]\n          })\n        }\n        {\n          isEditedMessage(message) && (\n            <Label\n              className=\"sendbird-text-message-item-body__message edited\"\n              type={LabelTypography.BODY_1}\n              color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n            >\n              {` ${stringSet.MESSAGE_EDITED} `}\n            </Label>\n          )\n        }\n      </div>\n    </Label>\n  );\n}\n"],"names":["TextMessageItemBody","_a","className","message","_e","isByMe","_f","mouseHover","_g","isMentionEnabled","_h","isReactionEnabled","stringSet","useContext","LocalizationContext","isMessageMentioned","_b","mentionedMessageTemplate","length","_c","mentionedUsers","sentences","useMemo","split","map","sentence","React","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","getClassName","_d","reactions","index","word","uuidv4","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","concat","MESSAGE_EDITED"],"mappings":"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"}
+{"version":3,"file":"TextMessageItemBody.js","sources":["../../src/ui/TextMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useMemo } from 'react';\nimport type { UserMessage } from '@sendbird/chat/message';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { getClassName, isEditedMessage } from '../../utils';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport uuidv4 from '../../utils/uuid';\nimport Word from '../Word';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isMentionEnabled?: boolean;\n  isReactionEnabled?: boolean;\n}\n\nexport default function TextMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isMentionEnabled = false,\n  isReactionEnabled = false,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const isMessageMentioned = isMentionEnabled && message?.mentionedMessageTemplate?.length > 0 && message?.mentionedUsers?.length > 0;\n  const sentences: Array<Array<string>> = useMemo(() => {\n    if (isMessageMentioned) {\n      return message?.mentionedMessageTemplate?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n    }\n    return message?.message?.split(/\\n/).map((sentence) => sentence.split(/\\s/));\n  }, [message?.mentionedMessageTemplate]);\n  return (\n    <Label\n      type={LabelTypography.BODY_1}\n      color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n    >\n      <div className={getClassName([\n        className,\n        'sendbird-text-message-item-body',\n        isByMe ? 'outgoing' : 'incoming',\n        mouseHover ? 'mouse-hover' : '',\n        (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n      ])}>\n        {\n          sentences.map((sentence, index) => {\n            return [\n              sentence.map((word) => {\n                return (\n                  <Word\n                    key={uuidv4()}\n                    word={word}\n                    message={message}\n                    isByMe={isByMe}\n                  />\n                );\n              }),\n              sentences?.[index + 1] ? <br /> : null,\n            ]\n          })\n        }\n        {\n          isEditedMessage(message) && (\n            <Label\n              className=\"sendbird-text-message-item-body__message edited\"\n              type={LabelTypography.BODY_1}\n              color={isByMe ? LabelColors.ONCONTENT_2 : LabelColors.ONBACKGROUND_2}\n            >\n              {` ${stringSet.MESSAGE_EDITED} `}\n            </Label>\n          )\n        }\n      </div>\n    </Label>\n  );\n}\n"],"names":["TextMessageItemBody","_a","className","message","_e","isByMe","_f","mouseHover","_g","isMentionEnabled","_h","isReactionEnabled","stringSet","useContext","LocalizationContext","isMessageMentioned","_b","mentionedMessageTemplate","length","_c","mentionedUsers","sentences","useMemo","split","map","sentence","React","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","getClassName","_d","reactions","index","word","uuidv4","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","concat","MESSAGE_EDITED"],"mappings":"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"}

package/ui/ThreadReplies.js

@@ -1,14 +1,14 @@
 import React__default from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ba549e6a.js';
-import { u as useLocalization } from '../LocalizationContext-4b25e6bc.js';
-import { u as uuidv4 } from '../uuid-7397f1ec.js';
-import '../tslib.es6-33004eb4.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-99e3b057.js';
+import { u as useLocalization } from '../LocalizationContext-21c445a7.js';
+import { u as uuidv4 } from '../uuid-e3615ce2.js';
+import '../tslib.es6-c441d88b.js';
 import './ImageRenderer.js';
 import 'prop-types';
-import '../stringSet-80381462.js';
-import '../index-f3ba7696.js';
+import '../stringSet-8f776451.js';
+import '../index-9746b9e4.js';
 
 function ThreadReplies(_a) {
   var _b;

package/ui/ThumbnailMessageItemBody.js

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ImageRenderer from './ImageRenderer.js';
-import { j as getClassName, v as isSentMessage, r as isVideoMessage, q as isGifMessage } from '../index-58b5008c.js';
+import { j as getClassName, v as isSentMessage, r as isVideoMessage, q as isGifMessage } from '../index-0a265c2c.js';
 import 'prop-types';
-import '../tslib.es6-33004eb4.js';
+import '../tslib.es6-c441d88b.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function ThumbnailMessageItemBody(_a) {

package/ui/Tooltip.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-33004eb4.js';
+import { a as __spreadArray } from '../tslib.es6-c441d88b.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ba549e6a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-99e3b057.js';
 import 'prop-types';
-import '../stringSet-80381462.js';
+import '../stringSet-8f776451.js';
 
 function Tooltip(_a) {
   var _b = _a.className,

package/ui/TooltipWrapper.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray } from '../tslib.es6-33004eb4.js';
+import { a as __spreadArray } from '../tslib.es6-c441d88b.js';
 import React__default, { useState, useRef } from 'react';
 
 var SPACE_FROM_TRIGGER = 8;

package/ui/UnknownMessageItemBody.js

@@ -1,12 +1,12 @@
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ba549e6a.js';
-import { j as getClassName } from '../index-58b5008c.js';
-import { a as LocalizationContext } from '../LocalizationContext-4b25e6bc.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-99e3b057.js';
+import { j as getClassName } from '../index-0a265c2c.js';
+import { a as LocalizationContext } from '../LocalizationContext-21c445a7.js';
 import 'prop-types';
-import '../stringSet-80381462.js';
-import '../tslib.es6-33004eb4.js';
+import '../stringSet-8f776451.js';
+import '../tslib.es6-c441d88b.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-f3ba7696.js';
+import '../index-9746b9e4.js';
 
 function UnknownMessageItemBody(_a) {
   var _b;