@sendbird/uikit-react 3.4.7 → 3.4.8-rc.1

package/cjs/ui/OpenchannelUserMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OpenchannelUserMessage.js","sources":["../../../src/ui/OpenchannelUserMessage/index.tsx"],"sourcesContent":["import React, {\n  useContext,\n  useRef,\n  useState,\n  ReactElement,\n  useEffect,\n} 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 Label, { LabelTypography, LabelColors } from '../Label';\nimport Loader from '../Loader';\nimport UserProfile from '../UserProfile';\nimport { UserProfileContext } from '../../lib/UserProfileContext';\n\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { copyToClipboard } from './utils';\nimport uuidv4 from '../../utils/uuid';\nimport {\n  checkIsPending,\n  checkIsFailed,\n  isFineCopy,\n  isFineEdit,\n  isFineResend,\n  isFineDelete,\n  showMenuTrigger,\n  getSenderFromMessage,\n} from '../../utils/openChannelUtils';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport OpenChannelMobileMenu from '../OpenChannelMobileMenu';\nimport useLongPress from '../../hooks/useLongPress';\nimport { isEditedMessage } from '../../utils';\n\ninterface OpenChannelUserMessageProps {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isOperator?: boolean;\n  isEphemeral?: boolean;\n  userId: 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}\n\nexport default function OpenchannelUserMessage({\n  className,\n  message,\n  isOperator,\n  isEphemeral = false,\n  userId,\n  resendMessage,\n  disabled,\n  showEdit,\n  showRemove,\n  chainTop,\n}: OpenChannelUserMessageProps): ReactElement {\n  if (!message || message.messageType !== 'user') {\n    return null;\n  }\n\n  // hooks\n  const { stringSet, dateLocale } = useLocalization();\n  const { disableUserProfile, renderUserProfile } = useContext<UserProfileContext>(UserProfileContext);\n  const messageRef = useRef(null);\n  const avatarRef = useRef(null);\n  const contextMenuRef = useRef(null);\n  const mobileMenuRef = useRef(null);\n  const [contextStyle, setContextStyle] = useState({});\n  const [contextMenu, setContextMenu] = useState(false);\n\n  // consts\n  const status = message?.sendingStatus;\n  const isPending = checkIsPending(status);\n  const isFailed = checkIsFailed(status);\n  const sender = getSenderFromMessage(message);\n\n  // place context menu top depending clientHeight of message component\n  useEffect(() => {\n    if (messageRef?.current?.clientHeight > 36) {\n      setContextStyle({ top: '8px ' });\n    } else {\n      setContextStyle({ top: '2px' });\n    }\n  }, [window.innerWidth]);\n\n  const onLongPress = useLongPress({\n    onLongPress: () => {\n      setContextMenu(true);\n    },\n  });\n\n  const { isMobile } = useMediaQueryContext();\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-openchannel-user-message',\n      ].join(' ')}\n      ref={messageRef}\n    >\n      <div className=\"sendbird-openchannel-user-message__left\">\n        {\n          !chainTop && (\n            <ContextMenu\n              menuTrigger={(toggleDropdown) => (\n                <Avatar\n                  className=\"sendbird-openchannel-user-message__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-user-message__right\">\n        {\n          !chainTop && (\n            <div className=\"sendbird-openchannel-user-message__right__top\">\n              <Label\n                className=\"sendbird-openchannel-user-message__right__top__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-user-message__right__top__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\n          {...(isMobile ? { ...onLongPress } : {})}\n          className=\"sendbird-openchannel-user-message__right__bottom\" ref={mobileMenuRef}>\n          <Label\n            className=\"sendbird-openchannel-user-message__right__bottom__message\"\n            type={LabelTypography.BODY_1}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message?.message}\n            {isEditedMessage(message) && (\n              <Label\n                key={uuidv4()}\n                type={LabelTypography.BODY_1}\n                color={LabelColors.ONBACKGROUND_2}\n                calssName=\"sendbird-openchannel-user-message-word\"\n              >\n                {` ${stringSet.MESSAGE_EDITED} `}\n              </Label>\n            )}\n          </Label>\n        </div>\n        {\n          (isPending || isFailed) && (\n            <div className=\"sendbird-openchannel-user-message__right__tail\">\n              {\n                isPending && (\n                  <Loader\n                    width=\"16px\"\n                    height=\"16px\"\n                  >\n                    <Icon\n                      className=\"sendbird-openchannel-user-message__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-user-message__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        !isMobile && (\n          <div\n            className=\"sendbird-openchannel-user-message__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-user-message__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: message, userId: userId, status: status }) && (\n                      <MenuItem\n                        className=\"sendbird-openchannel-user-message__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: message, userId: userId, status: status })) && (\n                      <MenuItem\n                        className=\"sendbird-openchannel-user-message__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: message, userId: userId, status: status }) && (\n                      <MenuItem\n                        className=\"sendbird-openchannel-user-message__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: message, userId: userId, status: status })) && (\n                      <MenuItem\n                        className=\"sendbird-openchannel-user-message__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      }\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":["OpenchannelUserMessage","_ref","className","message","isOperator","isEphemeral","userId","resendMessage","disabled","showEdit","showRemove","chainTop","messageType","stringSet","dateLocale","useLocalization","disableUserProfile","renderUserProfile","useContext","UserProfileContext","messageRef","useRef","avatarRef","contextMenuRef","mobileMenuRef","contextStyle","setContextStyle","useState","contextMenu","setContextMenu","status","sendingStatus","isPending","checkIsPending","isFailed","checkIsFailed","sender","getSenderFromMessage","useEffect","_messageRef$current","current","clientHeight","top","window","innerWidth","onLongPress","useLongPress","isMobile","useMediaQueryContext","React","createElement","Array","isArray","join","ref","ContextMenu","menuTrigger","toggleDropdown","Avatar","src","profileUrl","width","height","onClick","menuItems","closeDropdown","MenuItems","parentRef","parentContainRef","style","paddingTop","paddingBottom","user","close","UserProfile","onSuccess","disableMessaging","Label","type","LabelTypography","CAPTION_2","color","LabelColors","SECONDARY_3","ONBACKGROUND_2","friendName","nickname","CAPTION_3","ONBACKGROUND_3","createdAt","format","locale","_extends","_objectSpread","BODY_1","ONBACKGROUND_1","isEditedMessage","key","uuidv4","calssName","MESSAGE_EDITED","Loader","Icon","IconTypes","SPINNER","fillColor","IconColors","PRIMARY","ERROR","showMenuTrigger","IconButton","MORE","CONTENT_INVERSE","openLeft","isFineCopy","MenuItem","copyToClipboard","CONTEXT_MENU_DROPDOWN__COPY","isFineEdit","CONTEXT_MENU_DROPDOWN__EDIT","isFineResend","CONTEXT_MENU_DROPDOWN__RESEND","isFineDelete","CONTEXT_MENU_DROPDOWN__DELETE","OpenChannelMobileMenu","hideMenu"],"mappings":"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"}
+{"version":3,"file":"OpenchannelUserMessage.js","sources":["../../../src/ui/OpenchannelUserMessage/index.tsx"],"sourcesContent":["import React, {\n  useContext,\n  useRef,\n  useState,\n  ReactElement,\n  useEffect,\n} 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 Label, { LabelTypography, LabelColors } from '../Label';\nimport Loader from '../Loader';\nimport UserProfile from '../UserProfile';\nimport { UserProfileContext } from '../../lib/UserProfileContext';\n\nimport { useLocalization } from '../../lib/LocalizationContext';\nimport { copyToClipboard } from './utils';\nimport uuidv4 from '../../utils/uuid';\nimport {\n  checkIsPending,\n  checkIsFailed,\n  isFineCopy,\n  isFineEdit,\n  isFineResend,\n  isFineDelete,\n  showMenuTrigger,\n  getSenderFromMessage,\n} from '../../utils/openChannelUtils';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport OpenChannelMobileMenu from '../OpenChannelMobileMenu';\nimport useLongPress from '../../hooks/useLongPress';\nimport { isEditedMessage } from '../../utils';\n\ninterface OpenChannelUserMessageProps {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isOperator?: boolean;\n  isEphemeral?: boolean;\n  userId: 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}\n\nexport default function OpenchannelUserMessage({\n  className,\n  message,\n  isOperator,\n  isEphemeral = false,\n  userId,\n  resendMessage,\n  disabled,\n  showEdit,\n  showRemove,\n  chainTop,\n}: OpenChannelUserMessageProps): ReactElement {\n  if (!message || message.messageType !== 'user') {\n    return null;\n  }\n\n  // hooks\n  const { stringSet, dateLocale } = useLocalization();\n  const { disableUserProfile, renderUserProfile } = useContext<UserProfileContext>(UserProfileContext);\n  const messageRef = useRef(null);\n  const avatarRef = useRef(null);\n  const contextMenuRef = useRef(null);\n  const mobileMenuRef = useRef(null);\n  const [contextStyle, setContextStyle] = useState({});\n  const [contextMenu, setContextMenu] = useState(false);\n\n  // consts\n  const status = message?.sendingStatus;\n  const isPending = checkIsPending(status);\n  const isFailed = checkIsFailed(status);\n  const sender = getSenderFromMessage(message);\n\n  // place context menu top depending clientHeight of message component\n  useEffect(() => {\n    if (messageRef?.current?.clientHeight > 36) {\n      setContextStyle({ top: '8px ' });\n    } else {\n      setContextStyle({ top: '2px' });\n    }\n  }, [window.innerWidth]);\n\n  const onLongPress = useLongPress({\n    onLongPress: () => {\n      setContextMenu(true);\n    },\n  });\n\n  const { isMobile } = useMediaQueryContext();\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-openchannel-user-message',\n      ].join(' ')}\n      ref={messageRef}\n    >\n      <div className=\"sendbird-openchannel-user-message__left\">\n        {\n          !chainTop && (\n            <ContextMenu\n              menuTrigger={(toggleDropdown) => (\n                <Avatar\n                  className=\"sendbird-openchannel-user-message__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-user-message__right\">\n        {\n          !chainTop && (\n            <div className=\"sendbird-openchannel-user-message__right__top\">\n              <Label\n                className=\"sendbird-openchannel-user-message__right__top__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-user-message__right__top__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\n          {...(isMobile ? { ...onLongPress } : {})}\n          className=\"sendbird-openchannel-user-message__right__bottom\" ref={mobileMenuRef}>\n          <Label\n            className=\"sendbird-openchannel-user-message__right__bottom__message\"\n            type={LabelTypography.BODY_1}\n            color={LabelColors.ONBACKGROUND_1}\n          >\n            {message?.message}\n            {isEditedMessage(message) && (\n              <Label\n                key={uuidv4()}\n                type={LabelTypography.BODY_1}\n                color={LabelColors.ONBACKGROUND_2}\n                calssName=\"sendbird-openchannel-user-message-word\"\n              >\n                {` ${stringSet.MESSAGE_EDITED} `}\n              </Label>\n            )}\n          </Label>\n        </div>\n        {\n          (isPending || isFailed) && (\n            <div className=\"sendbird-openchannel-user-message__right__tail\">\n              {\n                isPending && (\n                  <Loader\n                    width=\"16px\"\n                    height=\"16px\"\n                  >\n                    <Icon\n                      className=\"sendbird-openchannel-user-message__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-user-message__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        !isMobile && (\n          <div\n            className=\"sendbird-openchannel-user-message__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-user-message__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: message, userId: userId, status: status }) && (\n                      <MenuItem\n                        className=\"sendbird-openchannel-user-message__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: message, userId: userId, status: status })) && (\n                      <MenuItem\n                        className=\"sendbird-openchannel-user-message__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: message, userId: userId, status: status }) && (\n                      <MenuItem\n                        className=\"sendbird-openchannel-user-message__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: message, userId: userId, status: status })) && (\n                      <MenuItem\n                        className=\"sendbird-openchannel-user-message__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      }\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":["OpenchannelUserMessage","_ref","className","message","isOperator","isEphemeral","userId","resendMessage","disabled","showEdit","showRemove","chainTop","messageType","stringSet","dateLocale","useLocalization","disableUserProfile","renderUserProfile","useContext","UserProfileContext","messageRef","useRef","avatarRef","contextMenuRef","mobileMenuRef","contextStyle","setContextStyle","useState","contextMenu","setContextMenu","status","sendingStatus","isPending","checkIsPending","isFailed","checkIsFailed","sender","getSenderFromMessage","useEffect","_messageRef$current","current","clientHeight","top","window","innerWidth","onLongPress","useLongPress","isMobile","useMediaQueryContext","React","createElement","Array","isArray","join","ref","ContextMenu","menuTrigger","toggleDropdown","Avatar","src","profileUrl","width","height","onClick","menuItems","closeDropdown","MenuItems","parentRef","parentContainRef","style","paddingTop","paddingBottom","user","close","UserProfile","onSuccess","disableMessaging","Label","type","LabelTypography","CAPTION_2","color","LabelColors","SECONDARY_3","ONBACKGROUND_2","friendName","nickname","CAPTION_3","ONBACKGROUND_3","createdAt","format","locale","_extends","_objectSpread","BODY_1","ONBACKGROUND_1","isEditedMessage","key","uuidv4","calssName","MESSAGE_EDITED","Loader","Icon","IconTypes","SPINNER","fillColor","IconColors","PRIMARY","ERROR","showMenuTrigger","IconButton","MORE","CONTENT_INVERSE","openLeft","isFineCopy","MenuItem","copyToClipboard","CONTEXT_MENU_DROPDOWN__COPY","isFineEdit","CONTEXT_MENU_DROPDOWN__EDIT","isFineResend","CONTEXT_MENU_DROPDOWN__RESEND","isFineDelete","CONTEXT_MENU_DROPDOWN__DELETE","OpenChannelMobileMenu","hideMenu"],"mappings":"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"}

package/cjs/ui/PlaceHolder.js

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
-var ui_PlaceHolder = require('../index-2c8ca1d6.js');
-require('../LocalizationContext-30772f4a.js');
+var ui_PlaceHolder = require('../index-f4cf9eb5.js');
+require('../LocalizationContext-975ffc10.js');
 require('./Icon.js');
-require('../index-80b17a7f.js');
+require('../index-bb91f996.js');
 require('./Loader.js');
-require('../stringSet-2b481a03.js');
-require('../index-6d3fe482.js');
+require('../stringSet-ac04b7c1.js');
+require('../index-f0938824.js');
 require('prop-types');
 
 

package/cjs/ui/PlaybackTime.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_Label = require('../index-80b17a7f.js');
+var ui_Label = require('../index-bb91f996.js');
 require('prop-types');
-require('../stringSet-2b481a03.js');
+require('../stringSet-ac04b7c1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/PlaybackTime.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlaybackTime.js","sources":["../../../src/ui/PlaybackTime/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface PlaybackTimeProps {\n  className?: string;\n  time: number;// millisec\n  labelType?: string;\n  labelColor?: string;\n}\n\nexport const PlaybackTime = ({\n  className,\n  time = 0,\n  labelType = LabelTypography.CAPTION_2,\n  labelColor = LabelColors.ONCONTENT_1,\n}: PlaybackTimeProps): React.ReactElement => {\n  const naturalTime = time < 0 ? 0 : time;\n\n  const hour = Math.floor(naturalTime / 3600000);\n  const min = Math.floor(naturalTime % 3600000 / 60000);\n  const sec = Math.floor((naturalTime % 3600000 % 60000) / 1000);\n  return (\n    <div className={`sendbird-ui-play-time ${className}`}>\n      <Label\n        type={labelType}\n        color={labelColor}\n      >\n        {`${hour ? hour + ':' : ''}${min < 10 ? '0' : ''}${min ? min : '0'}:${sec < 10 ? '0' : ''}${sec}`}\n      </Label>\n    </div>\n  );\n};\n\nexport default PlaybackTime;\n"],"names":["PlaybackTime","_ref","className","time","labelType","LabelTypography","CAPTION_2","labelColor","LabelColors","ONCONTENT_1","naturalTime","hour","Math","floor","min","sec","React","createElement","Label","type","color"],"mappings":";;;;;;;;;;;;;AAWaA,MAAAA,YAAY,GAAGC,IAAA,IAKiB;EAAA,IALhB;IAC3BC,SAAS;AACTC,IAAAA,IAAI,GAAG,CAAC;IACRC,SAAS,GAAGC,wBAAe,CAACC,SAAS;IACrCC,UAAU,GAAGC,oBAAW,CAACC,WAAAA;AACR,GAAC,GAAAR,IAAA,CAAA;EAClB,MAAMS,WAAW,GAAGP,IAAI,GAAG,CAAC,GAAG,CAAC,GAAGA,IAAI,CAAA;EAEvC,MAAMQ,IAAI,GAAGC,IAAI,CAACC,KAAK,CAACH,WAAW,GAAG,OAAO,CAAC,CAAA;EAC9C,MAAMI,GAAG,GAAGF,IAAI,CAACC,KAAK,CAACH,WAAW,GAAG,OAAO,GAAG,KAAK,CAAC,CAAA;AACrD,EAAA,MAAMK,GAAG,GAAGH,IAAI,CAACC,KAAK,CAAEH,WAAW,GAAG,OAAO,GAAG,KAAK,GAAI,IAAI,CAAC,CAAA;EAC9D,oBACEM,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKf,SAAS,EAAG,yBAAwBA,SAAU,CAAA,CAAA;AAAE,GAAA,eACnDc,yBAAA,CAAAC,aAAA,CAACC,cAAK,EAAA;AACJC,IAAAA,IAAI,EAAEf,SAAU;AAChBgB,IAAAA,KAAK,EAAEb,UAAAA;AAAW,GAAA,EAEhB,CAAEI,EAAAA,IAAI,GAAGA,IAAI,GAAG,GAAG,GAAG,EAAG,CAAA,EAAEG,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAG,CAAA,EAAEA,GAAG,GAAGA,GAAG,GAAG,GAAI,CAAA,CAAA,EAAGC,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAG,CAAA,EAAEA,GAAI,CAAA,CAC3F,CACJ,CAAC,CAAA;AAEV;;;;;"}
+{"version":3,"file":"PlaybackTime.js","sources":["../../../src/ui/PlaybackTime/index.tsx"],"sourcesContent":["import React from 'react';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface PlaybackTimeProps {\n  className?: string;\n  time: number;// millisec\n  labelType?: string;\n  labelColor?: string;\n}\n\nexport const PlaybackTime = ({\n  className,\n  time = 0,\n  labelType = LabelTypography.CAPTION_2,\n  labelColor = LabelColors.ONCONTENT_1,\n}: PlaybackTimeProps): React.ReactElement => {\n  const naturalTime = time < 0 ? 0 : time;\n\n  const hour = Math.floor(naturalTime / 3600000);\n  const min = Math.floor(naturalTime % 3600000 / 60000);\n  const sec = Math.floor((naturalTime % 3600000 % 60000) / 1000);\n  return (\n    <div className={`sendbird-ui-play-time ${className}`}>\n      <Label\n        type={labelType}\n        color={labelColor}\n      >\n        {`${hour ? hour + ':' : ''}${min < 10 ? '0' : ''}${min ? min : '0'}:${sec < 10 ? '0' : ''}${sec}`}\n      </Label>\n    </div>\n  );\n};\n\nexport default PlaybackTime;\n"],"names":["PlaybackTime","_ref","className","time","labelType","LabelTypography","CAPTION_2","labelColor","LabelColors","ONCONTENT_1","naturalTime","hour","Math","floor","min","sec","React","createElement","Label","type","color"],"mappings":";;;;;;;;;;;;;AAWaA,MAAAA,YAAY,GAAGC,IAAA,IAKiB;EAAA,IALhB;IAC3BC,SAAS;AACTC,IAAAA,IAAI,GAAG,CAAC;IACRC,SAAS,GAAGC,wBAAe,CAACC,SAAS;IACrCC,UAAU,GAAGC,oBAAW,CAACC,WAAAA;AACR,GAAC,GAAAR,IAAA,CAAA;EAClB,MAAMS,WAAW,GAAGP,IAAI,GAAG,CAAC,GAAG,CAAC,GAAGA,IAAI,CAAA;EAEvC,MAAMQ,IAAI,GAAGC,IAAI,CAACC,KAAK,CAACH,WAAW,GAAG,OAAO,CAAC,CAAA;EAC9C,MAAMI,GAAG,GAAGF,IAAI,CAACC,KAAK,CAACH,WAAW,GAAG,OAAO,GAAG,KAAK,CAAC,CAAA;AACrD,EAAA,MAAMK,GAAG,GAAGH,IAAI,CAACC,KAAK,CAAEH,WAAW,GAAG,OAAO,GAAG,KAAK,GAAI,IAAI,CAAC,CAAA;EAC9D,oBACEM,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKf,SAAS,EAAG,yBAAwBA,SAAU,CAAA,CAAA;AAAE,GAAA,eACnDc,yBAAA,CAAAC,aAAA,CAACC,cAAK,EAAA;AACJC,IAAAA,IAAI,EAAEf,SAAU;AAChBgB,IAAAA,KAAK,EAAEb,UAAAA;AAAW,GAAA,EAEhB,CAAEI,EAAAA,IAAI,GAAGA,IAAI,GAAG,GAAG,GAAG,EAAG,CAAA,EAAEG,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAG,CAAA,EAAEA,GAAG,GAAGA,GAAG,GAAG,GAAI,CAAA,CAAA,EAAGC,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAG,CAAA,EAAEA,GAAI,CAAA,CAAC,CAC3F,CACJ,CAAA;AAEV;;;;;"}

package/cjs/ui/ProgressBar.js

@@ -8,6 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
+/* eslint-disable no-redeclare */
 const ProgressBarColorTypes = {
   PRIMARY: 'progress-bar-color--primary',
   GRAY: 'progress-bar-color--gray'

package/cjs/ui/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","sources":["../../../src/ui/ProgressBar/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport './index.scss';\n\nexport const ProgressBarColorTypes = {\n  PRIMARY: 'progress-bar-color--primary',\n  GRAY: 'progress-bar-color--gray',\n} as const;\nexport type ProgressBarColorTypes = typeof ProgressBarColorTypes[keyof typeof ProgressBarColorTypes];\n\nexport interface ProgressBarProps {\n  className?: string;\n  disabled?: boolean;\n  maxSize: number;\n  currentSize: number;\n  colorType?: ProgressBarColorTypes;\n}\n\nexport const ProgressBar = ({\n  className = '',\n  disabled = false,\n  maxSize,\n  currentSize = 0,\n  colorType = ProgressBarColorTypes.PRIMARY,\n}: ProgressBarProps): React.ReactElement => {\n  const width = useMemo(() => {\n    return `${currentSize / maxSize * 100}%`;\n  }, [currentSize, maxSize]);\n  return (\n    <div className={`sendbird-progress-bar ${className} ${colorType} ${disabled ? 'progress-bar--disabled' : ''}`}>\n      <div className=\"sendbird-progress-bar__fill\" style={{ width }} />\n    </div>\n  );\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBarColorTypes","PRIMARY","GRAY","ProgressBar","_ref","className","disabled","maxSize","currentSize","colorType","width","useMemo","React","createElement","style"],"mappings":";;;;;;;;;;AAGO,MAAMA,qBAAqB,GAAG;AACnCC,EAAAA,OAAO,EAAE,6BAA6B;AACtCC,EAAAA,IAAI,EAAE,0BAAA;AACR,EAAU;AAWGC,MAAAA,WAAW,GAAGC,IAAA,IAMiB;EAAA,IANhB;AAC1BC,IAAAA,SAAS,GAAG,EAAE;AACdC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,OAAO;AACPC,IAAAA,WAAW,GAAG,CAAC;IACfC,SAAS,GAAGT,qBAAqB,CAACC,OAAAA;AAClB,GAAC,GAAAG,IAAA,CAAA;AACjB,EAAA,MAAMM,KAAK,GAAGC,aAAO,CAAC,MAAM;AAC1B,IAAA,OAAQ,GAAEH,WAAW,GAAGD,OAAO,GAAG,GAAI,CAAE,CAAA,CAAA,CAAA;AAC1C,GAAC,EAAE,CAACC,WAAW,EAAED,OAAO,CAAC,CAAC,CAAA;EAC1B,oBACEK,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKR,SAAS,EAAG,CAAwBA,sBAAAA,EAAAA,SAAU,CAAGI,CAAAA,EAAAA,SAAU,IAAGH,QAAQ,GAAG,wBAAwB,GAAG,EAAG,CAAA,CAAA;GAC1GM,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKR,IAAAA,SAAS,EAAC,6BAA6B;AAACS,IAAAA,KAAK,EAAE;AAAEJ,MAAAA,KAAAA;AAAM,KAAA;AAAE,GAAE,CAC7D,CAAC,CAAA;AAEV;;;;;;"}
+{"version":3,"file":"ProgressBar.js","sources":["../../../src/ui/ProgressBar/index.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport './index.scss';\n\n/* eslint-disable no-redeclare */\nexport const ProgressBarColorTypes = {\n  PRIMARY: 'progress-bar-color--primary',\n  GRAY: 'progress-bar-color--gray',\n} as const;\nexport type ProgressBarColorTypes = typeof ProgressBarColorTypes[keyof typeof ProgressBarColorTypes];\n\nexport interface ProgressBarProps {\n  className?: string;\n  disabled?: boolean;\n  maxSize: number;\n  currentSize: number;\n  colorType?: ProgressBarColorTypes;\n}\n\nexport const ProgressBar = ({\n  className = '',\n  disabled = false,\n  maxSize,\n  currentSize = 0,\n  colorType = ProgressBarColorTypes.PRIMARY,\n}: ProgressBarProps): React.ReactElement => {\n  const width = useMemo(() => {\n    return `${currentSize / maxSize * 100}%`;\n  }, [currentSize, maxSize]);\n  return (\n    <div className={`sendbird-progress-bar ${className} ${colorType} ${disabled ? 'progress-bar--disabled' : ''}`}>\n      <div className=\"sendbird-progress-bar__fill\" style={{ width }} />\n    </div>\n  );\n};\n\nexport default ProgressBar;\n"],"names":["ProgressBarColorTypes","PRIMARY","GRAY","ProgressBar","_ref","className","disabled","maxSize","currentSize","colorType","width","useMemo","React","createElement","style"],"mappings":";;;;;;;;;;AAGA;AACO,MAAMA,qBAAqB,GAAG;AACnCC,EAAAA,OAAO,EAAE,6BAA6B;AACtCC,EAAAA,IAAI,EAAE,0BAAA;AACR,EAAU;AAWGC,MAAAA,WAAW,GAAGC,IAAA,IAMiB;EAAA,IANhB;AAC1BC,IAAAA,SAAS,GAAG,EAAE;AACdC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,OAAO;AACPC,IAAAA,WAAW,GAAG,CAAC;IACfC,SAAS,GAAGT,qBAAqB,CAACC,OAAAA;AAClB,GAAC,GAAAG,IAAA,CAAA;AACjB,EAAA,MAAMM,KAAK,GAAGC,aAAO,CAAC,MAAM;AAC1B,IAAA,OAAQ,GAAEH,WAAW,GAAGD,OAAO,GAAG,GAAI,CAAE,CAAA,CAAA,CAAA;AAC1C,GAAC,EAAE,CAACC,WAAW,EAAED,OAAO,CAAC,CAAC,CAAA;EAC1B,oBACEK,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKR,SAAS,EAAG,CAAwBA,sBAAAA,EAAAA,SAAU,CAAGI,CAAAA,EAAAA,SAAU,IAAGH,QAAQ,GAAG,wBAAwB,GAAG,EAAG,CAAA,CAAA;GAC1GM,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKR,IAAAA,SAAS,EAAC,6BAA6B;AAACS,IAAAA,KAAK,EAAE;AAAEJ,MAAAA,KAAAA;AAAM,KAAA;AAAE,GAAA,CAAG,CAC7D,CAAA;AAEV;;;;;;"}

package/cjs/ui/QuoteMessage.js

@@ -2,14 +2,14 @@
 
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-80b17a7f.js');
+var ui_Label = require('../index-bb91f996.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var LocalizationContext = require('../LocalizationContext-30772f4a.js');
-var index = require('../index-4de6caed.js');
+var LocalizationContext = require('../LocalizationContext-975ffc10.js');
+var index = require('../index-551be60f.js');
 require('prop-types');
-require('../stringSet-2b481a03.js');
-require('../index-6d3fe482.js');
-require('../_rollupPluginBabelHelpers-4b6406c2.js');
+require('../stringSet-ac04b7c1.js');
+require('../index-f0938824.js');
+require('../_rollupPluginBabelHelpers-596e2aef.js');
 require('../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/QuoteMessage.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuoteMessage.js","sources":["../../../src/ui/QuoteMessage/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useState } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport ImageRenderer from '../ImageRenderer';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport {\n  getClassName,\n  getUIKitFileType,\n  getUIKitFileTypes,\n  getUIKitMessageType,\n  isGif,\n  isThumbnailMessage,\n  isUserMessage,\n  isVideo,\n  isVoiceMessage,\n  truncateString,\n  UIKitMessageTypes,\n} from '../../utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message?: UserMessage | FileMessage;\n  userId?: string;\n  isByMe?: boolean;\n  isUnavailable?: boolean;\n  onClick?: () => void;\n}\n\nexport default function QuoteMessage({\n  message,\n  userId = '',\n  isByMe = false,\n  className,\n  isUnavailable = false,\n  onClick,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n\n  const { parentMessage } = message;\n  const parentMessageSender = (parentMessage as UserMessage | FileMessage)?.sender;\n  const parentMessageSenderNickname = (userId === parentMessageSender?.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : parentMessageSender?.nickname;\n  const parentMessageUrl = (parentMessage as FileMessage)?.url || '';\n  const parentMessageType = (parentMessage as FileMessage)?.type;\n  const currentMessageSenderNickname = (userId === message?.sender?.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : message?.sender?.nickname;\n\n  const [isThumbnailLoaded, setThumbnailLoaded] = useState(false);\n  const uikitFileTypes = getUIKitFileTypes();\n  const splitFileName = (parentMessage as FileMessage)?.name ? (parentMessage as FileMessage).name.split('/') : parentMessageUrl.split('/');\n\n  return (\n    <div\n      className={getClassName([className, 'sendbird-quote-message', isByMe ? 'outgoing' : 'incoming', isUnavailable ? 'unavailable' : ''])}\n      key={parentMessage?.messageId}\n      onClick={() => {\n        if (!isUnavailable && onClick) {\n          onClick();\n        }\n      }}\n      onTouchEnd={() => {\n        if (!isUnavailable && onClick) {\n          onClick();\n        }\n      }}\n    >\n      <div className=\"sendbird-quote-message__replied-to\">\n        <Icon\n          className=\"sendbird-quote-message__replied-to__icon\"\n          type={IconTypes.REPLY}\n          fillColor={IconColors.ON_BACKGROUND_3}\n          width=\"12px\"\n          height=\"12px\"\n        />\n        <Label\n          className=\"sendbird-quote-message__replied-to__text\"\n          type={LabelTypography.CAPTION_2}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          <span className=\"sendbird-quote-message__replied-to__text__nickname\">{currentMessageSenderNickname}</span>\n          <span className=\"sendbird-quote-message__replied-to__text__text\">{stringSet.QUOTED_MESSAGE__REPLIED_TO}</span>\n          <span className=\"sendbird-quote-message__replied-to__text__nickname\">{parentMessageSenderNickname}</span>\n        </Label>\n      </div>\n      <div className=\"sendbird-quote-message__replied-message\">\n        {isUnavailable && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.QUOTED_MESSAGE__UNAVAILABLE}\n            </Label>\n          </div>\n        )}\n        {/* text message */}\n        {((isUserMessage(parentMessage as UserMessage) && (parentMessage as UserMessage)?.message?.length > 0) && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {(parentMessage as UserMessage)?.message}\n            </Label>\n          </div>\n        )}\n        {/* voice message */}\n        {(isVoiceMessage(parentMessage as FileMessage) && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.VOICE_MESSAGE}\n            </Label>\n          </div>\n        )}\n        {/* thumbnail message */}\n        {(isThumbnailMessage(parentMessage as FileMessage) && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__thumbnail-message\">\n            <ImageRenderer\n              className=\"sendbird-quote-message__replied-message__thumbnail-message__image\"\n              url={parentMessageUrl}\n              alt={parentMessageType}\n              width=\"144px\"\n              height=\"108px\"\n              onLoad={() => setThumbnailLoaded(true)}\n              defaultComponent={(\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__placeholder\">\n                  <div className=\"sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon\">\n                    <Icon\n                      type={isVideo(parentMessageType) ? IconTypes.PLAY : IconTypes.PHOTO}\n                      fillColor={IconColors.ON_BACKGROUND_2}\n                      width=\"22px\"\n                      height=\"22px\"\n                    />\n                  </div>\n                </div>\n              )}\n            />\n            {(isVideo(parentMessageType) && !((parentMessage as FileMessage)?.thumbnails?.length > 0)) && (\n              <>\n                <video className=\"sendbird-quote-message__replied-message__thumbnail-message__video\">\n                  <source src={parentMessageUrl} type={parentMessageType} />\n                </video>\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover\">\n                  <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover__icon\">\n                    <Icon\n                      type={IconTypes.PLAY}\n                      fillColor={IconColors.GRAY}\n                      width=\"14px\"\n                      height=\"14px\"\n                    />\n                  </div>\n                </div>\n              </>\n            )}\n            {(isThumbnailLoaded && isGif(parentMessageType)) && (\n              <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover\">\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover__icon\">\n                  <Icon\n                    type={IconTypes.GIF}\n                    fillColor={IconColors.GRAY}\n                    width=\"14px\"\n                    height=\"14px\"\n                  />\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n        {/* file message */}\n        {(getUIKitMessageType(parentMessage as FileMessage) === UIKitMessageTypes.FILE && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__file-message\">\n            <Icon\n              className=\"sendbird-quote-message__replied-message__file-message__type-icon\"\n              type={{\n                [uikitFileTypes.IMAGE]: IconTypes.PHOTO,\n                [uikitFileTypes.VIDEO]: IconTypes.PLAY,\n                [uikitFileTypes.AUDIO]: IconTypes.FILE_AUDIO,\n                [uikitFileTypes.GIF]: IconTypes.GIF,\n                [uikitFileTypes.OTHERS]: IconTypes.FILE_DOCUMENT,\n              }[getUIKitFileType(parentMessageType)]}\n              fillColor={IconColors.ON_BACKGROUND_3}\n              width=\"16px\"\n              height=\"16px\"\n            />\n            <Label\n              className=\"sendbird-quote-message__replied-message__file-message__file-name\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_3}\n            >\n              {truncateString(splitFileName[splitFileName.length - 1])}\n            </Label>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["QuoteMessage","_ref","_message$sender","_message$sender2","_message","_thumbnails","message","userId","isByMe","className","isUnavailable","onClick","stringSet","useContext","LocalizationContext","parentMessage","parentMessageSender","sender","parentMessageSenderNickname","QUOTED_MESSAGE__CURRENT_USER","nickname","parentMessageUrl","url","parentMessageType","type","currentMessageSenderNickname","isThumbnailLoaded","setThumbnailLoaded","useState","uikitFileTypes","getUIKitFileTypes","splitFileName","name","split","React","createElement","getClassName","key","messageId","onTouchEnd","Icon","IconTypes","REPLY","fillColor","IconColors","ON_BACKGROUND_3","width","height","Label","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_3","QUOTED_MESSAGE__REPLIED_TO","BODY_2","ONBACKGROUND_1","QUOTED_MESSAGE__UNAVAILABLE","isUserMessage","length","isVoiceMessage","VOICE_MESSAGE","isThumbnailMessage","ImageRenderer","alt","onLoad","defaultComponent","isVideo","PLAY","PHOTO","ON_BACKGROUND_2","thumbnails","Fragment","src","GRAY","isGif","GIF","getUIKitMessageType","UIKitMessageTypes","FILE","IMAGE","VIDEO","AUDIO","FILE_AUDIO","OTHERS","FILE_DOCUMENT","getUIKitFileType","truncateString"],"mappings":"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"}
+{"version":3,"file":"QuoteMessage.js","sources":["../../../src/ui/QuoteMessage/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useState } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport ImageRenderer from '../ImageRenderer';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport {\n  getClassName,\n  getUIKitFileType,\n  getUIKitFileTypes,\n  getUIKitMessageType,\n  isGif,\n  isThumbnailMessage,\n  isUserMessage,\n  isVideo,\n  isVoiceMessage,\n  truncateString,\n  UIKitMessageTypes,\n} from '../../utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message?: UserMessage | FileMessage;\n  userId?: string;\n  isByMe?: boolean;\n  isUnavailable?: boolean;\n  onClick?: () => void;\n}\n\nexport default function QuoteMessage({\n  message,\n  userId = '',\n  isByMe = false,\n  className,\n  isUnavailable = false,\n  onClick,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n\n  const { parentMessage } = message;\n  const parentMessageSender = (parentMessage as UserMessage | FileMessage)?.sender;\n  const parentMessageSenderNickname = (userId === parentMessageSender?.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : parentMessageSender?.nickname;\n  const parentMessageUrl = (parentMessage as FileMessage)?.url || '';\n  const parentMessageType = (parentMessage as FileMessage)?.type;\n  const currentMessageSenderNickname = (userId === message?.sender?.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : message?.sender?.nickname;\n\n  const [isThumbnailLoaded, setThumbnailLoaded] = useState(false);\n  const uikitFileTypes = getUIKitFileTypes();\n  const splitFileName = (parentMessage as FileMessage)?.name ? (parentMessage as FileMessage).name.split('/') : parentMessageUrl.split('/');\n\n  return (\n    <div\n      className={getClassName([className, 'sendbird-quote-message', isByMe ? 'outgoing' : 'incoming', isUnavailable ? 'unavailable' : ''])}\n      key={parentMessage?.messageId}\n      onClick={() => {\n        if (!isUnavailable && onClick) {\n          onClick();\n        }\n      }}\n      onTouchEnd={() => {\n        if (!isUnavailable && onClick) {\n          onClick();\n        }\n      }}\n    >\n      <div className=\"sendbird-quote-message__replied-to\">\n        <Icon\n          className=\"sendbird-quote-message__replied-to__icon\"\n          type={IconTypes.REPLY}\n          fillColor={IconColors.ON_BACKGROUND_3}\n          width=\"12px\"\n          height=\"12px\"\n        />\n        <Label\n          className=\"sendbird-quote-message__replied-to__text\"\n          type={LabelTypography.CAPTION_2}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          <span className=\"sendbird-quote-message__replied-to__text__nickname\">{currentMessageSenderNickname}</span>\n          <span className=\"sendbird-quote-message__replied-to__text__text\">{stringSet.QUOTED_MESSAGE__REPLIED_TO}</span>\n          <span className=\"sendbird-quote-message__replied-to__text__nickname\">{parentMessageSenderNickname}</span>\n        </Label>\n      </div>\n      <div className=\"sendbird-quote-message__replied-message\">\n        {isUnavailable && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.QUOTED_MESSAGE__UNAVAILABLE}\n            </Label>\n          </div>\n        )}\n        {/* text message */}\n        {((isUserMessage(parentMessage as UserMessage) && (parentMessage as UserMessage)?.message?.length > 0) && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {(parentMessage as UserMessage)?.message}\n            </Label>\n          </div>\n        )}\n        {/* voice message */}\n        {(isVoiceMessage(parentMessage as FileMessage) && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__text-message\">\n            <Label\n              className=\"sendbird-quote-message__replied-message__text-message__word\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_1}\n            >\n              {stringSet.VOICE_MESSAGE}\n            </Label>\n          </div>\n        )}\n        {/* thumbnail message */}\n        {(isThumbnailMessage(parentMessage as FileMessage) && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__thumbnail-message\">\n            <ImageRenderer\n              className=\"sendbird-quote-message__replied-message__thumbnail-message__image\"\n              url={parentMessageUrl}\n              alt={parentMessageType}\n              width=\"144px\"\n              height=\"108px\"\n              onLoad={() => setThumbnailLoaded(true)}\n              defaultComponent={(\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__placeholder\">\n                  <div className=\"sendbird-quote-message__replied-message__thumbnail-message__placeholder__icon\">\n                    <Icon\n                      type={isVideo(parentMessageType) ? IconTypes.PLAY : IconTypes.PHOTO}\n                      fillColor={IconColors.ON_BACKGROUND_2}\n                      width=\"22px\"\n                      height=\"22px\"\n                    />\n                  </div>\n                </div>\n              )}\n            />\n            {(isVideo(parentMessageType) && !((parentMessage as FileMessage)?.thumbnails?.length > 0)) && (\n              <>\n                <video className=\"sendbird-quote-message__replied-message__thumbnail-message__video\">\n                  <source src={parentMessageUrl} type={parentMessageType} />\n                </video>\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover\">\n                  <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover__icon\">\n                    <Icon\n                      type={IconTypes.PLAY}\n                      fillColor={IconColors.GRAY}\n                      width=\"14px\"\n                      height=\"14px\"\n                    />\n                  </div>\n                </div>\n              </>\n            )}\n            {(isThumbnailLoaded && isGif(parentMessageType)) && (\n              <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover\">\n                <div className=\"sendbird-quote-message__replied-message__thumbnail-message__cover__icon\">\n                  <Icon\n                    type={IconTypes.GIF}\n                    fillColor={IconColors.GRAY}\n                    width=\"14px\"\n                    height=\"14px\"\n                  />\n                </div>\n              </div>\n            )}\n          </div>\n        )}\n        {/* file message */}\n        {(getUIKitMessageType(parentMessage as FileMessage) === UIKitMessageTypes.FILE && parentMessageUrl && !isUnavailable) && (\n          <div className=\"sendbird-quote-message__replied-message__file-message\">\n            <Icon\n              className=\"sendbird-quote-message__replied-message__file-message__type-icon\"\n              type={{\n                [uikitFileTypes.IMAGE]: IconTypes.PHOTO,\n                [uikitFileTypes.VIDEO]: IconTypes.PLAY,\n                [uikitFileTypes.AUDIO]: IconTypes.FILE_AUDIO,\n                [uikitFileTypes.GIF]: IconTypes.GIF,\n                [uikitFileTypes.OTHERS]: IconTypes.FILE_DOCUMENT,\n              }[getUIKitFileType(parentMessageType)]}\n              fillColor={IconColors.ON_BACKGROUND_3}\n              width=\"16px\"\n              height=\"16px\"\n            />\n            <Label\n              className=\"sendbird-quote-message__replied-message__file-message__file-name\"\n              type={LabelTypography.BODY_2}\n              color={LabelColors.ONBACKGROUND_3}\n            >\n              {truncateString(splitFileName[splitFileName.length - 1])}\n            </Label>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["QuoteMessage","_ref","_message$sender","_message$sender2","_message","_thumbnails","message","userId","isByMe","className","isUnavailable","onClick","stringSet","useContext","LocalizationContext","parentMessage","parentMessageSender","sender","parentMessageSenderNickname","QUOTED_MESSAGE__CURRENT_USER","nickname","parentMessageUrl","url","parentMessageType","type","currentMessageSenderNickname","isThumbnailLoaded","setThumbnailLoaded","useState","uikitFileTypes","getUIKitFileTypes","splitFileName","name","split","React","createElement","getClassName","key","messageId","onTouchEnd","Icon","IconTypes","REPLY","fillColor","IconColors","ON_BACKGROUND_3","width","height","Label","LabelTypography","CAPTION_2","color","LabelColors","ONBACKGROUND_3","QUOTED_MESSAGE__REPLIED_TO","BODY_2","ONBACKGROUND_1","QUOTED_MESSAGE__UNAVAILABLE","isUserMessage","length","isVoiceMessage","VOICE_MESSAGE","isThumbnailMessage","ImageRenderer","alt","onLoad","defaultComponent","isVideo","PLAY","PHOTO","ON_BACKGROUND_2","thumbnails","Fragment","src","GRAY","isGif","GIF","getUIKitMessageType","UIKitMessageTypes","FILE","IMAGE","VIDEO","AUDIO","FILE_AUDIO","OTHERS","FILE_DOCUMENT","getUIKitFileType","truncateString"],"mappings":"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"}

package/cjs/ui/QuoteMessageInput.js

@@ -1,16 +1,16 @@
 'use strict';
 
 var React = require('react');
-var index = require('../index-4de6caed.js');
+var index = require('../index-551be60f.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-80b17a7f.js');
-var LocalizationContext = require('../LocalizationContext-30772f4a.js');
+var ui_Label = require('../index-bb91f996.js');
+var LocalizationContext = require('../LocalizationContext-975ffc10.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-require('../_rollupPluginBabelHelpers-4b6406c2.js');
+require('../_rollupPluginBabelHelpers-596e2aef.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('prop-types');
-require('../stringSet-2b481a03.js');
-require('../index-6d3fe482.js');
+require('../stringSet-ac04b7c1.js');
+require('../index-f0938824.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/QuoteMessageInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"QuoteMessageInput.js","sources":["../../../src/ui/QuoteMessageInput/QuoteMessageThumbnail.tsx","../../../src/ui/QuoteMessageInput/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ImageRenderer from '../ImageRenderer';\nimport { isAudioMessage, isFileMessage, isImageMessage, isThumbnailMessage, isVoiceMessage } from '../../utils';\n\ninterface Props {\n  message: FileMessage;\n}\n\nconst componentClassname = 'sendbird-quote_message_input__avatar';\n\nexport default function QuoteMessageThumbnail({ message }: Props): ReactElement {\n  if (!isFileMessage(message) || isVoiceMessage(message)) {\n    return null;\n  }\n\n  const thumbnailUrl: string = (message.thumbnails && message.thumbnails.length > 0 && message.thumbnails[0].url)\n    || (isImageMessage(message) && message.url);\n  if (isThumbnailMessage(message) && thumbnailUrl) {\n    return (\n      <ImageRenderer\n        className={componentClassname}\n        url={thumbnailUrl}\n        alt={message.type}\n        width=\"44px\"\n        height=\"44px\"\n        fixedSize\n      />\n    );\n  } else if (isAudioMessage(message)) {\n    return (\n      <div className={componentClassname}>\n        <Icon\n          type={IconTypes.FILE_AUDIO}\n          fillColor={IconColors.ON_BACKGROUND_2}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </div>\n    );\n  } else {\n    return (\n      <div className={componentClassname}>\n        <Icon\n          type={IconTypes.FILE_DOCUMENT}\n          fillColor={IconColors.ON_BACKGROUND_2}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </div>\n    );\n  }\n}\n","import './index.scss';\n\nimport React, { ReactElement, useContext } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport {\n  getClassName,\n  getUIKitMessageType,\n  isFileMessage,\n  isGifMessage,\n  isImageMessage,\n  isUserMessage,\n  isVideoMessage,\n  isVoiceMessage,\n  UIKitMessageTypes,\n} from '../../utils';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport QuoteMessageThumbnail from './QuoteMessageThumbnail';\n\ninterface Props {\n  className?: string | Array<string>;\n  replyingMessage: UserMessage | FileMessage;\n  onClose?: (message: UserMessage | FileMessage) => void;\n}\n\nexport default function QuoteMessageInput({\n  className,\n  replyingMessage,\n  onClose,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const fileMessage = replyingMessage as FileMessage;\n  const sender = (replyingMessage as UserMessage | FileMessage)?.sender;\n  const displayFileIcon = isFileMessage(replyingMessage) && !isVoiceMessage(replyingMessage as FileMessage);\n\n  return (\n    <div className={getClassName(['sendbird-quote_message_input', className])}>\n      {\n        displayFileIcon && (\n          <QuoteMessageThumbnail message={fileMessage} />\n        )\n      }\n      <div\n        className=\"sendbird-quote_message_input__body\"\n        style={{\n          width: `calc(100% - ${displayFileIcon ? '164px' : '120px'})`,\n          left: displayFileIcon ? '92px' : '40px',\n        }}\n      >\n        <Label\n          className=\"sendbird-quote_message_input__body__sender-name\"\n          type={LabelTypography.CAPTION_1}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {`${stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO} ${(sender && sender.nickname) ? sender.nickname : stringSet.NO_NAME}`}\n        </Label>\n        <Label\n          className=\"sendbird-quote_message_input__body__message-content\"\n          type={LabelTypography.BODY_2}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          {isImageMessage(fileMessage) && !isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE}\n          {isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO}\n          {isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF}\n          {isUserMessage(replyingMessage as UserMessage) && (replyingMessage as UserMessage).message}\n          {getUIKitMessageType(replyingMessage) === UIKitMessageTypes.FILE && fileMessage.name}\n          {isVoiceMessage(replyingMessage as FileMessage) && stringSet.VOICE_MESSAGE}\n        </Label>\n      </div>\n      <Icon\n        className=\"sendbird-quote_message_input__close-button\"\n        type={IconTypes.CLOSE}\n        fillColor={IconColors.ON_BACKGROUND_2}\n        width=\"24px\"\n        height=\"24px\"\n        onClick={() => onClose(replyingMessage)}\n      />\n    </div>\n  );\n}\n"],"names":["componentClassname","QuoteMessageThumbnail","_ref","message","isFileMessage","isVoiceMessage","thumbnailUrl","thumbnails","length","url","isImageMessage","isThumbnailMessage","React","createElement","ImageRenderer","className","alt","type","width","height","fixedSize","isAudioMessage","Icon","IconTypes","FILE_AUDIO","fillColor","IconColors","ON_BACKGROUND_2","FILE_DOCUMENT","QuoteMessageInput","replyingMessage","onClose","stringSet","useContext","LocalizationContext","fileMessage","sender","displayFileIcon","getClassName","style","left","Label","LabelTypography","CAPTION_1","color","LabelColors","ONBACKGROUND_1","QUOTE_MESSAGE_INPUT__REPLY_TO","nickname","NO_NAME","BODY_2","ONBACKGROUND_3","isGifMessage","QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE","isVideoMessage","QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO","QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF","isUserMessage","getUIKitMessageType","UIKitMessageTypes","FILE","name","VOICE_MESSAGE","CLOSE","onClick"],"mappings":"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"}
+{"version":3,"file":"QuoteMessageInput.js","sources":["../../../src/ui/QuoteMessageInput/QuoteMessageThumbnail.tsx","../../../src/ui/QuoteMessageInput/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ImageRenderer from '../ImageRenderer';\nimport { isAudioMessage, isFileMessage, isImageMessage, isThumbnailMessage, isVoiceMessage } from '../../utils';\n\ninterface Props {\n  message: FileMessage;\n}\n\nconst componentClassname = 'sendbird-quote_message_input__avatar';\n\nexport default function QuoteMessageThumbnail({ message }: Props): ReactElement {\n  if (!isFileMessage(message) || isVoiceMessage(message)) {\n    return null;\n  }\n\n  const thumbnailUrl: string = (message.thumbnails && message.thumbnails.length > 0 && message.thumbnails[0].url)\n    || (isImageMessage(message) && message.url);\n  if (isThumbnailMessage(message) && thumbnailUrl) {\n    return (\n      <ImageRenderer\n        className={componentClassname}\n        url={thumbnailUrl}\n        alt={message.type}\n        width=\"44px\"\n        height=\"44px\"\n        fixedSize\n      />\n    );\n  } else if (isAudioMessage(message)) {\n    return (\n      <div className={componentClassname}>\n        <Icon\n          type={IconTypes.FILE_AUDIO}\n          fillColor={IconColors.ON_BACKGROUND_2}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </div>\n    );\n  } else {\n    return (\n      <div className={componentClassname}>\n        <Icon\n          type={IconTypes.FILE_DOCUMENT}\n          fillColor={IconColors.ON_BACKGROUND_2}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </div>\n    );\n  }\n}\n","import './index.scss';\n\nimport React, { ReactElement, useContext } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport {\n  getClassName,\n  getUIKitMessageType,\n  isFileMessage,\n  isGifMessage,\n  isImageMessage,\n  isUserMessage,\n  isVideoMessage,\n  isVoiceMessage,\n  UIKitMessageTypes,\n} from '../../utils';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport QuoteMessageThumbnail from './QuoteMessageThumbnail';\n\ninterface Props {\n  className?: string | Array<string>;\n  replyingMessage: UserMessage | FileMessage;\n  onClose?: (message: UserMessage | FileMessage) => void;\n}\n\nexport default function QuoteMessageInput({\n  className,\n  replyingMessage,\n  onClose,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const fileMessage = replyingMessage as FileMessage;\n  const sender = (replyingMessage as UserMessage | FileMessage)?.sender;\n  const displayFileIcon = isFileMessage(replyingMessage) && !isVoiceMessage(replyingMessage as FileMessage);\n\n  return (\n    <div className={getClassName(['sendbird-quote_message_input', className])}>\n      {\n        displayFileIcon && (\n          <QuoteMessageThumbnail message={fileMessage} />\n        )\n      }\n      <div\n        className=\"sendbird-quote_message_input__body\"\n        style={{\n          width: `calc(100% - ${displayFileIcon ? '164px' : '120px'})`,\n          left: displayFileIcon ? '92px' : '40px',\n        }}\n      >\n        <Label\n          className=\"sendbird-quote_message_input__body__sender-name\"\n          type={LabelTypography.CAPTION_1}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {`${stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO} ${(sender && sender.nickname) ? sender.nickname : stringSet.NO_NAME}`}\n        </Label>\n        <Label\n          className=\"sendbird-quote_message_input__body__message-content\"\n          type={LabelTypography.BODY_2}\n          color={LabelColors.ONBACKGROUND_3}\n        >\n          {isImageMessage(fileMessage) && !isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE}\n          {isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO}\n          {isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF}\n          {isUserMessage(replyingMessage as UserMessage) && (replyingMessage as UserMessage).message}\n          {getUIKitMessageType(replyingMessage) === UIKitMessageTypes.FILE && fileMessage.name}\n          {isVoiceMessage(replyingMessage as FileMessage) && stringSet.VOICE_MESSAGE}\n        </Label>\n      </div>\n      <Icon\n        className=\"sendbird-quote_message_input__close-button\"\n        type={IconTypes.CLOSE}\n        fillColor={IconColors.ON_BACKGROUND_2}\n        width=\"24px\"\n        height=\"24px\"\n        onClick={() => onClose(replyingMessage)}\n      />\n    </div>\n  );\n}\n"],"names":["componentClassname","QuoteMessageThumbnail","_ref","message","isFileMessage","isVoiceMessage","thumbnailUrl","thumbnails","length","url","isImageMessage","isThumbnailMessage","React","createElement","ImageRenderer","className","alt","type","width","height","fixedSize","isAudioMessage","Icon","IconTypes","FILE_AUDIO","fillColor","IconColors","ON_BACKGROUND_2","FILE_DOCUMENT","QuoteMessageInput","replyingMessage","onClose","stringSet","useContext","LocalizationContext","fileMessage","sender","displayFileIcon","getClassName","style","left","Label","LabelTypography","CAPTION_1","color","LabelColors","ONBACKGROUND_1","QUOTE_MESSAGE_INPUT__REPLY_TO","nickname","NO_NAME","BODY_2","ONBACKGROUND_3","isGifMessage","QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE","isVideoMessage","QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO","QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF","isUserMessage","getUIKitMessageType","UIKitMessageTypes","FILE","name","VOICE_MESSAGE","CLOSE","onClick"],"mappings":"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"}

package/cjs/ui/ReactionBadge.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-80b17a7f.js');
+var ui_Label = require('../index-bb91f996.js');
 require('prop-types');
-require('../stringSet-2b481a03.js');
+require('../stringSet-ac04b7c1.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/ReactionBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactionBadge.js","sources":["../../../src/ui/ReactionBadge/index.tsx"],"sourcesContent":["import React, {\n  KeyboardEvent,\n  MouseEvent,\n  ReactElement,\n  RefObject,\n  TouchEvent,\n} from 'react';\n\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface ReactionBadgeProps {\n  className?: string | Array<string>;\n  children: ReactElement;\n  count?: number | string;\n  isAdd?: boolean;\n  selected?: boolean;\n  onClick?: (\n    e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>\n  ) => void;\n}\nconst ReactionBadge = React.forwardRef((props: ReactionBadgeProps, ref: RefObject<HTMLDivElement>): ReactElement => {\n  const {\n    className = '',\n    children,\n    count = '',\n    isAdd = false,\n    selected = false,\n    onClick = () => { /* noop */ },\n  } = props;\n\n  const getClassNameTail = (): string => {\n    if (selected && !isAdd) {\n      return '--selected';\n    }\n    if (isAdd) {\n      return '--is-add';\n    }\n    return '';\n  };\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        `sendbird-reaction-badge${getClassNameTail()}`,\n      ].join(' ')}\n      role=\"button\"\n      ref={ref}\n      onClick={onClick}\n      onKeyDown={onClick}\n      onTouchEnd={onClick}\n      tabIndex={0}\n    >\n      <div className=\"sendbird-reaction-badge__inner\">\n        <div className=\"sendbird-reaction-badge__inner__icon\">\n          {children}\n        </div>\n        <Label\n          className={(children && count) && 'sendbird-reaction-badge__inner__count'}\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {count}\n        </Label>\n      </div>\n    </div>\n  );\n});\n\nexport default ReactionBadge;\n"],"names":["ReactionBadge","React","forwardRef","props","ref","className","children","count","isAdd","selected","onClick","getClassNameTail","createElement","Array","isArray","join","role","onKeyDown","onTouchEnd","tabIndex","Label","type","LabelTypography","CAPTION_3","color","LabelColors","ONBACKGROUND_1"],"mappings":";;;;;;;;;;;AAsBMA,MAAAA,aAAa,gBAAGC,yBAAK,CAACC,UAAU,CAAC,CAACC,KAAyB,EAAEC,GAA8B,KAAmB;EAClH,MAAM;AACJC,IAAAA,SAAS,GAAG,EAAE;IACdC,QAAQ;AACRC,IAAAA,KAAK,GAAG,EAAE;AACVC,IAAAA,KAAK,GAAG,KAAK;AACbC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,OAAO,GAAGA,MAAM,YAAE;AACpB,GAAC,GAAGP,KAAK,CAAA;EAET,MAAMQ,gBAAgB,GAAGA,MAAc;AACrC,IAAA,IAAIF,QAAQ,IAAI,CAACD,KAAK,EAAE;AACtB,MAAA,OAAO,YAAY,CAAA;AACrB,KAAA;AACA,IAAA,IAAIA,KAAK,EAAE;AACT,MAAA,OAAO,UAAU,CAAA;AACnB,KAAA;AACA,IAAA,OAAO,EAAE,CAAA;GACV,CAAA;EAED,oBACEP,yBAAA,CAAAW,aAAA,CAAA,KAAA,EAAA;IACEP,SAAS,EAAE,CACT,IAAIQ,KAAK,CAACC,OAAO,CAACT,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACtD,CAAyBM,uBAAAA,EAAAA,gBAAgB,EAAG,CAAC,CAAA,CAC/C,CAACI,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,IAAI,EAAC,QAAQ;AACbZ,IAAAA,GAAG,EAAEA,GAAI;AACTM,IAAAA,OAAO,EAAEA,OAAQ;AACjBO,IAAAA,SAAS,EAAEP,OAAQ;AACnBQ,IAAAA,UAAU,EAAER,OAAQ;AACpBS,IAAAA,QAAQ,EAAE,CAAA;GAEVlB,eAAAA,yBAAA,CAAAW,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAC,gCAAA;GACbJ,eAAAA,yBAAA,CAAAW,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAC,sCAAA;AAAsC,GAAA,EAClDC,QACE,CAAC,eACNL,yBAAA,CAAAW,aAAA,CAACQ,cAAK,EAAA;AACJf,IAAAA,SAAS,EAAGC,QAAQ,IAAIC,KAAK,IAAK,uCAAwC;IAC1Ec,IAAI,EAAEC,wBAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;GAElBnB,EAAAA,KACI,CACJ,CACF,CAAC,CAAA;AAEV,CAAC;;;;"}
+{"version":3,"file":"ReactionBadge.js","sources":["../../../src/ui/ReactionBadge/index.tsx"],"sourcesContent":["import React, {\n  KeyboardEvent,\n  MouseEvent,\n  ReactElement,\n  RefObject,\n  TouchEvent,\n} from 'react';\n\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface ReactionBadgeProps {\n  className?: string | Array<string>;\n  children: ReactElement;\n  count?: number | string;\n  isAdd?: boolean;\n  selected?: boolean;\n  onClick?: (\n    e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>\n  ) => void;\n}\nconst ReactionBadge = React.forwardRef((props: ReactionBadgeProps, ref: RefObject<HTMLDivElement>): ReactElement => {\n  const {\n    className = '',\n    children,\n    count = '',\n    isAdd = false,\n    selected = false,\n    onClick = () => { /* noop */ },\n  } = props;\n\n  const getClassNameTail = (): string => {\n    if (selected && !isAdd) {\n      return '--selected';\n    }\n    if (isAdd) {\n      return '--is-add';\n    }\n    return '';\n  };\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        `sendbird-reaction-badge${getClassNameTail()}`,\n      ].join(' ')}\n      role=\"button\"\n      ref={ref}\n      onClick={onClick}\n      onKeyDown={onClick}\n      onTouchEnd={onClick}\n      tabIndex={0}\n    >\n      <div className=\"sendbird-reaction-badge__inner\">\n        <div className=\"sendbird-reaction-badge__inner__icon\">\n          {children}\n        </div>\n        <Label\n          className={(children && count) && 'sendbird-reaction-badge__inner__count'}\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {count}\n        </Label>\n      </div>\n    </div>\n  );\n});\n\nexport default ReactionBadge;\n"],"names":["ReactionBadge","React","forwardRef","props","ref","className","children","count","isAdd","selected","onClick","getClassNameTail","createElement","Array","isArray","join","role","onKeyDown","onTouchEnd","tabIndex","Label","type","LabelTypography","CAPTION_3","color","LabelColors","ONBACKGROUND_1"],"mappings":";;;;;;;;;;;AAsBMA,MAAAA,aAAa,gBAAGC,yBAAK,CAACC,UAAU,CAAC,CAACC,KAAyB,EAAEC,GAA8B,KAAmB;EAClH,MAAM;AACJC,IAAAA,SAAS,GAAG,EAAE;IACdC,QAAQ;AACRC,IAAAA,KAAK,GAAG,EAAE;AACVC,IAAAA,KAAK,GAAG,KAAK;AACbC,IAAAA,QAAQ,GAAG,KAAK;IAChBC,OAAO,GAAGA,MAAM,YAAE;AACpB,GAAC,GAAGP,KAAK,CAAA;EAET,MAAMQ,gBAAgB,GAAGA,MAAc;AACrC,IAAA,IAAIF,QAAQ,IAAI,CAACD,KAAK,EAAE;AACtB,MAAA,OAAO,YAAY,CAAA;AACrB,KAAA;AACA,IAAA,IAAIA,KAAK,EAAE;AACT,MAAA,OAAO,UAAU,CAAA;AACnB,KAAA;AACA,IAAA,OAAO,EAAE,CAAA;GACV,CAAA;EAED,oBACEP,yBAAA,CAAAW,aAAA,CAAA,KAAA,EAAA;IACEP,SAAS,EAAE,CACT,IAAIQ,KAAK,CAACC,OAAO,CAACT,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACtD,CAAA,uBAAA,EAAyBM,gBAAgB,EAAG,CAAC,CAAA,CAC/C,CAACI,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,IAAI,EAAC,QAAQ;AACbZ,IAAAA,GAAG,EAAEA,GAAI;AACTM,IAAAA,OAAO,EAAEA,OAAQ;AACjBO,IAAAA,SAAS,EAAEP,OAAQ;AACnBQ,IAAAA,UAAU,EAAER,OAAQ;AACpBS,IAAAA,QAAQ,EAAE,CAAA;GAEVlB,eAAAA,yBAAA,CAAAW,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAC,gCAAA;GACbJ,eAAAA,yBAAA,CAAAW,aAAA,CAAA,KAAA,EAAA;AAAKP,IAAAA,SAAS,EAAC,sCAAA;AAAsC,GAAA,EAClDC,QAAQ,CACL,eACNL,yBAAA,CAAAW,aAAA,CAACQ,cAAK,EAAA;AACJf,IAAAA,SAAS,EAAGC,QAAQ,IAAIC,KAAK,IAAK,uCAAwC;IAC1Ec,IAAI,EAAEC,wBAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,oBAAW,CAACC,cAAAA;GAElBnB,EAAAA,KAAK,CACA,CACJ,CACF,CAAA;AAEV,CAAC;;;;"}

package/cjs/ui/ReactionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactionButton.js","sources":["../../../src/ui/ReactionButton/index.tsx"],"sourcesContent":["import React, {\n  KeyboardEvent,\n  MouseEvent,\n  ReactElement,\n  RefObject,\n  TouchEvent,\n} from 'react';\n\nimport './index.scss';\n\nexport interface ReactionButtonProps {\n  children: ReactElement;\n  className?: string | Array<string>;\n  width?: string | number;\n  height?: string | number;\n  selected?: boolean;\n  onClick?: (\n    e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>\n  ) => void;\n}\nconst ReactionButton = React.forwardRef((props: ReactionButtonProps, ref: RefObject<HTMLDivElement>): ReactElement => {\n  const {\n    className,\n    width,\n    height,\n    selected,\n    onClick,\n    children,\n  } = props;\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        `sendbird-reaction-button${selected ? '--selected' : ''}`,\n      ].join(' ')}\n      ref={ref}\n      role=\"button\"\n      style={{ width, height }}\n      onClick={(e) => onClick(e)}\n      onKeyDown={(e) => onClick(e)}\n      onTouchEnd={(e) => {\n        onClick(e);\n        // to stop longpress\n        e.stopPropagation();\n        e.nativeEvent.stopImmediatePropagation();\n      }}\n      tabIndex={0}\n    >\n      <div className=\"sendbird-reaction-button__inner\">\n        {children}\n      </div>\n    </div>\n  );\n});\n\nexport default ReactionButton;\n"],"names":["ReactionButton","React","forwardRef","props","ref","className","width","height","selected","onClick","children","createElement","Array","isArray","join","role","style","e","onKeyDown","onTouchEnd","stopPropagation","nativeEvent","stopImmediatePropagation","tabIndex"],"mappings":";;;;;;;;AAoBMA,MAAAA,cAAc,gBAAGC,yBAAK,CAACC,UAAU,CAAC,CAACC,KAA0B,EAAEC,GAA8B,KAAmB;EACpH,MAAM;IACJC,SAAS;IACTC,KAAK;IACLC,MAAM;IACNC,QAAQ;IACRC,OAAO;AACPC,IAAAA,QAAAA;AACF,GAAC,GAAGP,KAAK,CAAA;EAET,oBACEF,yBAAA,CAAAU,aAAA,CAAA,KAAA,EAAA;AACEN,IAAAA,SAAS,EAAE,CACT,IAAIO,KAAK,CAACC,OAAO,CAACR,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACtD,CAAA,wBAAA,EAA0BG,QAAQ,GAAG,YAAY,GAAG,EAAG,CAAA,CAAC,CAC1D,CAACM,IAAI,CAAC,GAAG,CAAE;AACZV,IAAAA,GAAG,EAAEA,GAAI;AACTW,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,KAAK,EAAE;MAAEV,KAAK;AAAEC,MAAAA,MAAAA;KAAS;AACzBE,IAAAA,OAAO,EAAGQ,CAAC,IAAKR,OAAO,CAACQ,CAAC,CAAE;AAC3BC,IAAAA,SAAS,EAAGD,CAAC,IAAKR,OAAO,CAACQ,CAAC,CAAE;IAC7BE,UAAU,EAAGF,CAAC,IAAK;MACjBR,OAAO,CAACQ,CAAC,CAAC,CAAA;AACV;MACAA,CAAC,CAACG,eAAe,EAAE,CAAA;AACnBH,MAAAA,CAAC,CAACI,WAAW,CAACC,wBAAwB,EAAE,CAAA;KACxC;AACFC,IAAAA,QAAQ,EAAE,CAAA;GAEVtB,eAAAA,yBAAA,CAAAU,aAAA,CAAA,KAAA,EAAA;AAAKN,IAAAA,SAAS,EAAC,iCAAA;GACZK,EAAAA,QACE,CACF,CAAC,CAAA;AAEV,CAAC;;;;"}
+{"version":3,"file":"ReactionButton.js","sources":["../../../src/ui/ReactionButton/index.tsx"],"sourcesContent":["import React, {\n  KeyboardEvent,\n  MouseEvent,\n  ReactElement,\n  RefObject,\n  TouchEvent,\n} from 'react';\n\nimport './index.scss';\n\nexport interface ReactionButtonProps {\n  children: ReactElement;\n  className?: string | Array<string>;\n  width?: string | number;\n  height?: string | number;\n  selected?: boolean;\n  onClick?: (\n    e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>\n  ) => void;\n}\nconst ReactionButton = React.forwardRef((props: ReactionButtonProps, ref: RefObject<HTMLDivElement>): ReactElement => {\n  const {\n    className,\n    width,\n    height,\n    selected,\n    onClick,\n    children,\n  } = props;\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        `sendbird-reaction-button${selected ? '--selected' : ''}`,\n      ].join(' ')}\n      ref={ref}\n      role=\"button\"\n      style={{ width, height }}\n      onClick={(e) => onClick(e)}\n      onKeyDown={(e) => onClick(e)}\n      onTouchEnd={(e) => {\n        onClick(e);\n        // to stop longpress\n        e.stopPropagation();\n        e.nativeEvent.stopImmediatePropagation();\n      }}\n      tabIndex={0}\n    >\n      <div className=\"sendbird-reaction-button__inner\">\n        {children}\n      </div>\n    </div>\n  );\n});\n\nexport default ReactionButton;\n"],"names":["ReactionButton","React","forwardRef","props","ref","className","width","height","selected","onClick","children","createElement","Array","isArray","join","role","style","e","onKeyDown","onTouchEnd","stopPropagation","nativeEvent","stopImmediatePropagation","tabIndex"],"mappings":";;;;;;;;AAoBMA,MAAAA,cAAc,gBAAGC,yBAAK,CAACC,UAAU,CAAC,CAACC,KAA0B,EAAEC,GAA8B,KAAmB;EACpH,MAAM;IACJC,SAAS;IACTC,KAAK;IACLC,MAAM;IACNC,QAAQ;IACRC,OAAO;AACPC,IAAAA,QAAAA;AACF,GAAC,GAAGP,KAAK,CAAA;EAET,oBACEF,yBAAA,CAAAU,aAAA,CAAA,KAAA,EAAA;AACEN,IAAAA,SAAS,EAAE,CACT,IAAIO,KAAK,CAACC,OAAO,CAACR,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACtD,CAAA,wBAAA,EAA0BG,QAAQ,GAAG,YAAY,GAAG,EAAG,CAAA,CAAC,CAC1D,CAACM,IAAI,CAAC,GAAG,CAAE;AACZV,IAAAA,GAAG,EAAEA,GAAI;AACTW,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,KAAK,EAAE;MAAEV,KAAK;AAAEC,MAAAA,MAAAA;KAAS;AACzBE,IAAAA,OAAO,EAAGQ,CAAC,IAAKR,OAAO,CAACQ,CAAC,CAAE;AAC3BC,IAAAA,SAAS,EAAGD,CAAC,IAAKR,OAAO,CAACQ,CAAC,CAAE;IAC7BE,UAAU,EAAGF,CAAC,IAAK;MACjBR,OAAO,CAACQ,CAAC,CAAC,CAAA;AACV;MACAA,CAAC,CAACG,eAAe,EAAE,CAAA;AACnBH,MAAAA,CAAC,CAACI,WAAW,CAACC,wBAAwB,EAAE,CAAA;KACxC;AACFC,IAAAA,QAAQ,EAAE,CAAA;GAEVtB,eAAAA,yBAAA,CAAAU,aAAA,CAAA,KAAA,EAAA;AAAKN,IAAAA,SAAS,EAAC,iCAAA;GACZK,EAAAA,QAAQ,CACL,CACF,CAAA;AAEV,CAAC;;;;"}

package/cjs/ui/SortByRow.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var uuid = require('../uuid-d0dd45eb.js');
+var uuid = require('../uuid-d5eb7040.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/SortByRow.js.map

@@ -1 +1 @@
-{"version":3,"file":"SortByRow.js","sources":["../../../src/ui/SortByRow/index.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport uuidv4 from '../../utils/uuid';\n\nimport './index.scss';\n\nconst componentClassName = 'sendbird-sort-by-row';\n\nexport interface SortByRowProps {\n  className?: string | Array<string>;\n  maxItemCount: number;\n  itemWidth: number;\n  itemHeight: number;\n  children: ReactNode;\n}\nexport default function SortByRow({\n  className = '',\n  maxItemCount,\n  itemWidth,\n  itemHeight,\n  children,\n}: SortByRowProps): ReactElement {\n  if (Array.isArray(children) && children.length > maxItemCount) {\n    const result = [];\n\n    for (let i = 0; i < children.length; i += maxItemCount) {\n      result.push(\n        <div\n          className={[\n            ...(Array.isArray(className) ? className : [className]),\n            componentClassName,\n          ].join(' ')}\n          key={uuidv4()}\n          style={{\n            width: itemWidth * maxItemCount,\n            height: itemHeight,\n          }}\n        >\n          {\n            children.slice(i, i + maxItemCount)\n          }\n        </div>,\n      );\n    }\n    return <>{result}</>;\n  }\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        componentClassName,\n      ].join(' ')}\n      style={{\n        width: itemWidth * (Array.isArray(children) ? children.length : 1),\n        height: itemHeight,\n      }}\n    >\n      {children as ReactElement}\n    </div>\n  );\n}\n"],"names":["componentClassName","SortByRow","_ref","className","maxItemCount","itemWidth","itemHeight","children","Array","isArray","length","result","i","push","React","createElement","join","key","uuidv4","style","width","height","slice","Fragment"],"mappings":";;;;;;;;;AAKA,MAAMA,kBAAkB,GAAG,sBAAsB,CAAA;AASlC,SAASC,SAASA,CAAAC,IAAA,EAMA;EAAA,IANC;AAChCC,IAAAA,SAAS,GAAG,EAAE;IACdC,YAAY;IACZC,SAAS;IACTC,UAAU;AACVC,IAAAA,QAAAA;AACc,GAAC,GAAAL,IAAA,CAAA;AACf,EAAA,IAAIM,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,IAAIA,QAAQ,CAACG,MAAM,GAAGN,YAAY,EAAE;IAC7D,MAAMO,MAAM,GAAG,EAAE,CAAA;AAEjB,IAAA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGL,QAAQ,CAACG,MAAM,EAAEE,CAAC,IAAIR,YAAY,EAAE;AACtDO,MAAAA,MAAM,CAACE,IAAI,eACTC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;QACEZ,SAAS,EAAE,CACT,IAAIK,KAAK,CAACC,OAAO,CAACN,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvDH,kBAAkB,CACnB,CAACgB,IAAI,CAAC,GAAG,CAAE;QACZC,GAAG,EAAEC,WAAM,EAAG;AACdC,QAAAA,KAAK,EAAE;UACLC,KAAK,EAAEf,SAAS,GAAGD,YAAY;AAC/BiB,UAAAA,MAAM,EAAEf,UAAAA;AACV,SAAA;OAGEC,EAAAA,QAAQ,CAACe,KAAK,CAACV,CAAC,EAAEA,CAAC,GAAGR,YAAY,CAEjC,CACP,CAAC,CAAA;AACH,KAAA;IACA,oBAAOU,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAAS,QAAA,EAAGZ,IAAAA,EAAAA,MAAS,CAAC,CAAA;AACtB,GAAA;EAEA,oBACEG,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEZ,SAAS,EAAE,CACT,IAAIK,KAAK,CAACC,OAAO,CAACN,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvDH,kBAAkB,CACnB,CAACgB,IAAI,CAAC,GAAG,CAAE;AACZG,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEf,SAAS,IAAIG,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,GAAGA,QAAQ,CAACG,MAAM,GAAG,CAAC,CAAC;AAClEW,MAAAA,MAAM,EAAEf,UAAAA;AACV,KAAA;AAAE,GAAA,EAEDC,QACE,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"SortByRow.js","sources":["../../../src/ui/SortByRow/index.tsx"],"sourcesContent":["import React, { ReactElement, ReactNode } from 'react';\nimport uuidv4 from '../../utils/uuid';\n\nimport './index.scss';\n\nconst componentClassName = 'sendbird-sort-by-row';\n\nexport interface SortByRowProps {\n  className?: string | Array<string>;\n  maxItemCount: number;\n  itemWidth: number;\n  itemHeight: number;\n  children: ReactNode;\n}\nexport default function SortByRow({\n  className = '',\n  maxItemCount,\n  itemWidth,\n  itemHeight,\n  children,\n}: SortByRowProps): ReactElement {\n  if (Array.isArray(children) && children.length > maxItemCount) {\n    const result = [];\n\n    for (let i = 0; i < children.length; i += maxItemCount) {\n      result.push(\n        <div\n          className={[\n            ...(Array.isArray(className) ? className : [className]),\n            componentClassName,\n          ].join(' ')}\n          key={uuidv4()}\n          style={{\n            width: itemWidth * maxItemCount,\n            height: itemHeight,\n          }}\n        >\n          {\n            children.slice(i, i + maxItemCount)\n          }\n        </div>,\n      );\n    }\n    return <>{result}</>;\n  }\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        componentClassName,\n      ].join(' ')}\n      style={{\n        width: itemWidth * (Array.isArray(children) ? children.length : 1),\n        height: itemHeight,\n      }}\n    >\n      {children as ReactElement}\n    </div>\n  );\n}\n"],"names":["componentClassName","SortByRow","_ref","className","maxItemCount","itemWidth","itemHeight","children","Array","isArray","length","result","i","push","React","createElement","join","key","uuidv4","style","width","height","slice","Fragment"],"mappings":";;;;;;;;;AAKA,MAAMA,kBAAkB,GAAG,sBAAsB,CAAA;AASlC,SAASC,SAASA,CAAAC,IAAA,EAMA;EAAA,IANC;AAChCC,IAAAA,SAAS,GAAG,EAAE;IACdC,YAAY;IACZC,SAAS;IACTC,UAAU;AACVC,IAAAA,QAAAA;AACc,GAAC,GAAAL,IAAA,CAAA;AACf,EAAA,IAAIM,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,IAAIA,QAAQ,CAACG,MAAM,GAAGN,YAAY,EAAE;IAC7D,MAAMO,MAAM,GAAG,EAAE,CAAA;AAEjB,IAAA,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGL,QAAQ,CAACG,MAAM,EAAEE,CAAC,IAAIR,YAAY,EAAE;AACtDO,MAAAA,MAAM,CAACE,IAAI,eACTC,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;QACEZ,SAAS,EAAE,CACT,IAAIK,KAAK,CAACC,OAAO,CAACN,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvDH,kBAAkB,CACnB,CAACgB,IAAI,CAAC,GAAG,CAAE;QACZC,GAAG,EAAEC,WAAM,EAAG;AACdC,QAAAA,KAAK,EAAE;UACLC,KAAK,EAAEf,SAAS,GAAGD,YAAY;AAC/BiB,UAAAA,MAAM,EAAEf,UAAAA;AACV,SAAA;OAGEC,EAAAA,QAAQ,CAACe,KAAK,CAACV,CAAC,EAAEA,CAAC,GAAGR,YAAY,CAAC,CAEjC,CACP,CAAA;AACH,KAAA;IACA,oBAAOU,yBAAA,CAAAC,aAAA,CAAAD,yBAAA,CAAAS,QAAA,EAAGZ,IAAAA,EAAAA,MAAM,CAAI,CAAA;AACtB,GAAA;EAEA,oBACEG,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEZ,SAAS,EAAE,CACT,IAAIK,KAAK,CAACC,OAAO,CAACN,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvDH,kBAAkB,CACnB,CAACgB,IAAI,CAAC,GAAG,CAAE;AACZG,IAAAA,KAAK,EAAE;AACLC,MAAAA,KAAK,EAAEf,SAAS,IAAIG,KAAK,CAACC,OAAO,CAACF,QAAQ,CAAC,GAAGA,QAAQ,CAACG,MAAM,GAAG,CAAC,CAAC;AAClEW,MAAAA,MAAM,EAAEf,UAAAA;AACV,KAAA;AAAE,GAAA,EAEDC,QAAQ,CACL,CAAA;AAEV;;;;"}

package/cjs/ui/TextButton.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var color = require('../color-4904d01e.js');
+var color = require('../color-ac868fc0.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/TextButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextButton.js","sources":["../../../src/ui/TextButton/index.tsx"],"sourcesContent":["import React, { MouseEvent, KeyboardEvent, ReactElement } from 'react';\n\nimport './index.scss';\n\nimport {\n  Colors,\n  changeColorToClassName,\n} from '../../utils/color';\n\nexport interface TextButtonProps {\n  className?: string | Array<string>;\n  color?: Colors;\n  disabled?: boolean;\n  disableUnderline?: boolean;\n  onClick?: (e: (MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>)) => void;\n  children: ReactElement;\n}\n\nconst TextButton = ({\n  className = '',\n  color = Colors.ONBACKGROUND_1,\n  disabled = false,\n  disableUnderline = false,\n  onClick = () => { /* noop */ },\n  children,\n}: TextButtonProps): ReactElement => {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        changeColorToClassName(color),\n        disableUnderline ? 'sendbird-textbutton--not-underline' : 'sendbird-textbutton',\n        disabled ? 'sendbird-textbutton--disabled' : '',\n      ].join(' ')}\n      role=\"button\"\n      tabIndex={0}\n      onClick={(e) => onClick(e)}\n      onKeyPress={(e) => onClick(e)}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default TextButton;\n"],"names":["TextButton","_ref","className","color","Colors","ONBACKGROUND_1","disabled","disableUnderline","onClick","children","React","createElement","Array","isArray","changeColorToClassName","join","role","tabIndex","e","onKeyPress"],"mappings":";;;;;;;;;AAkBMA,MAAAA,UAAU,GAAGC,IAAA,IAOkB;EAAA,IAPjB;AAClBC,IAAAA,SAAS,GAAG,EAAE;WACdC,OAAK,GAAGC,YAAM,CAACC,cAAc;AAC7BC,IAAAA,QAAQ,GAAG,KAAK;AAChBC,IAAAA,gBAAgB,GAAG,KAAK;AACxBC,IAAAA,OAAO,GAAGA,MAAM,YAAc;AAC9BC,IAAAA,QAAAA;AACe,GAAC,GAAAR,IAAA,CAAA;EAChB,oBACES,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAE,CACT,IAAIU,KAAK,CAACC,OAAO,CAACX,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvDY,4BAAsB,CAACX,OAAK,CAAC,EAC7BI,gBAAgB,GAAG,oCAAoC,GAAG,qBAAqB,EAC/ED,QAAQ,GAAG,+BAA+B,GAAG,EAAE,CAChD,CAACS,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,QAAQ,EAAE,CAAE;AACZT,IAAAA,OAAO,EAAGU,CAAC,IAAKV,OAAO,CAACU,CAAC,CAAE;AAC3BC,IAAAA,UAAU,EAAGD,CAAC,IAAKV,OAAO,CAACU,CAAC,CAAA;AAAE,GAAA,EAE7BT,QACE,CAAC,CAAA;AAEV;;;;"}
+{"version":3,"file":"TextButton.js","sources":["../../../src/ui/TextButton/index.tsx"],"sourcesContent":["import React, { MouseEvent, KeyboardEvent, ReactElement } from 'react';\n\nimport './index.scss';\n\nimport {\n  Colors,\n  changeColorToClassName,\n} from '../../utils/color';\n\nexport interface TextButtonProps {\n  className?: string | Array<string>;\n  color?: Colors;\n  disabled?: boolean;\n  disableUnderline?: boolean;\n  onClick?: (e: (MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>)) => void;\n  children: ReactElement;\n}\n\nconst TextButton = ({\n  className = '',\n  color = Colors.ONBACKGROUND_1,\n  disabled = false,\n  disableUnderline = false,\n  onClick = () => { /* noop */ },\n  children,\n}: TextButtonProps): ReactElement => {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        changeColorToClassName(color),\n        disableUnderline ? 'sendbird-textbutton--not-underline' : 'sendbird-textbutton',\n        disabled ? 'sendbird-textbutton--disabled' : '',\n      ].join(' ')}\n      role=\"button\"\n      tabIndex={0}\n      onClick={(e) => onClick(e)}\n      onKeyPress={(e) => onClick(e)}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default TextButton;\n"],"names":["TextButton","_ref","className","color","Colors","ONBACKGROUND_1","disabled","disableUnderline","onClick","children","React","createElement","Array","isArray","changeColorToClassName","join","role","tabIndex","e","onKeyPress"],"mappings":";;;;;;;;;AAkBMA,MAAAA,UAAU,GAAGC,IAAA,IAOkB;EAAA,IAPjB;AAClBC,IAAAA,SAAS,GAAG,EAAE;WACdC,OAAK,GAAGC,YAAM,CAACC,cAAc;AAC7BC,IAAAA,QAAQ,GAAG,KAAK;AAChBC,IAAAA,gBAAgB,GAAG,KAAK;AACxBC,IAAAA,OAAO,GAAGA,MAAM,YAAc;AAC9BC,IAAAA,QAAAA;AACe,GAAC,GAAAR,IAAA,CAAA;EAChB,oBACES,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACET,IAAAA,SAAS,EAAE,CACT,IAAIU,KAAK,CAACC,OAAO,CAACX,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,CAAC,EACvDY,4BAAsB,CAACX,OAAK,CAAC,EAC7BI,gBAAgB,GAAG,oCAAoC,GAAG,qBAAqB,EAC/ED,QAAQ,GAAG,+BAA+B,GAAG,EAAE,CAChD,CAACS,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,QAAQ,EAAE,CAAE;AACZT,IAAAA,OAAO,EAAGU,CAAC,IAAKV,OAAO,CAACU,CAAC,CAAE;AAC3BC,IAAAA,UAAU,EAAGD,CAAC,IAAKV,OAAO,CAACU,CAAC,CAAA;AAAE,GAAA,EAE7BT,QAAQ,CACL,CAAA;AAEV;;;;"}

package/cjs/ui/TextMessageItemBody.js

@@ -1,29 +1,29 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-80b17a7f.js');
-var index = require('../index-4de6caed.js');
-var LocalizationContext = require('../LocalizationContext-30772f4a.js');
-var tokenize = require('../tokenize-07747f4c.js');
-var index$1 = require('../index-43612435.js');
-var consts = require('../consts-a235ce0a.js');
+var ui_Label = require('../index-bb91f996.js');
+var index = require('../index-551be60f.js');
+var LocalizationContext = require('../LocalizationContext-975ffc10.js');
+var tokenize = require('../tokenize-10b9c2ca.js');
+var index$1 = require('../index-1a324d07.js');
+var consts = require('../consts-d9ff7fec.js');
 require('prop-types');
-require('../stringSet-2b481a03.js');
-require('../_rollupPluginBabelHelpers-4b6406c2.js');
+require('../stringSet-ac04b7c1.js');
+require('../_rollupPluginBabelHelpers-596e2aef.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index-6d3fe482.js');
-require('../index.module-f4ff21b1.js');
+require('../index-f0938824.js');
+require('../index.module-2d344ee2.js');
 require('../Message/context.js');
 require('./MentionLabel.js');
 require('./ContextMenu.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../uuid-d0dd45eb.js');
+require('../uuid-d5eb7040.js');
 require('./UserProfile.js');
-require('../UserProfileContext-eb5a10d6.js');
+require('../UserProfileContext-8b19c6c3.js');
 require('../sendbirdSelectors.js');
-require('../topics-f9cf559a.js');
-require('../utils-f6f55335.js');
+require('../topics-89c25bd7.js');
+require('../utils-eadc245c.js');
 require('./Avatar.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
@@ -39,7 +39,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 function TextMessageItemBody(_ref) {
   var _message$mentionedMes, _message$mentionedUse, _message$reactions;
   let {
-    className,
+    className = '',
     message,
     isByMe = false,
     mouseHover = false,

package/cjs/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 { tokenizeMessage } from '../../modules/Message/utils/tokens/tokenize';\nimport TextFragment from '../../modules/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","_ref","_message$mentionedMes","_message$mentionedUse","_message$reactions","className","message","isByMe","mouseHover","isMentionEnabled","isReactionEnabled","stringSet","useContext","LocalizationContext","isMessageMentioned","mentionedMessageTemplate","length","mentionedUsers","tokens","useMemo","tokenizeMessage","messageText","updatedAt","React","createElement","Label","type","LabelTypography","BODY_1","color","LabelColors","ONCONTENT_1","ONBACKGROUND_1","getClassName","TEXT_MESSAGE_BODY_CLASSNAME","reactions","TextFragment","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","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 '../../modules/Message/utils/tokens/tokenize';\nimport TextFragment from '../../modules/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","_ref","_message$mentionedMes","_message$mentionedUse","_message$reactions","className","message","isByMe","mouseHover","isMentionEnabled","isReactionEnabled","stringSet","useContext","LocalizationContext","isMessageMentioned","mentionedMessageTemplate","length","mentionedUsers","tokens","useMemo","tokenizeMessage","messageText","updatedAt","React","createElement","Label","type","LabelTypography","BODY_1","color","LabelColors","ONCONTENT_1","ONBACKGROUND_1","getClassName","TEXT_MESSAGE_BODY_CLASSNAME","reactions","TextFragment","isEditedMessage","ONCONTENT_2","ONBACKGROUND_2","MESSAGE_EDITED"],"mappings":"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"}