@sendbird/uikit-react 3.5.0-rc.1 → 3.5.0

package/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} from '../../utils/openChannelUtils';\nimport { getSenderFromMessage } from '../../utils/openChannelUtils';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport OpenChannelMobileMenu from '../OpenChannelMobileMenu';\nimport useLongPress from '../../hooks/useLongPress';\nimport { isEditedMessage } from '../../utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage;\n  isOperator?: 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  userId,\n  resendMessage,\n  disabled,\n  showEdit,\n  showRemove,\n  chainTop,\n}: Props): 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                    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                    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","_a","className","message","isOperator","userId","resendMessage","disabled","showEdit","showRemove","chainTop","messageType","_b","useLocalization","stringSet","dateLocale","_c","useContext","UserProfileContext","disableUserProfile","renderUserProfile","messageRef","useRef","avatarRef","contextMenuRef","mobileMenuRef","_d","useState","contextStyle","setContextStyle","_e","contextMenu","setContextMenu","status","sendingStatus","isPending","checkIsPending","isFailed","checkIsFailed","sender","getSenderFromMessage","useEffect","current","clientHeight","top","window","innerWidth","onLongPress","useLongPress","isMobile","useMediaQueryContext","React","__spreadArray","Array","isArray","join","toggleDropdown","profileUrl","closeDropdown","paddingTop","paddingBottom","user","close","LabelTypography","CAPTION_2","LabelColors","SECONDARY_3","ONBACKGROUND_2","friendName","nickname","CAPTION_3","ONBACKGROUND_3","createdAt","format","locale","__assign","BODY_1","ONBACKGROUND_1","isEditedMessage","uuidv4","concat","MESSAGE_EDITED","IconTypes","SPINNER","IconColors","PRIMARY","ERROR","showMenuTrigger","MORE","CONTENT_INVERSE","isFineCopy","copyToClipboard","CONTEXT_MENU_DROPDOWN__COPY","isFineEdit","CONTEXT_MENU_DROPDOWN__EDIT","isFineResend","CONTEXT_MENU_DROPDOWN__RESEND","isFineDelete","CONTEXT_MENU_DROPDOWN__DELETE"],"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  // 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  if (!message || message.messageType !== 'user') {\n    return <></>;\n  }\n\n  return (\n    <>\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                          dataSbId=\"open_channel_user_message_menu_copy\"\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                          dataSbId=\"open_channel_user_message_menu_edit\"\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                          dataSbId=\"open_channel_user_message_menu_resend\"\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                          dataSbId=\"open_channel_user_message_menu_delete\"\n                        >\n                          {stringSet.CONTEXT_MENU_DROPDOWN__DELETE}\n                        </MenuItem>\n                      )\n                    }\n                  </MenuItems>\n                )}\n              />\n            </div>\n\n          )\n        }\n      </div>\n      {\n        contextMenu && (\n          <OpenChannelMobileMenu\n            message={message}\n            parentRef={mobileMenuRef}\n            hideMenu={() => {\n              setContextMenu(false);\n            }}\n            showRemove={() => {\n              setContextMenu(false);\n              showRemove(true);\n            }}\n            showEdit={() => {\n              setContextMenu(false);\n              showEdit(true);\n            }}\n            copyToClipboard={() => {\n              setContextMenu(false);\n              copyToClipboard(message?.message);\n            }}\n            resendMessage={() => {\n              setContextMenu(false);\n              resendMessage(message);\n            }}\n          />\n        )\n      }\n    </>\n  );\n}\n"],"names":["OpenchannelUserMessage","_ref","className","message","isOperator","isEphemeral","userId","resendMessage","disabled","showEdit","showRemove","chainTop","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","messageType","React","createElement","Fragment","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","dataSbId","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/ui/PlaceHolder.js

@@ -1,11 +1,10 @@
-import '../tslib.es6-72df3331.js';
 import 'react';
-export { a as PlaceHolderTypes, P as default } from '../index-232388fa.js';
-import '../LocalizationContext-289c1917.js';
+export { a as PlaceHolderTypes, P as default } from '../index-9cd77b08.js';
+import '../LocalizationContext-04c0c9dc.js';
 import './Icon.js';
-import '../index-2784bdd8.js';
+import '../index-e33f7f55.js';
 import './Loader.js';
-import '../stringSet-9ae71b7d.js';
-import '../index-4ebfc7a7.js';
+import '../stringSet-e0ee1265.js';
+import '../index-319984d0.js';
 import 'prop-types';
 //# sourceMappingURL=PlaceHolder.js.map

package/ui/PlaceHolder.js.map

@@ -1 +1 @@
-{"version":3,"file":"PlaceHolder.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;"}
+{"version":3,"file":"PlaceHolder.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/ui/PlaybackTime.js

@@ -0,0 +1,26 @@
+import React__default from 'react';
+import { a as LabelTypography, b as LabelColors, L as Label } from '../index-e33f7f55.js';
+import 'prop-types';
+import '../stringSet-e0ee1265.js';
+
+const PlaybackTime = _ref => {
+  let {
+    className,
+    time = 0,
+    labelType = LabelTypography.CAPTION_2,
+    labelColor = LabelColors.ONCONTENT_1
+  } = _ref;
+  const naturalTime = time < 0 ? 0 : time;
+  const hour = Math.floor(naturalTime / 3600000);
+  const min = Math.floor(naturalTime % 3600000 / 60000);
+  const sec = Math.floor(naturalTime % 3600000 % 60000 / 1000);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: `sendbird-ui-play-time ${className}`
+  }, /*#__PURE__*/React__default.createElement(Label, {
+    type: labelType,
+    color: labelColor
+  }, `${hour ? hour + ':' : ''}${min < 10 ? '0' : ''}${min ? min : '0'}:${sec < 10 ? '0' : ''}${sec}`));
+};
+
+export { PlaybackTime, PlaybackTime as default };
+//# sourceMappingURL=PlaybackTime.js.map

package/ui/PlaybackTime.js.map

@@ -0,0 +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,eAAe,CAACC,SAAS;IACrCC,UAAU,GAAGC,WAAW,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,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKf,SAAS,EAAG,yBAAwBA,SAAU,CAAA,CAAA;AAAE,GAAA,eACnDc,cAAA,CAAAC,aAAA,CAACC,KAAK,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/ui/ProgressBar.js

@@ -0,0 +1,30 @@
+import React__default, { useMemo } from 'react';
+
+/* eslint-disable no-redeclare */
+const ProgressBarColorTypes = {
+  PRIMARY: 'progress-bar-color--primary',
+  GRAY: 'progress-bar-color--gray'
+};
+const ProgressBar = _ref => {
+  let {
+    className = '',
+    disabled = false,
+    maxSize,
+    currentSize = 0,
+    colorType = ProgressBarColorTypes.PRIMARY
+  } = _ref;
+  const width = useMemo(() => {
+    return `${currentSize / maxSize * 100}%`;
+  }, [currentSize, maxSize]);
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: `sendbird-progress-bar ${className} ${colorType} ${disabled ? 'progress-bar--disabled' : ''}`
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-progress-bar__fill",
+    style: {
+      width
+    }
+  }));
+};
+
+export { ProgressBar, ProgressBarColorTypes, ProgressBar as default };
+//# sourceMappingURL=ProgressBar.js.map

package/ui/ProgressBar.js.map

@@ -0,0 +1 @@
+{"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,OAAO,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,cAAA,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,cAAA,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/ui/QuoteMessage.js

@@ -1,52 +1,48 @@
 import React__default, { useContext, useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-2784bdd8.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e33f7f55.js';
 import ImageRenderer from './ImageRenderer.js';
-import { a as LocalizationContext } from '../LocalizationContext-289c1917.js';
-import { K as getUIKitFileTypes, h as getClassName, r as isUserMessage, n as isThumbnailMessage, E as isVideo, L as isGif, l as isFileMessage, D as isSupportedFileView, J as getUIKitFileType, t as truncateString } from '../index-855ef33d.js';
+import { a as LocalizationContext } from '../LocalizationContext-04c0c9dc.js';
+import { M as getUIKitFileTypes, h as getClassName, q as isUserMessage, d as isVoiceMessage, m as isThumbnailMessage, y as isVideo, N as isGif, r as getUIKitMessageType, U as UIKitMessageTypes, L as getUIKitFileType, t as truncateString } from '../index-cf859f03.js';
 import 'prop-types';
-import '../stringSet-9ae71b7d.js';
-import '../tslib.es6-72df3331.js';
-import '../index-4ebfc7a7.js';
+import '../stringSet-e0ee1265.js';
+import '../index-319984d0.js';
+import '../_rollupPluginBabelHelpers-fb0e05a4.js';
 import '../utils/message/getOutgoingMessageState.js';
 
-function QuoteMessage(_a) {
-  var _b;
-
-  var _c, _d, _e, _f;
-
-  var message = _a.message,
-      _g = _a.userId,
-      userId = _g === void 0 ? '' : _g,
-      _h = _a.isByMe,
-      isByMe = _h === void 0 ? false : _h,
-      className = _a.className,
-      _j = _a.isUnavailable,
-      isUnavailable = _j === void 0 ? false : _j,
-      onClick = _a.onClick;
-  var stringSet = useContext(LocalizationContext).stringSet;
-  var parentMessage = message.parentMessage;
-  var parentMessageSender = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender;
-  var parentMessageSenderNickname = userId === (parentMessageSender === null || parentMessageSender === void 0 ? void 0 : parentMessageSender.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : parentMessageSender === null || parentMessageSender === void 0 ? void 0 : parentMessageSender.nickname;
-  var parentMessageUrl = (parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.url) || '';
-  var parentMessageType = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.type;
-  var currentMessageSenderNickname = userId === ((_c = message === null || message === void 0 ? void 0 : message.sender) === null || _c === void 0 ? void 0 : _c.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : (_d = message === null || message === void 0 ? void 0 : message.sender) === null || _d === void 0 ? void 0 : _d.nickname;
-
-  var _k = useState(false),
-      isThumbnailLoaded = _k[0],
-      setThumbnailLoaded = _k[1];
-
-  var uikitFileTypes = getUIKitFileTypes();
-  var splitFileName = (parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.name) ? parentMessage.name.split('/') : parentMessageUrl.split('/');
+function QuoteMessage(_ref) {
+  var _message$sender, _message$sender2, _message, _thumbnails;
+  let {
+    message,
+    userId = '',
+    isByMe = false,
+    className = '',
+    isUnavailable = false,
+    onClick
+  } = _ref;
+  const {
+    stringSet
+  } = useContext(LocalizationContext);
+  const {
+    parentMessage
+  } = message;
+  const parentMessageSender = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.sender;
+  const parentMessageSenderNickname = userId === (parentMessageSender === null || parentMessageSender === void 0 ? void 0 : parentMessageSender.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : parentMessageSender === null || parentMessageSender === void 0 ? void 0 : parentMessageSender.nickname;
+  const parentMessageUrl = (parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.url) || '';
+  const parentMessageType = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.type;
+  const currentMessageSenderNickname = userId === (message === null || message === void 0 ? void 0 : (_message$sender = message.sender) === null || _message$sender === void 0 ? void 0 : _message$sender.userId) ? stringSet.QUOTED_MESSAGE__CURRENT_USER : message === null || message === void 0 ? void 0 : (_message$sender2 = message.sender) === null || _message$sender2 === void 0 ? void 0 : _message$sender2.nickname;
+  const [isThumbnailLoaded, setThumbnailLoaded] = useState(false);
+  const uikitFileTypes = getUIKitFileTypes();
+  const splitFileName = parentMessage !== null && parentMessage !== void 0 && parentMessage.name ? parentMessage.name.split('/') : parentMessageUrl.split('/');
   return /*#__PURE__*/React__default.createElement("div", {
     className: getClassName([className, 'sendbird-quote-message', isByMe ? 'outgoing' : 'incoming', isUnavailable ? 'unavailable' : '']),
     key: parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.messageId,
-    onClick: function () {
+    onClick: () => {
       if (!isUnavailable && onClick) {
         onClick();
       }
     },
-    onTouchEnd: function () {
+    onTouchEnd: () => {
       if (!isUnavailable && onClick) {
         onClick();
       }
@@ -77,13 +73,19 @@ function QuoteMessage(_a) {
     className: "sendbird-quote-message__replied-message__text-message__word",
     type: LabelTypography.BODY_2,
     color: LabelColors.ONBACKGROUND_1
-  }, stringSet.QUOTED_MESSAGE__UNAVAILABLE)), isUserMessage(parentMessage) && ((_e = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.message) === null || _e === void 0 ? void 0 : _e.length) > 0 && !isUnavailable && /*#__PURE__*/React__default.createElement("div", {
+  }, stringSet.QUOTED_MESSAGE__UNAVAILABLE)), isUserMessage(parentMessage) && (parentMessage === null || parentMessage === void 0 ? void 0 : (_message = parentMessage.message) === null || _message === void 0 ? void 0 : _message.length) > 0 && !isUnavailable && /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-quote-message__replied-message__text-message"
+  }, /*#__PURE__*/React__default.createElement(Label, {
+    className: "sendbird-quote-message__replied-message__text-message__word",
+    type: LabelTypography.BODY_2,
+    color: LabelColors.ONBACKGROUND_1
+  }, parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.message)), isVoiceMessage(parentMessage) && parentMessageUrl && !isUnavailable && /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-quote-message__replied-message__text-message"
   }, /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-quote-message__replied-message__text-message__word",
     type: LabelTypography.BODY_2,
     color: LabelColors.ONBACKGROUND_1
-  }, parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.message)), isThumbnailMessage(parentMessage) && parentMessageUrl && !isUnavailable && /*#__PURE__*/React__default.createElement("div", {
+  }, stringSet.VOICE_MESSAGE)), isThumbnailMessage(parentMessage) && parentMessageUrl && !isUnavailable && /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-quote-message__replied-message__thumbnail-message"
   }, /*#__PURE__*/React__default.createElement(ImageRenderer, {
     className: "sendbird-quote-message__replied-message__thumbnail-message__image",
@@ -91,9 +93,7 @@ function QuoteMessage(_a) {
     alt: parentMessageType,
     width: "144px",
     height: "108px",
-    onLoad: function () {
-      return setThumbnailLoaded(true);
-    },
+    onLoad: () => setThumbnailLoaded(true),
     defaultComponent: /*#__PURE__*/React__default.createElement("div", {
       className: "sendbird-quote-message__replied-message__thumbnail-message__placeholder"
     }, /*#__PURE__*/React__default.createElement("div", {
@@ -104,7 +104,7 @@ function QuoteMessage(_a) {
       width: "22px",
       height: "22px"
     })))
-  }), isVideo(parentMessageType) && !(((_f = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.thumbnails) === null || _f === void 0 ? void 0 : _f.length) > 0) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("video", {
+  }), isVideo(parentMessageType) && !((parentMessage === null || parentMessage === void 0 ? void 0 : (_thumbnails = parentMessage.thumbnails) === null || _thumbnails === void 0 ? void 0 : _thumbnails.length) > 0) && /*#__PURE__*/React__default.createElement(React__default.Fragment, null, /*#__PURE__*/React__default.createElement("video", {
     className: "sendbird-quote-message__replied-message__thumbnail-message__video"
   }, /*#__PURE__*/React__default.createElement("source", {
     src: parentMessageUrl,
@@ -127,11 +127,17 @@ function QuoteMessage(_a) {
     fillColor: IconColors.GRAY,
     width: "14px",
     height: "14px"
-  })))), isFileMessage(parentMessage) && !isSupportedFileView(parentMessage.type) && parentMessageUrl && !isUnavailable && /*#__PURE__*/React__default.createElement("div", {
+  })))), getUIKitMessageType(parentMessage) === UIKitMessageTypes.FILE && parentMessageUrl && !isUnavailable && /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-quote-message__replied-message__file-message"
   }, /*#__PURE__*/React__default.createElement(Icon, {
     className: "sendbird-quote-message__replied-message__file-message__type-icon",
-    type: (_b = {}, _b[uikitFileTypes.IMAGE] = IconTypes.PHOTO, _b[uikitFileTypes.VIDEO] = IconTypes.PLAY, _b[uikitFileTypes.AUDIO] = IconTypes.FILE_AUDIO, _b[uikitFileTypes.GIF] = IconTypes.GIF, _b[uikitFileTypes.OTHERS] = IconTypes.FILE_DOCUMENT, _b)[getUIKitFileType(parentMessageType)],
+    type: {
+      [uikitFileTypes.IMAGE]: IconTypes.PHOTO,
+      [uikitFileTypes.VIDEO]: IconTypes.PLAY,
+      [uikitFileTypes.AUDIO]: IconTypes.FILE_AUDIO,
+      [uikitFileTypes.GIF]: IconTypes.GIF,
+      [uikitFileTypes.OTHERS]: IconTypes.FILE_DOCUMENT
+    }[getUIKitFileType(parentMessageType)],
     fillColor: IconColors.ON_BACKGROUND_3,
     width: "16px",
     height: "16px"

package/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  isFileMessage,\n  isGif,\n  isSupportedFileView,\n  isThumbnailMessage,\n  isUserMessage,\n  isVideo,\n  truncateString,\n} from '../../utils';\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        {/* 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        {(isFileMessage(parentMessage as FileMessage) && !isSupportedFileView((parentMessage as FileMessage).type) && 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","_a","message","_g","userId","_h","isByMe","className","_j","isUnavailable","onClick","stringSet","useContext","LocalizationContext","parentMessage","parentMessageSender","sender","parentMessageSenderNickname","QUOTED_MESSAGE__CURRENT_USER","nickname","parentMessageUrl","url","parentMessageType","type","currentMessageSenderNickname","_c","_d","_k","useState","isThumbnailLoaded","setThumbnailLoaded","uikitFileTypes","getUIKitFileTypes","splitFileName","name","split","React","getClassName","messageId","IconTypes","REPLY","IconColors","ON_BACKGROUND_3","LabelTypography","CAPTION_2","LabelColors","ONBACKGROUND_3","QUOTED_MESSAGE__REPLIED_TO","BODY_2","ONBACKGROUND_1","QUOTED_MESSAGE__UNAVAILABLE","isUserMessage","_e","length","isThumbnailMessage","isVideo","PLAY","PHOTO","ON_BACKGROUND_2","_f","thumbnails","GRAY","isGif","GIF","isFileMessage","isSupportedFileView","_b","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/ui/QuoteMessageInput.js

@@ -1,25 +1,24 @@
 import React__default, { useContext } from 'react';
-import { l as isFileMessage, m as isImageMessage, n as isThumbnailMessage, o as isAudioMessage, h as getClassName, p as isGifMessage, q as isVideoMessage, r as isUserMessage } from '../index-855ef33d.js';
+import { k as isFileMessage, d as isVoiceMessage, l as isImageMessage, m as isThumbnailMessage, n as isAudioMessage, h as getClassName, o as isGifMessage, p as isVideoMessage, q as isUserMessage, r as getUIKitMessageType, U as UIKitMessageTypes } from '../index-cf859f03.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-2784bdd8.js';
-import { a as LocalizationContext } from '../LocalizationContext-289c1917.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-e33f7f55.js';
+import { a as LocalizationContext } from '../LocalizationContext-04c0c9dc.js';
 import ImageRenderer from './ImageRenderer.js';
-import '../tslib.es6-72df3331.js';
+import '../_rollupPluginBabelHelpers-fb0e05a4.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-9ae71b7d.js';
-import '../index-4ebfc7a7.js';
+import '../stringSet-e0ee1265.js';
+import '../index-319984d0.js';
 
-var componentClassname = 'sendbird-quote_message_input__avatar';
-function QuoteMessageThumbnail(_a) {
-  var message = _a.message;
-
-  if (!isFileMessage(message)) {
+const componentClassname = 'sendbird-quote_message_input__avatar';
+function QuoteMessageThumbnail(_ref) {
+  let {
+    message
+  } = _ref;
+  if (!isFileMessage(message) || isVoiceMessage(message)) {
     return null;
   }
-
-  var thumbnailUrl = message.thumbnails && message.thumbnails.length > 0 && message.thumbnails[0].url || isImageMessage(message) && message.url;
-
+  const thumbnailUrl = message.thumbnails && message.thumbnails.length > 0 && message.thumbnails[0].url || isImageMessage(message) && message.url;
   if (isThumbnailMessage(message) && thumbnailUrl) {
     return /*#__PURE__*/React__default.createElement(ImageRenderer, {
       className: componentClassname,
@@ -50,40 +49,43 @@ function QuoteMessageThumbnail(_a) {
   }
 }
 
-function QuoteMessageInput(_a) {
-  var className = _a.className,
-      replyingMessage = _a.replyingMessage,
-      onClose = _a.onClose;
-  var stringSet = useContext(LocalizationContext).stringSet;
-  var fileMessage = replyingMessage;
-  var sender = replyingMessage === null || replyingMessage === void 0 ? void 0 : replyingMessage.sender;
+function QuoteMessageInput(_ref) {
+  let {
+    className,
+    replyingMessage,
+    onClose
+  } = _ref;
+  const {
+    stringSet
+  } = useContext(LocalizationContext);
+  const fileMessage = replyingMessage;
+  const sender = replyingMessage === null || replyingMessage === void 0 ? void 0 : replyingMessage.sender;
+  const displayFileIcon = isFileMessage(replyingMessage) && !isVoiceMessage(replyingMessage);
   return /*#__PURE__*/React__default.createElement("div", {
     className: getClassName(['sendbird-quote_message_input', className])
-  }, /*#__PURE__*/React__default.createElement(QuoteMessageThumbnail, {
+  }, displayFileIcon && /*#__PURE__*/React__default.createElement(QuoteMessageThumbnail, {
     message: fileMessage
   }), /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-quote_message_input__body",
     style: {
-      width: "calc(100% - ".concat((fileMessage === null || fileMessage === void 0 ? void 0 : fileMessage.isFileMessage()) ? '164px' : '120px', ")"),
-      left: (fileMessage === null || fileMessage === void 0 ? void 0 : fileMessage.isFileMessage()) ? '92px' : '40px'
+      width: `calc(100% - ${displayFileIcon ? '164px' : '120px'})`,
+      left: displayFileIcon ? '92px' : '40px'
     }
   }, /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-quote_message_input__body__sender-name",
     type: LabelTypography.CAPTION_1,
     color: LabelColors.ONBACKGROUND_1
-  }, "".concat(stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO, " ").concat(sender && sender.nickname ? sender.nickname : stringSet.NO_NAME)), /*#__PURE__*/React__default.createElement(Label, {
+  }, `${stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO} ${sender && sender.nickname ? sender.nickname : stringSet.NO_NAME}`), /*#__PURE__*/React__default.createElement(Label, {
     className: "sendbird-quote_message_input__body__message-content",
     type: LabelTypography.BODY_2,
     color: LabelColors.ONBACKGROUND_3
-  }, isImageMessage(fileMessage) && !isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE, isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO, isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF, isUserMessage(replyingMessage) && replyingMessage.message, isFileMessage(fileMessage) && !isThumbnailMessage(fileMessage) && fileMessage.name)), /*#__PURE__*/React__default.createElement(Icon, {
+  }, isImageMessage(fileMessage) && !isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_IMAGE, isVideoMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE__VIDEO, isGifMessage(fileMessage) && stringSet.QUOTE_MESSAGE_INPUT__FILE_TYPE_GIF, isUserMessage(replyingMessage) && replyingMessage.message, getUIKitMessageType(replyingMessage) === UIKitMessageTypes.FILE && fileMessage.name, isVoiceMessage(replyingMessage) && stringSet.VOICE_MESSAGE)), /*#__PURE__*/React__default.createElement(Icon, {
     className: "sendbird-quote_message_input__close-button",
     type: IconTypes.CLOSE,
     fillColor: IconColors.ON_BACKGROUND_2,
     width: "24px",
     height: "24px",
-    onClick: function () {
-      return onClose(replyingMessage);
-    }
+    onClick: () => onClose(replyingMessage)
   }));
 }