@sendbird/uikit-react 3.4.4 → 3.4.5

package/ui/OpenchannelOGMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenchannelOGMessage.js","sources":["../../src/ui/OpenchannelOGMessage/utils.ts","../../src/ui/OpenchannelOGMessage/index.tsx"],"sourcesContent":["import type { UserMessage } from \"@sendbird/chat/message\";\n\nexport const URL_REG = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;\nexport const createUrlTester = (regexp: RegExp) => (text: string): boolean => regexp.test(text);\nexport const checkOGIsEnalbed = (message: UserMessage): boolean => {\n  const { ogMetaData } = message;\n  if (!ogMetaData) {\n    return false;\n  }\n  const { url } = ogMetaData;\n  if (!url) {\n    return false;\n  }\n  return true;\n};\n","import React, { useState, useContext, useMemo, useRef, useEffect } from 'react';\nimport { UserMessage } from '@sendbird/chat/message';\nimport format from 'date-fns/format';\nimport './index.scss';\n\nimport Avatar from '../Avatar';\nimport ContextMenu, { MenuItems, MenuItem } from '../ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport ImageRenderer from '../ImageRenderer';\nimport LinkLabel from '../LinkLabel';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Loader from '../Loader';\nimport UserProfile from '../UserProfile';\nimport Word from '../Word';\nimport { UserProfileContext } from '../../lib/UserProfileContext';\n\nimport uuidv4 from '../../utils/uuid';\nimport { copyToClipboard } from '../OpenchannelUserMessage/utils';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { checkOGIsEnalbed } from './utils';\nimport {\n  checkIsPending,\n  checkIsFailed,\n  isFineCopy,\n  isFineEdit,\n  isFineResend,\n  isFineDelete,\n  showMenuTrigger,\n} from '../../utils/openChannelUtils';\nimport { getSenderFromMessage } from '../../utils/openChannelUtils';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport useLongPress from '../../hooks/useLongPress';\nimport OpenChannelMobileMenu from '../OpenChannelMobileMenu';\n\ninterface OpenChannelOGMessageProps {\n  message: UserMessage;\n  isOperator?: boolean;\n  isEphemeral?: boolean;\n  className?: string | Array<string>;\n  disabled?: boolean;\n  showEdit(bool: boolean): void;\n  showRemove(bool: boolean): void;\n  resendMessage(message: UserMessage): void;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  userId: string;\n}\n\nexport default function OpenchannelOGMessage({\n  message,\n  isOperator,\n  isEphemeral = false,\n  className,\n  disabled,\n  showEdit,\n  showRemove,\n  resendMessage,\n  chainTop,\n  userId,\n}: OpenChannelOGMessageProps): JSX.Element {\n  if (!message || message.messageType !== 'user') {\n    return null;\n  }\n\n  const openLink = () => {\n    if (checkOGIsEnalbed(message)) {\n      const { url } = ogMetaData;\n      window.open(url);\n    }\n  };\n\n  const status = message?.sendingStatus;\n  const { ogMetaData } = message;\n  const { defaultImage } = ogMetaData;\n  const sdk = useSendbirdStateContext?.()?.stores?.sdkStore?.sdk;\n  const { stringSet, dateLocale } = useLocalization();\n  const { disableUserProfile, renderUserProfile } = useContext<UserProfileContext>(UserProfileContext);\n  const [contextStyle, setContextStyle] = useState({});\n  const [contextMenu, setContextMenu] = useState(false);\n  const onLongPress = useLongPress({\n    onLongPress: () => setContextMenu(true),\n    onClick: openLink,\n  }, { delay: 300 });\n  const messageComponentRef = useRef(null);\n  const contextMenuRef = useRef(null);\n  const mobileMenuRef = useRef(null);\n  const avatarRef = useRef(null);\n\n  const isPending = checkIsPending(status);\n  const isFailed = checkIsFailed(status);\n  const sender = getSenderFromMessage(message);\n  const { isMobile } = useMediaQueryContext();\n\n  const MemoizedMessageText = useMemo(() => () => {\n    const wordClassName = 'sendbird-openchannel-og-message--word';\n    const splitMessage = message.message.split(' ');\n    const matchedMessage = splitMessage\n      .map((word) => (\n        <Word\n          key={uuidv4()}\n          word={word}\n          message={message}\n          isByMe={message?.sender?.userId === sdk?.currentUser?.userId}\n        />\n      ));\n\n    if (message.updatedAt > 0) {\n      matchedMessage.push(\n        <Label\n          key={uuidv4()}\n          className={wordClassName}\n          type={LabelTypography.BODY_1}\n          color={LabelColors.ONBACKGROUND_2}\n        >\n          {stringSet.MESSAGE_EDITED}\n        </Label>,\n      );\n    }\n\n    return matchedMessage;\n  }, [message, message.updatedAt]);\n\n  // place conxt menu top depending clientHeight of message component\n  useEffect(() => {\n    if (messageComponentRef?.current?.clientHeight > 36) {\n      setContextStyle({ top: '8px ' });\n    } else {\n      setContextStyle({ top: '2px' });\n    }\n  }, [window.innerWidth]);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-openchannel-og-message',\n      ].join(' ')}\n      ref={messageComponentRef}\n    >\n      <div\n        className=\"sendbird-openchannel-og-message__top\"\n      >\n        <div className=\"sendbird-openchannel-og-message__top__left\">\n          {\n            !chainTop && (\n              <ContextMenu\n                menuTrigger={(toggleDropdown) => (\n                  <Avatar\n                    className=\"sendbird-openchannel-og-message__top__left__avatar\"\n                    src={sender.profileUrl || ''}\n                    ref={avatarRef}\n                    width=\"28px\"\n                    height=\"28px\"\n                    onClick={() => {\n                      if (!disableUserProfile) {\n                        toggleDropdown();\n                      }\n                    }}\n                  />\n                )}\n                menuItems={(closeDropdown) => (\n                  <MenuItems\n                    parentRef={avatarRef}\n                    parentContainRef={avatarRef}\n                    closeDropdown={closeDropdown}\n                    style={{ paddingTop: '0px', paddingBottom: '0px' }}\n                  >\n                    {\n                      renderUserProfile\n                        ? (\n                          renderUserProfile({\n                            user: sender,\n                            close: closeDropdown,\n                          })\n                        )\n                        : (\n                          <UserProfile\n                            user={sender}\n                            onSuccess={closeDropdown}\n                            disableMessaging\n                          />\n                        )\n                    }\n                  </MenuItems>\n                )}\n              />\n            )\n          }\n        </div>\n        <div className=\"sendbird-openchannel-og-message__top__right\">\n          {\n            !chainTop && (\n              <div className=\"sendbird-openchannel-og-message__top__right__title\">\n                <Label\n                  className=\"sendbird-openchannel-og-message__top__right__title__sender-name\"\n                  type={LabelTypography.CAPTION_2}\n                  color={isOperator ? LabelColors.SECONDARY_3 : LabelColors.ONBACKGROUND_2}\n                >\n                  {\n                    sender && (\n                      sender.friendName\n                      || sender.nickname\n                      || sender.userId\n                    )\n                  }\n                </Label>\n                <Label\n                  className=\"sendbird-openchannel-og-message__top__right__title__sent-at\"\n                  type={LabelTypography.CAPTION_3}\n                  color={LabelColors.ONBACKGROUND_3}\n                >\n                  {\n                    message?.createdAt && (\n                      format(message?.createdAt, 'p', {\n                        locale: dateLocale,\n                      })\n                    )\n                  }\n                </Label>\n              </div>\n            )\n          }\n          <div className=\"sendbird-openchannel-og-message__top__right__description\">\n            <Label\n              className=\"sendbird-openchannel-og-message__top__right__description__message\"\n              type={LabelTypography.BODY_1}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {MemoizedMessageText()}\n            </Label>\n          </div>\n        </div>\n        {\n          !isMobile && (\n            <div\n              className=\"sendbird-openchannel-og-message__top__context-menu\"\n              ref={contextMenuRef}\n              style={contextStyle}\n            >\n              <ContextMenu\n                menuTrigger={(toggleDropdown) => (\n                  showMenuTrigger({ message: message, userId: userId, status: status }) && (\n                    <IconButton\n                      className=\"sendbird-openchannel-og-message__top__context-menu--icon\"\n                      width=\"32px\"\n                      height=\"32px\"\n                      onClick={() => {\n                        toggleDropdown();\n                      }}\n                    >\n                      <Icon\n                        type={IconTypes.MORE}\n                        fillColor={IconColors.CONTENT_INVERSE}\n                        width=\"24px\"\n                        height=\"24px\"\n                      />\n                    </IconButton>\n                  )\n                )}\n                menuItems={(closeDropdown) => (\n                  <MenuItems\n                    parentRef={contextMenuRef}\n                    parentContainRef={contextMenuRef}\n                    closeDropdown={closeDropdown}\n                    openLeft\n                  >\n                    {\n                      isFineCopy({ message, userId, status }) && (\n                        <MenuItem\n                          className=\"sendbird-openchannel-og-message__top__context-menu__copy\"\n                          onClick={() => {\n                            copyToClipboard(message.message);\n                            closeDropdown();\n                          }}\n                        >\n                          {stringSet.CONTEXT_MENU_DROPDOWN__COPY}\n                        </MenuItem>\n                      )\n                    }\n                    {\n                      (!isEphemeral && isFineEdit({ message, userId, status })) && (\n                        <MenuItem\n                          className=\"sendbird-openchannel-og-message__top__context-menu__edit\"\n                          onClick={() => {\n                            if (disabled) {\n                              return;\n                            }\n                            showEdit(true);\n                            closeDropdown();\n                          }}\n                        >\n                          {stringSet.CONTEXT_MENU_DROPDOWN__EDIT}\n                        </MenuItem>\n                      )\n                    }\n                    {\n                      isFineResend({ message, userId, status }) && (\n                        <MenuItem\n                          className=\"sendbird-openchannel-og-message__top__context-menu__resend\"\n                          onClick={() => {\n                            resendMessage(message);\n                            closeDropdown();\n                          }}\n                        >\n                          {stringSet.CONTEXT_MENU_DROPDOWN__RESEND}\n                        </MenuItem>\n                      )\n                    }\n                    {\n                      (!isEphemeral && isFineDelete({ message, userId, status })) && (\n                        <MenuItem\n                          className=\"sendbird-openchannel-og-message__top__context-menu__delete\"\n                          onClick={() => {\n                            if (disabled) {\n                              return;\n                            }\n                            showRemove(true);\n                            closeDropdown();\n                          }}\n                        >\n                          {stringSet.CONTEXT_MENU_DROPDOWN__DELETE}\n                        </MenuItem>\n                      )\n                    }\n                  </MenuItems>\n                )}\n              />\n            </div>\n          )\n        }\n      </div>\n      <div className=\"sendbird-openchannel-og-message__bottom\">\n        <div className=\"sendbird-openchannel-og-message__bottom__og-tag\" ref={mobileMenuRef}>\n          {\n            ogMetaData.url && (\n              <Label\n                className=\"sendbird-openchannel-og-message__bottom__og-tag__url\"\n                type={LabelTypography.CAPTION_3}\n                color={LabelColors.ONBACKGROUND_2}\n              >\n                {ogMetaData.url}\n              </Label>\n            )\n          }\n          {\n            ogMetaData.title && (\n              <LinkLabel\n                className=\"sendbird-openchannel-og-message__bottom__og-tag__title\"\n                src={ogMetaData.url}\n                type={LabelTypography.SUBTITLE_2}\n                color={LabelColors.PRIMARY}\n              >\n                {\n                  ogMetaData.title\n                }\n              </LinkLabel>\n            )\n          }\n          {\n            ogMetaData.description && (\n              <Label\n                className=\"sendbird-openchannel-og-message__bottom__og-tag__description\"\n                type={LabelTypography.BODY_2}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {ogMetaData.description}\n              </Label>\n            )\n          }\n          {\n            ogMetaData.url && (\n              <div\n                className=\"sendbird-openchannel-og-message__bottom__og-tag__thumbnail\"\n                role=\"button\"\n                onClick={openLink}\n                onKeyDown={openLink}\n                tabIndex={0}\n                {...(isMobile ? { ...onLongPress } : {})}\n              >\n                {\n                  defaultImage && (\n                    <ImageRenderer\n                      className=\"sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image\"\n                      url={defaultImage.url || ''}\n                      alt={defaultImage.alt || ''}\n                      height=\"189px\"\n                      defaultComponent={(\n                        <div className=\"sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image--placeholder\">\n                          <Icon\n                            type={IconTypes.THUMBNAIL_NONE}\n                            width=\"56px\"\n                            height=\"56px\"\n                          />\n                        </div>\n                      )}\n                    />\n                  )\n                }\n              </div>\n            )\n          }\n        </div>\n        {\n          (isPending || isFailed) && (\n            <div className=\"sendbird-openchannel-og-message__top__right__tail\">\n              {\n                isPending && (\n                  <Loader\n                    width=\"16px\"\n                    height=\"16px\"\n                  >\n                    <Icon\n                      className=\"sendbird-openchannel-og-message__top__right__tail__pending\"\n                      type={IconTypes.SPINNER}\n                      fillColor={IconColors.PRIMARY}\n                      width=\"16px\"\n                      height=\"16px\"\n                    />\n                  </Loader>\n                )\n              }\n              {\n                isFailed && (\n                  <Icon\n                    className=\"sendbird-openchannel-og-message__top__right__tail__failed\"\n                    type={IconTypes.ERROR}\n                    fillColor={IconColors.ERROR}\n                    width=\"16px\"\n                    height=\"16px\"\n                  />\n                )\n              }\n            </div>\n          )\n        }\n      </div>\n      {\n        contextMenu && (\n          <OpenChannelMobileMenu\n            message={message}\n            parentRef={mobileMenuRef}\n            hideMenu={() => {\n              setContextMenu(false);\n            }}\n            showRemove={() => {\n              setContextMenu(false);\n              showRemove(true);\n            }}\n            showEdit={() => {\n              setContextMenu(false);\n              showEdit(true);\n            }}\n            copyToClipboard={() => {\n              setContextMenu(false);\n              copyToClipboard(message?.message);\n            }}\n            resendMessage={() => {\n              setContextMenu(false);\n              resendMessage(message);\n            }}\n          />\n        )\n      }\n    </div>\n  );\n}\n"],"names":["checkOGIsEnalbed","message","ogMetaData","url","OpenchannelOGMessage","_a","isOperator","_e","isEphemeral","className","disabled","showEdit","showRemove","resendMessage","chainTop","userId","messageType","openLink","window","open","status","sendingStatus","defaultImage","sdk","_d","_c","_b","useSendbirdStateContext","stores","sdkStore","_f","useLocalization","stringSet","dateLocale","_g","useContext","UserProfileContext","disableUserProfile","renderUserProfile","_h","useState","contextStyle","setContextStyle","_j","contextMenu","setContextMenu","onLongPress","useLongPress","onClick","delay","messageComponentRef","useRef","contextMenuRef","mobileMenuRef","avatarRef","isPending","checkIsPending","isFailed","checkIsFailed","sender","getSenderFromMessage","isMobile","useMediaQueryContext","MemoizedMessageText","useMemo","wordClassName","splitMessage","split","matchedMessage","map","word","React","uuidv4","currentUser","updatedAt","push","LabelTypography","BODY_1","LabelColors","ONBACKGROUND_2","MESSAGE_EDITED","useEffect","current","clientHeight","top","innerWidth","__spreadArray","Array","isArray","join","toggleDropdown","profileUrl","closeDropdown","paddingTop","paddingBottom","user","close","CAPTION_2","SECONDARY_3","friendName","nickname","CAPTION_3","ONBACKGROUND_3","createdAt","format","locale","ONBACKGROUND_1","showMenuTrigger","IconTypes","MORE","IconColors","CONTENT_INVERSE","isFineCopy","copyToClipboard","CONTEXT_MENU_DROPDOWN__COPY","isFineEdit","CONTEXT_MENU_DROPDOWN__EDIT","isFineResend","CONTEXT_MENU_DROPDOWN__RESEND","isFineDelete","CONTEXT_MENU_DROPDOWN__DELETE","title","SUBTITLE_2","PRIMARY","description","BODY_2","alt","THUMBNAIL_NONE","SPINNER","ERROR"],"mappings":"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"}
+{"version":3,"file":"OpenchannelOGMessage.js","sources":["../../src/ui/OpenchannelOGMessage/utils.ts","../../src/ui/OpenchannelOGMessage/index.tsx"],"sourcesContent":["import type { UserMessage } from \"@sendbird/chat/message\";\n\nexport const URL_REG = /[-a-zA-Z0-9@:%._+~#=]{1,256}\\.[a-zA-Z0-9()]{1,6}\\b([-a-zA-Z0-9()@:%_+.~#?&//=]*)/;\nexport const createUrlTester = (regexp: RegExp) => (text: string): boolean => regexp.test(text);\nexport const checkOGIsEnalbed = (message: UserMessage): boolean => {\n  const { ogMetaData } = message;\n  if (!ogMetaData) {\n    return false;\n  }\n  const { url } = ogMetaData;\n  if (!url) {\n    return false;\n  }\n  return true;\n};\n","import React, { useState, useContext, useMemo, useRef, useEffect } from 'react';\nimport { UserMessage } from '@sendbird/chat/message';\nimport format from 'date-fns/format';\nimport './index.scss';\n\nimport Avatar from '../Avatar';\nimport ContextMenu, { MenuItems, MenuItem } from '../ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport ImageRenderer from '../ImageRenderer';\nimport LinkLabel from '../LinkLabel';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Loader from '../Loader';\nimport UserProfile from '../UserProfile';\nimport { UserProfileContext } from '../../lib/UserProfileContext';\n\nimport uuidv4 from '../../utils/uuid';\nimport { copyToClipboard } from '../OpenchannelUserMessage/utils';\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { checkOGIsEnalbed } from './utils';\nimport {\n  checkIsPending,\n  checkIsFailed,\n  isFineCopy,\n  isFineEdit,\n  isFineResend,\n  isFineDelete,\n  showMenuTrigger,\n} from '../../utils/openChannelUtils';\nimport { getSenderFromMessage } from '../../utils/openChannelUtils';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport useLongPress from '../../hooks/useLongPress';\nimport OpenChannelMobileMenu from '../OpenChannelMobileMenu';\nimport TextFragment from '../../smart-components/Message/components/TextFragment';\nimport { tokenizeMessage } from '../../smart-components/Message/utils/tokens/tokenize';\n\ninterface OpenChannelOGMessageProps {\n  message: UserMessage;\n  isOperator?: boolean;\n  isEphemeral?: boolean;\n  className?: string | Array<string>;\n  disabled?: boolean;\n  showEdit(bool: boolean): void;\n  showRemove(bool: boolean): void;\n  resendMessage(message: UserMessage): void;\n  chainTop?: boolean;\n  chainBottom?: boolean;\n  userId: string;\n}\n\nexport default function OpenchannelOGMessage({\n  message,\n  isOperator,\n  isEphemeral = false,\n  className,\n  disabled,\n  showEdit,\n  showRemove,\n  resendMessage,\n  chainTop,\n  userId,\n}: OpenChannelOGMessageProps): JSX.Element {\n  if (!message || message.messageType !== 'user') {\n    return null;\n  }\n\n  const openLink = () => {\n    if (checkOGIsEnalbed(message)) {\n      const { url } = ogMetaData;\n      window.open(url);\n    }\n  };\n\n  const status = message?.sendingStatus;\n  const { ogMetaData } = message;\n  const { defaultImage } = ogMetaData;\n  const { stringSet, dateLocale } = useLocalization();\n  const { disableUserProfile, renderUserProfile } = useContext<UserProfileContext>(UserProfileContext);\n  const [contextStyle, setContextStyle] = useState({});\n  const [contextMenu, setContextMenu] = useState(false);\n  const onLongPress = useLongPress({\n    onLongPress: () => setContextMenu(true),\n    onClick: openLink,\n  }, { delay: 300 });\n  const messageComponentRef = useRef(null);\n  const contextMenuRef = useRef(null);\n  const mobileMenuRef = useRef(null);\n  const avatarRef = useRef(null);\n\n  const isPending = checkIsPending(status);\n  const isFailed = checkIsFailed(status);\n  const sender = getSenderFromMessage(message);\n  const { isMobile } = useMediaQueryContext();\n\n  const tokens = useMemo(() => {\n    return tokenizeMessage({\n      messageText: message.message,\n    });\n  }, [message?.updatedAt]);\n\n  // place conxt menu top depending clientHeight of message component\n  useEffect(() => {\n    if (messageComponentRef?.current?.clientHeight > 36) {\n      setContextStyle({ top: '8px ' });\n    } else {\n      setContextStyle({ top: '2px' });\n    }\n  }, [window.innerWidth]);\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-openchannel-og-message',\n      ].join(' ')}\n      ref={messageComponentRef}\n    >\n      <div\n        className=\"sendbird-openchannel-og-message__top\"\n      >\n        <div className=\"sendbird-openchannel-og-message__top__left\">\n          {\n            !chainTop && (\n              <ContextMenu\n                menuTrigger={(toggleDropdown) => (\n                  <Avatar\n                    className=\"sendbird-openchannel-og-message__top__left__avatar\"\n                    src={sender.profileUrl || ''}\n                    ref={avatarRef}\n                    width=\"28px\"\n                    height=\"28px\"\n                    onClick={() => {\n                      if (!disableUserProfile) {\n                        toggleDropdown();\n                      }\n                    }}\n                  />\n                )}\n                menuItems={(closeDropdown) => (\n                  <MenuItems\n                    parentRef={avatarRef}\n                    parentContainRef={avatarRef}\n                    closeDropdown={closeDropdown}\n                    style={{ paddingTop: '0px', paddingBottom: '0px' }}\n                  >\n                    {\n                      renderUserProfile\n                        ? (\n                          renderUserProfile({\n                            user: sender,\n                            close: closeDropdown,\n                          })\n                        )\n                        : (\n                          <UserProfile\n                            user={sender}\n                            onSuccess={closeDropdown}\n                            disableMessaging\n                          />\n                        )\n                    }\n                  </MenuItems>\n                )}\n              />\n            )\n          }\n        </div>\n        <div className=\"sendbird-openchannel-og-message__top__right\">\n          {\n            !chainTop && (\n              <div className=\"sendbird-openchannel-og-message__top__right__title\">\n                <Label\n                  className=\"sendbird-openchannel-og-message__top__right__title__sender-name\"\n                  type={LabelTypography.CAPTION_2}\n                  color={isOperator ? LabelColors.SECONDARY_3 : LabelColors.ONBACKGROUND_2}\n                >\n                  {\n                    sender && (\n                      sender.friendName\n                      || sender.nickname\n                      || sender.userId\n                    )\n                  }\n                </Label>\n                <Label\n                  className=\"sendbird-openchannel-og-message__top__right__title__sent-at\"\n                  type={LabelTypography.CAPTION_3}\n                  color={LabelColors.ONBACKGROUND_3}\n                >\n                  {\n                    message?.createdAt && (\n                      format(message?.createdAt, 'p', {\n                        locale: dateLocale,\n                      })\n                    )\n                  }\n                </Label>\n              </div>\n            )\n          }\n          <div className=\"sendbird-openchannel-og-message__top__right__description\">\n            <Label\n              className=\"sendbird-openchannel-og-message__top__right__description__message\"\n              type={LabelTypography.BODY_1}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              <TextFragment tokens={tokens} />\n              {\n                (message?.updatedAt > 0) && (\n                  <Label\n                    key={uuidv4()}\n                    className='sendbird-openchannel-og-message--word'\n                    type={LabelTypography.BODY_1}\n                    color={LabelColors.ONBACKGROUND_2}\n                  >\n                    {stringSet.MESSAGE_EDITED}\n                  </Label>\n                )\n              }\n            </Label>\n          </div>\n        </div>\n        {\n          !isMobile && (\n            <div\n              className=\"sendbird-openchannel-og-message__top__context-menu\"\n              ref={contextMenuRef}\n              style={contextStyle}\n            >\n              <ContextMenu\n                menuTrigger={(toggleDropdown) => (\n                  showMenuTrigger({ message: message, userId: userId, status: status }) && (\n                    <IconButton\n                      className=\"sendbird-openchannel-og-message__top__context-menu--icon\"\n                      width=\"32px\"\n                      height=\"32px\"\n                      onClick={() => {\n                        toggleDropdown();\n                      }}\n                    >\n                      <Icon\n                        type={IconTypes.MORE}\n                        fillColor={IconColors.CONTENT_INVERSE}\n                        width=\"24px\"\n                        height=\"24px\"\n                      />\n                    </IconButton>\n                  )\n                )}\n                menuItems={(closeDropdown) => (\n                  <MenuItems\n                    parentRef={contextMenuRef}\n                    parentContainRef={contextMenuRef}\n                    closeDropdown={closeDropdown}\n                    openLeft\n                  >\n                    {\n                      isFineCopy({ message, userId, status }) && (\n                        <MenuItem\n                          className=\"sendbird-openchannel-og-message__top__context-menu__copy\"\n                          onClick={() => {\n                            copyToClipboard(message.message);\n                            closeDropdown();\n                          }}\n                        >\n                          {stringSet.CONTEXT_MENU_DROPDOWN__COPY}\n                        </MenuItem>\n                      )\n                    }\n                    {\n                      (!isEphemeral && isFineEdit({ message, userId, status })) && (\n                        <MenuItem\n                          className=\"sendbird-openchannel-og-message__top__context-menu__edit\"\n                          onClick={() => {\n                            if (disabled) {\n                              return;\n                            }\n                            showEdit(true);\n                            closeDropdown();\n                          }}\n                        >\n                          {stringSet.CONTEXT_MENU_DROPDOWN__EDIT}\n                        </MenuItem>\n                      )\n                    }\n                    {\n                      isFineResend({ message, userId, status }) && (\n                        <MenuItem\n                          className=\"sendbird-openchannel-og-message__top__context-menu__resend\"\n                          onClick={() => {\n                            resendMessage(message);\n                            closeDropdown();\n                          }}\n                        >\n                          {stringSet.CONTEXT_MENU_DROPDOWN__RESEND}\n                        </MenuItem>\n                      )\n                    }\n                    {\n                      (!isEphemeral && isFineDelete({ message, userId, status })) && (\n                        <MenuItem\n                          className=\"sendbird-openchannel-og-message__top__context-menu__delete\"\n                          onClick={() => {\n                            if (disabled) {\n                              return;\n                            }\n                            showRemove(true);\n                            closeDropdown();\n                          }}\n                        >\n                          {stringSet.CONTEXT_MENU_DROPDOWN__DELETE}\n                        </MenuItem>\n                      )\n                    }\n                  </MenuItems>\n                )}\n              />\n            </div>\n          )\n        }\n      </div>\n      <div className=\"sendbird-openchannel-og-message__bottom\">\n        <div className=\"sendbird-openchannel-og-message__bottom__og-tag\" ref={mobileMenuRef}>\n          {\n            ogMetaData.url && (\n              <Label\n                className=\"sendbird-openchannel-og-message__bottom__og-tag__url\"\n                type={LabelTypography.CAPTION_3}\n                color={LabelColors.ONBACKGROUND_2}\n              >\n                {ogMetaData.url}\n              </Label>\n            )\n          }\n          {\n            ogMetaData.title && (\n              <LinkLabel\n                className=\"sendbird-openchannel-og-message__bottom__og-tag__title\"\n                src={ogMetaData.url}\n                type={LabelTypography.SUBTITLE_2}\n                color={LabelColors.PRIMARY}\n              >\n                {\n                  ogMetaData.title\n                }\n              </LinkLabel>\n            )\n          }\n          {\n            ogMetaData.description && (\n              <Label\n                className=\"sendbird-openchannel-og-message__bottom__og-tag__description\"\n                type={LabelTypography.BODY_2}\n                color={LabelColors.ONBACKGROUND_1}\n              >\n                {ogMetaData.description}\n              </Label>\n            )\n          }\n          {\n            ogMetaData.url && (\n              <div\n                className=\"sendbird-openchannel-og-message__bottom__og-tag__thumbnail\"\n                role=\"button\"\n                onClick={openLink}\n                onKeyDown={openLink}\n                tabIndex={0}\n                {...(isMobile ? { ...onLongPress } : {})}\n              >\n                {\n                  defaultImage && (\n                    <ImageRenderer\n                      className=\"sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image\"\n                      url={defaultImage.url || ''}\n                      alt={defaultImage.alt || ''}\n                      height=\"189px\"\n                      defaultComponent={(\n                        <div className=\"sendbird-openchannel-og-message__bottom__og-tag__thumbnail__image--placeholder\">\n                          <Icon\n                            type={IconTypes.THUMBNAIL_NONE}\n                            width=\"56px\"\n                            height=\"56px\"\n                          />\n                        </div>\n                      )}\n                    />\n                  )\n                }\n              </div>\n            )\n          }\n        </div>\n        {\n          (isPending || isFailed) && (\n            <div className=\"sendbird-openchannel-og-message__top__right__tail\">\n              {\n                isPending && (\n                  <Loader\n                    width=\"16px\"\n                    height=\"16px\"\n                  >\n                    <Icon\n                      className=\"sendbird-openchannel-og-message__top__right__tail__pending\"\n                      type={IconTypes.SPINNER}\n                      fillColor={IconColors.PRIMARY}\n                      width=\"16px\"\n                      height=\"16px\"\n                    />\n                  </Loader>\n                )\n              }\n              {\n                isFailed && (\n                  <Icon\n                    className=\"sendbird-openchannel-og-message__top__right__tail__failed\"\n                    type={IconTypes.ERROR}\n                    fillColor={IconColors.ERROR}\n                    width=\"16px\"\n                    height=\"16px\"\n                  />\n                )\n              }\n            </div>\n          )\n        }\n      </div>\n      {\n        contextMenu && (\n          <OpenChannelMobileMenu\n            message={message}\n            parentRef={mobileMenuRef}\n            hideMenu={() => {\n              setContextMenu(false);\n            }}\n            showRemove={() => {\n              setContextMenu(false);\n              showRemove(true);\n            }}\n            showEdit={() => {\n              setContextMenu(false);\n              showEdit(true);\n            }}\n            copyToClipboard={() => {\n              setContextMenu(false);\n              copyToClipboard(message?.message);\n            }}\n            resendMessage={() => {\n              setContextMenu(false);\n              resendMessage(message);\n            }}\n          />\n        )\n      }\n    </div>\n  );\n}\n"],"names":["checkOGIsEnalbed","message","ogMetaData","url","OpenchannelOGMessage","_a","isOperator","_b","isEphemeral","className","disabled","showEdit","showRemove","resendMessage","chainTop","userId","messageType","openLink","window","open","status","sendingStatus","defaultImage","_c","useLocalization","stringSet","dateLocale","_d","useContext","UserProfileContext","disableUserProfile","renderUserProfile","_e","useState","contextStyle","setContextStyle","_f","contextMenu","setContextMenu","onLongPress","useLongPress","onClick","delay","messageComponentRef","useRef","contextMenuRef","mobileMenuRef","avatarRef","isPending","checkIsPending","isFailed","checkIsFailed","sender","getSenderFromMessage","isMobile","useMediaQueryContext","tokens","useMemo","tokenizeMessage","messageText","updatedAt","useEffect","current","clientHeight","top","innerWidth","React","__spreadArray","Array","isArray","join","toggleDropdown","profileUrl","closeDropdown","paddingTop","paddingBottom","user","close","LabelTypography","CAPTION_2","LabelColors","SECONDARY_3","ONBACKGROUND_2","friendName","nickname","CAPTION_3","ONBACKGROUND_3","createdAt","format","locale","BODY_1","ONBACKGROUND_1","uuidv4","MESSAGE_EDITED","showMenuTrigger","IconTypes","MORE","IconColors","CONTENT_INVERSE","isFineCopy","copyToClipboard","CONTEXT_MENU_DROPDOWN__COPY","isFineEdit","CONTEXT_MENU_DROPDOWN__EDIT","isFineResend","CONTEXT_MENU_DROPDOWN__RESEND","isFineDelete","CONTEXT_MENU_DROPDOWN__DELETE","title","SUBTITLE_2","PRIMARY","description","BODY_2","alt","THUMBNAIL_NONE","SPINNER","ERROR"],"mappings":"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"}

package/ui/OpenchannelThumbnailMessage.js

@@ -1,31 +1,31 @@
-import { a as _extends } from '../_rollupPluginBabelHelpers-37cba0d6.js';
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-1aaf3795.js';
+import { a as _extends } from '../_rollupPluginBabelHelpers-e908c50d.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-209c9f08.js';
 import React__default, { useContext, useState, useRef, useMemo, useEffect } from 'react';
-import { f as format } from '../index-97a2ff37.js';
-import { u as useLocalization } from '../LocalizationContext-ef72d4b1.js';
+import { f as format } from '../index-aced8439.js';
+import { u as useLocalization } from '../LocalizationContext-654ae04f.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-2c0ab386.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8e901b57.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-5d7c5f9f.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-90365474.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-683c7242.js';
-import { u as useLongPress } from '../useLongPress-1ae5a380.js';
-import '../index-18c2f8d4.js';
-import '../stringSet-273bec27.js';
-import '../uuid-29207f65.js';
+import { a as UserProfileContext } from '../UserProfileContext-1996d4d2.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-47d179f2.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-e791a4d1.js';
+import { u as useLongPress } from '../useLongPress-e2570976.js';
+import '../index-cf141ad7.js';
+import '../stringSet-7c7d84fc.js';
+import '../uuid-31c6ecb2.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../index-556999ef.js';
+import '../index-83ae3ffe.js';
 import '../utils/message/getOutgoingMessageState.js';
 import '../sendbirdSelectors.js';
-import '../topics-df7f51d4.js';
-import '../utils-99c30ef6.js';
+import '../topics-4697c2b3.js';
+import '../utils-04bd857d.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';

package/ui/OpenchannelUserMessage.js

@@ -1,32 +1,32 @@
-import { a as _extends } from '../_rollupPluginBabelHelpers-37cba0d6.js';
-import { a as __spreadArray, _ as __assign } from '../tslib.es6-1aaf3795.js';
+import { a as _extends } from '../_rollupPluginBabelHelpers-e908c50d.js';
+import { a as __spreadArray, _ as __assign } from '../tslib.es6-209c9f08.js';
 import React__default, { useContext, useRef, useState, useEffect } from 'react';
-import { f as format } from '../index-97a2ff37.js';
+import { f as format } from '../index-aced8439.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-2c0ab386.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8e901b57.js';
 import Loader from './Loader.js';
 import UserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-5d7c5f9f.js';
-import { u as useLocalization } from '../LocalizationContext-ef72d4b1.js';
-import { c as copyToClipboard } from '../utils-09901477.js';
-import { u as uuidv4 } from '../uuid-29207f65.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-90365474.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-683c7242.js';
-import { u as useLongPress } from '../useLongPress-1ae5a380.js';
-import { e as isEditedMessage } from '../index-556999ef.js';
-import '../index-18c2f8d4.js';
+import { a as UserProfileContext } from '../UserProfileContext-1996d4d2.js';
+import { u as useLocalization } from '../LocalizationContext-654ae04f.js';
+import { c as copyToClipboard } from '../utils-3d03001e.js';
+import { u as uuidv4 } from '../uuid-31c6ecb2.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-47d179f2.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-e791a4d1.js';
+import { u as useLongPress } from '../useLongPress-e2570976.js';
+import { e as isEditedMessage } from '../index-83ae3ffe.js';
+import '../index-cf141ad7.js';
 import './ImageRenderer.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../stringSet-273bec27.js';
+import '../stringSet-7c7d84fc.js';
 import '../sendbirdSelectors.js';
-import '../topics-df7f51d4.js';
-import '../utils-99c30ef6.js';
+import '../topics-4697c2b3.js';
+import '../utils-04bd857d.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';

package/ui/PlaceHolder.js

@@ -1,11 +1,11 @@
-import '../tslib.es6-1aaf3795.js';
+import '../tslib.es6-209c9f08.js';
 import 'react';
-export { a as PlaceHolderTypes, P as default } from '../index-86cb1c98.js';
-import '../LocalizationContext-ef72d4b1.js';
+export { a as PlaceHolderTypes, P as default } from '../index-0ecbda20.js';
+import '../LocalizationContext-654ae04f.js';
 import './Icon.js';
-import '../index-2c0ab386.js';
+import '../index-8e901b57.js';
 import './Loader.js';
-import '../stringSet-273bec27.js';
-import '../index-18c2f8d4.js';
+import '../stringSet-7c7d84fc.js';
+import '../index-cf141ad7.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-2c0ab386.js';
+import { a as LabelTypography, b as LabelColors, L as Label } from '../index-8e901b57.js';
 import 'prop-types';
-import '../stringSet-273bec27.js';
+import '../stringSet-7c7d84fc.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-2c0ab386.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8e901b57.js';
 import ImageRenderer from './ImageRenderer.js';
-import { a as LocalizationContext } from '../LocalizationContext-ef72d4b1.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-556999ef.js';
+import { a as LocalizationContext } from '../LocalizationContext-654ae04f.js';
+import { L as getUIKitFileTypes, j as getClassName, r as isUserMessage, d as isVoiceMessage, n as isThumbnailMessage, E as isVideo, M as isGif, s as getUIKitMessageType, U as UIKitMessageTypes, K as getUIKitFileType, t as truncateString } from '../index-83ae3ffe.js';
 import 'prop-types';
-import '../stringSet-273bec27.js';
-import '../tslib.es6-1aaf3795.js';
-import '../index-18c2f8d4.js';
+import '../stringSet-7c7d84fc.js';
+import '../tslib.es6-209c9f08.js';
+import '../index-cf141ad7.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-556999ef.js';
+import { l as isFileMessage, d as isVoiceMessage, m as isImageMessage, n as isThumbnailMessage, o as isAudioMessage, j as getClassName, p as isGifMessage, q as isVideoMessage, r as isUserMessage, s as getUIKitMessageType, U as UIKitMessageTypes } from '../index-83ae3ffe.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-2c0ab386.js';
-import { a as LocalizationContext } from '../LocalizationContext-ef72d4b1.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8e901b57.js';
+import { a as LocalizationContext } from '../LocalizationContext-654ae04f.js';
 import ImageRenderer from './ImageRenderer.js';
-import '../tslib.es6-1aaf3795.js';
+import '../tslib.es6-209c9f08.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-273bec27.js';
-import '../index-18c2f8d4.js';
+import '../stringSet-7c7d84fc.js';
+import '../index-cf141ad7.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-1aaf3795.js';
+import { a as __spreadArray } from '../tslib.es6-209c9f08.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-2c0ab386.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8e901b57.js';
 import 'prop-types';
-import '../stringSet-273bec27.js';
+import '../stringSet-7c7d84fc.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-1aaf3795.js';
+import { a as __spreadArray } from '../tslib.es6-209c9f08.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-1aaf3795.js';
+import { a as __spreadArray } from '../tslib.es6-209c9f08.js';
 import React__default from 'react';
-import { u as uuidv4 } from '../uuid-29207f65.js';
+import { u as uuidv4 } from '../uuid-31c6ecb2.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-1aaf3795.js';
+import { a as __spreadArray } from '../tslib.es6-209c9f08.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../color-e5d40073.js';
+import { C as Colors, c as changeColorToClassName } from '../color-f6e2214f.js';
 
 var TextButton = function (_a) {
   var _b = _a.className,

package/ui/TextMessageItemBody.js

@@ -1,30 +1,33 @@
 import React__default, { useContext, useMemo } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-2c0ab386.js';
-import { j as getClassName, e as isEditedMessage } from '../index-556999ef.js';
-import { a as LocalizationContext } from '../LocalizationContext-ef72d4b1.js';
-import { u as uuidv4 } from '../uuid-29207f65.js';
-import Word from './Word.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8e901b57.js';
+import { j as getClassName, e as isEditedMessage } from '../index-83ae3ffe.js';
+import { a as LocalizationContext } from '../LocalizationContext-654ae04f.js';
+import { t as tokenizeMessage } from '../tokenize-8f238f49.js';
+import { T as TextFragment } from '../index-ace292c2.js';
+import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../consts-12512664.js';
 import 'prop-types';
-import '../stringSet-273bec27.js';
-import '../tslib.es6-1aaf3795.js';
+import '../stringSet-7c7d84fc.js';
+import '../tslib.es6-209c9f08.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-18c2f8d4.js';
-import './LinkLabel.js';
+import '../index-cf141ad7.js';
+import '../Message/context.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
+import '../uuid-31c6ecb2.js';
 import './UserProfile.js';
-import '../UserProfileContext-5d7c5f9f.js';
+import '../UserProfileContext-1996d4d2.js';
 import '../sendbirdSelectors.js';
-import '../topics-df7f51d4.js';
-import '../utils-99c30ef6.js';
+import '../topics-4697c2b3.js';
+import '../utils-04bd857d.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import './Button.js';
 import '../useSendbirdStateContext.js';
 import '../withSendbird.js';
+import './LinkLabel.js';
 
 function TextMessageItemBody(_a) {
   var _b, _c, _d;
@@ -41,33 +44,25 @@ function TextMessageItemBody(_a) {
       isReactionEnabled = _h === void 0 ? false : _h;
   var stringSet = useContext(LocalizationContext).stringSet;
   var isMessageMentioned = isMentionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _b === void 0 ? void 0 : _b.length) > 0 && ((_c = message === null || message === void 0 ? void 0 : message.mentionedUsers) === null || _c === void 0 ? void 0 : _c.length) > 0;
-  var sentences = useMemo(function () {
-    var _a, _b;
-
+  var tokens = useMemo(function () {
     if (isMessageMentioned) {
-      return (_a = message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate) === null || _a === void 0 ? void 0 : _a.split(/\n/).map(function (sentence) {
-        return sentence.split(/\s/);
+      return tokenizeMessage({
+        mentionedUsers: message === null || message === void 0 ? void 0 : message.mentionedUsers,
+        messageText: message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate
       });
     }
 
-    return (_b = message === null || message === void 0 ? void 0 : message.message) === null || _b === void 0 ? void 0 : _b.split(/\n/).map(function (sentence) {
-      return sentence.split(/\s/);
+    return tokenizeMessage({
+      messageText: message === null || message === void 0 ? void 0 : message.message
     });
-  }, [message === null || message === void 0 ? void 0 : message.mentionedMessageTemplate]);
+  }, [message === null || message === void 0 ? void 0 : message.updatedAt]);
   return /*#__PURE__*/React__default.createElement(Label, {
     type: LabelTypography.BODY_1,
     color: isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1
   }, /*#__PURE__*/React__default.createElement("div", {
-    className: getClassName([className, 'sendbird-text-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && ((_d = message === null || message === void 0 ? void 0 : message.reactions) === null || _d === void 0 ? void 0 : _d.length) > 0 ? 'reactions' : ''])
-  }, sentences.map(function (sentence, index) {
-    return [sentence.map(function (word) {
-      return /*#__PURE__*/React__default.createElement(Word, {
-        key: uuidv4(),
-        word: word,
-        message: message,
-        isByMe: isByMe
-      });
-    }), (sentences === null || sentences === void 0 ? void 0 : sentences[index + 1]) ? /*#__PURE__*/React__default.createElement("br", null) : null];
+    className: getClassName([className, TEXT_MESSAGE_BODY_CLASSNAME, isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && ((_d = message === null || message === void 0 ? void 0 : message.reactions) === null || _d === void 0 ? void 0 : _d.length) > 0 ? 'reactions' : ''])
+  }, /*#__PURE__*/React__default.createElement(TextFragment, {
+    tokens: tokens
   }), isEditedMessage(message) && /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-text-message-item-body__message edited",
     type: LabelTypography.BODY_1,

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 { tokenizeMessage } from '../../smart-components/Message/utils/tokens/tokenize';\nimport TextFragment from '../../smart-components/Message/components/TextFragment';\nimport { TEXT_MESSAGE_BODY_CLASSNAME } from './consts';\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\n    && message?.mentionedMessageTemplate?.length > 0\n    && message?.mentionedUsers?.length > 0;\n  const tokens = useMemo(() => {\n    if (isMessageMentioned) {\n      return tokenizeMessage({\n        mentionedUsers: message?.mentionedUsers,\n        messageText: message?.mentionedMessageTemplate,\n      });\n    }\n    return tokenizeMessage({\n      messageText: message?.message,\n    });\n  }, [message?.updatedAt]);\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        TEXT_MESSAGE_BODY_CLASSNAME,\n        isByMe ? 'outgoing' : 'incoming',\n        mouseHover ? 'mouse-hover' : '',\n        (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n      ])}>\n        <TextFragment tokens={tokens} />\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","tokens","useMemo","tokenizeMessage","messageText","updatedAt","React","LabelTypography","BODY_1","LabelColors","ONCONTENT_1","ONBACKGROUND_1","getClassName","TEXT_MESSAGE_BODY_CLASSNAME","_d","reactions","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-2c0ab386.js';
-import { u as useLocalization } from '../LocalizationContext-ef72d4b1.js';
-import { u as uuidv4 } from '../uuid-29207f65.js';
-import '../tslib.es6-1aaf3795.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8e901b57.js';
+import { u as useLocalization } from '../LocalizationContext-654ae04f.js';
+import { u as uuidv4 } from '../uuid-31c6ecb2.js';
+import '../tslib.es6-209c9f08.js';
 import './ImageRenderer.js';
 import 'prop-types';
-import '../stringSet-273bec27.js';
-import '../index-18c2f8d4.js';
+import '../stringSet-7c7d84fc.js';
+import '../index-cf141ad7.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-556999ef.js';
+import { j as getClassName, u as isSentMessage, q as isVideoMessage, p as isGifMessage } from '../index-83ae3ffe.js';
 import 'prop-types';
-import '../tslib.es6-1aaf3795.js';
+import '../tslib.es6-209c9f08.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function ThumbnailMessageItemBody(_a) {

package/ui/Tooltip.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-1aaf3795.js';
+import { a as __spreadArray } from '../tslib.es6-209c9f08.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-2c0ab386.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8e901b57.js';
 import 'prop-types';
-import '../stringSet-273bec27.js';
+import '../stringSet-7c7d84fc.js';
 
 function Tooltip(_a) {
   var _b = _a.className,

package/ui/TooltipWrapper.js

@@ -1,4 +1,4 @@
-import { a as __spreadArray } from '../tslib.es6-1aaf3795.js';
+import { a as __spreadArray } from '../tslib.es6-209c9f08.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-2c0ab386.js';
-import { j as getClassName } from '../index-556999ef.js';
-import { a as LocalizationContext } from '../LocalizationContext-ef72d4b1.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8e901b57.js';
+import { j as getClassName } from '../index-83ae3ffe.js';
+import { a as LocalizationContext } from '../LocalizationContext-654ae04f.js';
 import 'prop-types';
-import '../stringSet-273bec27.js';
-import '../tslib.es6-1aaf3795.js';
+import '../stringSet-7c7d84fc.js';
+import '../tslib.es6-209c9f08.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-18c2f8d4.js';
+import '../index-cf141ad7.js';
 
 function UnknownMessageItemBody(_a) {
   var _b;