@sendbird/uikit-react 3.4.6 → 3.4.7-0

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","_a","className","message","isOperator","_b","isEphemeral","userId","resendMessage","disabled","showEdit","showRemove","chainTop","messageType","_c","useLocalization","stringSet","dateLocale","_d","useContext","UserProfileContext","disableUserProfile","renderUserProfile","messageRef","useRef","avatarRef","contextMenuRef","mobileMenuRef","_e","useState","contextStyle","setContextStyle","_f","contextMenu","setContextMenu","status","sendingStatus","isPending","checkIsPending","isFailed","checkIsFailed","sender","getSenderFromMessage","useEffect","current","clientHeight","top","window","innerWidth","onLongPress","useLongPress","isMobile","useMediaQueryContext","React","createElement","__spreadArray","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","__assign","BODY_1","ONBACKGROUND_1","isEditedMessage","key","uuidv4","calssName","concat","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

@@ -2,15 +2,14 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-8f4b0cfe.js');
 require('react');
-var ui_PlaceHolder = require('../index-983f9d7a.js');
-require('../LocalizationContext-498cb747.js');
+var ui_PlaceHolder = require('../index-ff8ea47f.js');
+require('../LocalizationContext-af96cf5f.js');
 require('./Icon.js');
-require('../index-b8a20afd.js');
+require('../index-73643285.js');
 require('./Loader.js');
-require('../stringSet-061fe0c1.js');
-require('../index-8b6bb1ee.js');
+require('../stringSet-68748705.js');
+require('../index-83d1d15e.js');
 require('prop-types');
 
 

package/cjs/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/cjs/ui/PlaybackTime.js

@@ -3,32 +3,31 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_Label = require('../index-b8a20afd.js');
+var ui_Label = require('../index-73643285.js');
 require('prop-types');
-require('../stringSet-061fe0c1.js');
+require('../stringSet-68748705.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var PlaybackTime = function (_a) {
-  var className = _a.className,
-    _b = _a.time,
-    time = _b === void 0 ? 0 : _b,
-    _c = _a.labelType,
-    labelType = _c === void 0 ? ui_Label.LabelTypography.CAPTION_2 : _c,
-    _d = _a.labelColor,
-    labelColor = _d === void 0 ? ui_Label.LabelColors.ONCONTENT_1 : _d;
-  var naturalTime = time < 0 ? 0 : time;
-  var hour = Math.floor(naturalTime / 3600000);
-  var min = Math.floor(naturalTime % 3600000 / 60000);
-  var sec = Math.floor(naturalTime % 3600000 % 60000 / 1000);
+const PlaybackTime = _ref => {
+  let {
+    className,
+    time = 0,
+    labelType = ui_Label.LabelTypography.CAPTION_2,
+    labelColor = ui_Label.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["default"].createElement("div", {
-    className: "sendbird-ui-play-time ".concat(className)
+    className: `sendbird-ui-play-time ${className}`
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     type: labelType,
     color: labelColor
-  }, "".concat(hour ? hour + ':' : '').concat(min < 10 ? '0' : '').concat(min ? min : '0', ":").concat(sec < 10 ? '0' : '').concat(sec)));
+  }, `${hour ? hour + ':' : ''}${min < 10 ? '0' : ''}${min ? min : '0'}:${sec < 10 ? '0' : ''}${sec}`));
 };
 
 exports.PlaybackTime = PlaybackTime;

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","_a","className","_b","time","_c","labelType","LabelTypography","CAPTION_2","_d","labelColor","LabelColors","ONCONTENT_1","naturalTime","hour","Math","floor","min","sec","React","createElement","concat","Label","type","color"],"mappings":";;;;;;;;;;;;;IAWaA,YAAY,GAAG,UAACC,EAKT,EAAA;MAJlBC,SAAS,GAAAD,EAAA,CAAAC,SAAA;IACTC,EAAA,GAAAF,EAAA,CAAAG,IAAQ;IAARA,IAAI,mBAAG,CAAC,GAAAD,EAAA;IACRE,EAAA,GAAAJ,EAAA,CAAAK,SAAqC;IAArCA,SAAS,mBAAGC,wBAAe,CAACC,SAAS,GAAAH,EAAA;IACrCI,EAAA,GAAAR,EAAA,CAAAS,UAAoC;IAApCA,UAAU,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAAE,oBAAW,CAACC,WAAW,GAAAH,EAAA,CAAA;EAEpC,IAAMI,WAAW,GAAGT,IAAI,GAAG,CAAC,GAAG,CAAC,GAAGA,IAAI,CAAA;EAEvC,IAAMU,IAAI,GAAGC,IAAI,CAACC,KAAK,CAACH,WAAW,GAAG,OAAO,CAAC,CAAA;EAC9C,IAAMI,GAAG,GAAGF,IAAI,CAACC,KAAK,CAACH,WAAW,GAAG,OAAO,GAAG,KAAK,CAAC,CAAA;AACrD,EAAA,IAAMK,GAAG,GAAGH,IAAI,CAACC,KAAK,CAAEH,WAAW,GAAG,OAAO,GAAG,KAAK,GAAI,IAAI,CAAC,CAAA;EAC9D,oBACEM,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKlB,IAAAA,SAAS,EAAE,wBAAyB,CAAAmB,MAAA,CAAAnB,SAAS,CAAA;AAAG,GAAA,eACnDiB,yBAAA,CAAAC,aAAA,CAACE,cAAK,EAAA;AACJC,IAAAA,IAAI,EAAEjB,SAAU;AAChBkB,IAAAA,KAAK,EAAEd,UAAAA;GAEN,EAAA,EAAA,CAAAW,MAAA,CAAGP,IAAI,GAAGA,IAAI,GAAG,GAAG,GAAG,EAAE,CAAG,CAAAO,MAAA,CAAAJ,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,SAAGA,GAAG,GAAGA,GAAG,GAAG,GAAG,EAAA,GAAA,CAAA,CAAAI,MAAA,CAAIH,GAAG,GAAG,EAAE,GAAG,GAAG,GAAG,EAAE,CAAA,CAAAG,MAAA,CAAGH,GAAG,CAAE,CAErG,CAAM,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,CAC3F,CACJ,CAAC,CAAA;AAEV;;;;;"}

package/cjs/ui/ProgressBar.js

@@ -8,29 +8,27 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var ProgressBarColorTypes = {
+const ProgressBarColorTypes = {
   PRIMARY: 'progress-bar-color--primary',
   GRAY: 'progress-bar-color--gray'
 };
-var ProgressBar = function (_a) {
-  var _b = _a.className,
-    className = _b === void 0 ? '' : _b,
-    _c = _a.disabled,
-    disabled = _c === void 0 ? false : _c,
-    maxSize = _a.maxSize,
-    _d = _a.currentSize,
-    currentSize = _d === void 0 ? 0 : _d,
-    _e = _a.colorType,
-    colorType = _e === void 0 ? ProgressBarColorTypes.PRIMARY : _e;
-  var width = React.useMemo(function () {
-    return "".concat(currentSize / maxSize * 100, "%");
+const ProgressBar = _ref => {
+  let {
+    className = '',
+    disabled = false,
+    maxSize,
+    currentSize = 0,
+    colorType = ProgressBarColorTypes.PRIMARY
+  } = _ref;
+  const width = React.useMemo(() => {
+    return `${currentSize / maxSize * 100}%`;
   }, [currentSize, maxSize]);
   return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-progress-bar ".concat(className, " ").concat(colorType, " ").concat(disabled ? 'progress-bar--disabled' : '')
+    className: `sendbird-progress-bar ${className} ${colorType} ${disabled ? 'progress-bar--disabled' : ''}`
   }, /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-progress-bar__fill",
     style: {
-      width: width
+      width
     }
   }));
 };

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","_a","_b","className","_c","disabled","maxSize","_d","currentSize","_e","colorType","width","useMemo","React","createElement","concat","style"],"mappings":";;;;;;;;;;AAGO,IAAMA,qBAAqB,GAAG;AACnCC,EAAAA,OAAO,EAAE,6BAA6B;AACtCC,EAAAA,IAAI,EAAE,0BAAA;EACE;IAWGC,WAAW,GAAG,UAACC,EAMT,EAAA;AALjB,EAAA,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAc;IAAdA,SAAS,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAAA,EAAA;IACdE,EAAgB,GAAAH,EAAA,CAAAI,QAAA;IAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IAChBE,OAAO,GAAAL,EAAA,CAAAK,OAAA;IACPC,EAAA,GAAAN,EAAA,CAAAO,WAAe;IAAfA,WAAW,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,CAAC,GAAAA,EAAA;IACfE,EAAyC,GAAAR,EAAA,CAAAS,SAAA;IAAzCA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAGZ,qBAAqB,CAACC,OAAO,GAAAW,EAAA,CAAA;AAEzC,EAAA,IAAME,KAAK,GAAGC,aAAO,CAAC,YAAA;IACpB,OAAO,UAAGJ,WAAW,GAAGF,OAAO,GAAG,GAAG,MAAG,CAAA;AAC1C,GAAC,EAAE,CAACE,WAAW,EAAEF,OAAO,CAAC,CAAC,CAAA;EAC1B,oBACEO,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKX,SAAS,EAAE,wBAAyB,CAAAY,MAAA,CAAAZ,SAAS,EAAI,GAAA,CAAA,CAAAY,MAAA,CAAAL,SAAS,cAAIL,QAAQ,GAAG,wBAAwB,GAAG,EAAE,CAAA;GACzGQ,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKX,IAAAA,SAAS,EAAC,6BAA6B;AAACa,IAAAA,KAAK,EAAE;AAAEL,MAAAA,KAAK,EAAAA,KAAAA;AAAA,KAAA;AAAG,GAAA,CAChE,CAAM,CAAA;AAEV;;;;;;"}
+{"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;;;;;;"}

package/cjs/ui/QuoteMessage.js

@@ -2,53 +2,53 @@
 
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-b8a20afd.js');
+var ui_Label = require('../index-73643285.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-var LocalizationContext = require('../LocalizationContext-498cb747.js');
-var index = require('../index-2ac1f908.js');
+var LocalizationContext = require('../LocalizationContext-af96cf5f.js');
+var index = require('../index-f2146bae.js');
 require('prop-types');
-require('../stringSet-061fe0c1.js');
-require('../tslib.es6-8f4b0cfe.js');
-require('../index-8b6bb1ee.js');
+require('../stringSet-68748705.js');
+require('../index-83d1d15e.js');
+require('../_rollupPluginBabelHelpers-c5955c81.js');
 require('../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-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 = React.useContext(LocalizationContext.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 = React.useState(false),
-    isThumbnailLoaded = _k[0],
-    setThumbnailLoaded = _k[1];
-  var uikitFileTypes = index.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
+  } = React.useContext(LocalizationContext.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] = React.useState(false);
+  const uikitFileTypes = index.getUIKitFileTypes();
+  const splitFileName = parentMessage !== null && parentMessage !== void 0 && parentMessage.name ? parentMessage.name.split('/') : parentMessageUrl.split('/');
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: index.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();
       }
@@ -79,7 +79,7 @@ function QuoteMessage(_a) {
     className: "sendbird-quote-message__replied-message__text-message__word",
     type: ui_Label.LabelTypography.BODY_2,
     color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, stringSet.QUOTED_MESSAGE__UNAVAILABLE)), index.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["default"].createElement("div", {
+  }, stringSet.QUOTED_MESSAGE__UNAVAILABLE)), index.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["default"].createElement("div", {
     className: "sendbird-quote-message__replied-message__text-message"
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-quote-message__replied-message__text-message__word",
@@ -99,9 +99,7 @@ function QuoteMessage(_a) {
     alt: parentMessageType,
     width: "144px",
     height: "108px",
-    onLoad: function () {
-      return setThumbnailLoaded(true);
-    },
+    onLoad: () => setThumbnailLoaded(true),
     defaultComponent: /*#__PURE__*/React__default["default"].createElement("div", {
       className: "sendbird-quote-message__replied-message__thumbnail-message__placeholder"
     }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -112,7 +110,7 @@ function QuoteMessage(_a) {
       width: "22px",
       height: "22px"
     })))
-  }), index.isVideo(parentMessageType) && !(((_f = parentMessage === null || parentMessage === void 0 ? void 0 : parentMessage.thumbnails) === null || _f === void 0 ? void 0 : _f.length) > 0) && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("video", {
+  }), index.isVideo(parentMessageType) && !((parentMessage === null || parentMessage === void 0 ? void 0 : (_thumbnails = parentMessage.thumbnails) === null || _thumbnails === void 0 ? void 0 : _thumbnails.length) > 0) && /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("video", {
     className: "sendbird-quote-message__replied-message__thumbnail-message__video"
   }, /*#__PURE__*/React__default["default"].createElement("source", {
     src: parentMessageUrl,
@@ -139,7 +137,13 @@ function QuoteMessage(_a) {
     className: "sendbird-quote-message__replied-message__file-message"
   }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
     className: "sendbird-quote-message__replied-message__file-message__type-icon",
-    type: (_b = {}, _b[uikitFileTypes.IMAGE] = ui_Icon.IconTypes.PHOTO, _b[uikitFileTypes.VIDEO] = ui_Icon.IconTypes.PLAY, _b[uikitFileTypes.AUDIO] = ui_Icon.IconTypes.FILE_AUDIO, _b[uikitFileTypes.GIF] = ui_Icon.IconTypes.GIF, _b[uikitFileTypes.OTHERS] = ui_Icon.IconTypes.FILE_DOCUMENT, _b)[index.getUIKitFileType(parentMessageType)],
+    type: {
+      [uikitFileTypes.IMAGE]: ui_Icon.IconTypes.PHOTO,
+      [uikitFileTypes.VIDEO]: ui_Icon.IconTypes.PLAY,
+      [uikitFileTypes.AUDIO]: ui_Icon.IconTypes.FILE_AUDIO,
+      [uikitFileTypes.GIF]: ui_Icon.IconTypes.GIF,
+      [uikitFileTypes.OTHERS]: ui_Icon.IconTypes.FILE_DOCUMENT
+    }[index.getUIKitFileType(parentMessageType)],
     fillColor: ui_Icon.IconColors.ON_BACKGROUND_3,
     width: "16px",
     height: "16px"

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","_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","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","_e","length","isVoiceMessage","VOICE_MESSAGE","isThumbnailMessage","ImageRenderer","alt","onLoad","defaultComponent","isVideo","PLAY","PHOTO","ON_BACKGROUND_2","_f","thumbnails","Fragment","src","GRAY","isGif","GIF","getUIKitMessageType","UIKitMessageTypes","FILE","_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/cjs/ui/QuoteMessageInput.js

@@ -1,28 +1,30 @@
 'use strict';
 
 var React = require('react');
-var index = require('../index-2ac1f908.js');
+var index = require('../index-f2146bae.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-b8a20afd.js');
-var LocalizationContext = require('../LocalizationContext-498cb747.js');
+var ui_Label = require('../index-73643285.js');
+var LocalizationContext = require('../LocalizationContext-af96cf5f.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
-require('../tslib.es6-8f4b0cfe.js');
+require('../_rollupPluginBabelHelpers-c5955c81.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('prop-types');
-require('../stringSet-061fe0c1.js');
-require('../index-8b6bb1ee.js');
+require('../stringSet-68748705.js');
+require('../index-83d1d15e.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var componentClassname = 'sendbird-quote_message_input__avatar';
-function QuoteMessageThumbnail(_a) {
-  var message = _a.message;
+const componentClassname = 'sendbird-quote_message_input__avatar';
+function QuoteMessageThumbnail(_ref) {
+  let {
+    message
+  } = _ref;
   if (!index.isFileMessage(message) || index.isVoiceMessage(message)) {
     return null;
   }
-  var thumbnailUrl = message.thumbnails && message.thumbnails.length > 0 && message.thumbnails[0].url || index.isImageMessage(message) && message.url;
+  const thumbnailUrl = message.thumbnails && message.thumbnails.length > 0 && message.thumbnails[0].url || index.isImageMessage(message) && message.url;
   if (index.isThumbnailMessage(message) && thumbnailUrl) {
     return /*#__PURE__*/React__default["default"].createElement(ui_ImageRenderer, {
       className: componentClassname,
@@ -53,14 +55,18 @@ function QuoteMessageThumbnail(_a) {
   }
 }
 
-function QuoteMessageInput(_a) {
-  var className = _a.className,
-    replyingMessage = _a.replyingMessage,
-    onClose = _a.onClose;
-  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
-  var fileMessage = replyingMessage;
-  var sender = replyingMessage === null || replyingMessage === void 0 ? void 0 : replyingMessage.sender;
-  var displayFileIcon = index.isFileMessage(replyingMessage) && !index.isVoiceMessage(replyingMessage);
+function QuoteMessageInput(_ref) {
+  let {
+    className,
+    replyingMessage,
+    onClose
+  } = _ref;
+  const {
+    stringSet
+  } = React.useContext(LocalizationContext.LocalizationContext);
+  const fileMessage = replyingMessage;
+  const sender = replyingMessage === null || replyingMessage === void 0 ? void 0 : replyingMessage.sender;
+  const displayFileIcon = index.isFileMessage(replyingMessage) && !index.isVoiceMessage(replyingMessage);
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: index.getClassName(['sendbird-quote_message_input', className])
   }, displayFileIcon && /*#__PURE__*/React__default["default"].createElement(QuoteMessageThumbnail, {
@@ -68,14 +74,14 @@ function QuoteMessageInput(_a) {
   }), /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-quote_message_input__body",
     style: {
-      width: "calc(100% - ".concat(displayFileIcon ? '164px' : '120px', ")"),
+      width: `calc(100% - ${displayFileIcon ? '164px' : '120px'})`,
       left: displayFileIcon ? '92px' : '40px'
     }
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-quote_message_input__body__sender-name",
     type: ui_Label.LabelTypography.CAPTION_1,
     color: ui_Label.LabelColors.ONBACKGROUND_1
-  }, "".concat(stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO, " ").concat(sender && sender.nickname ? sender.nickname : stringSet.NO_NAME)), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
+  }, `${stringSet.QUOTE_MESSAGE_INPUT__REPLY_TO} ${sender && sender.nickname ? sender.nickname : stringSet.NO_NAME}`), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
     className: "sendbird-quote_message_input__body__message-content",
     type: ui_Label.LabelTypography.BODY_2,
     color: ui_Label.LabelColors.ONBACKGROUND_3
@@ -85,9 +91,7 @@ function QuoteMessageInput(_a) {
     fillColor: ui_Icon.IconColors.ON_BACKGROUND_2,
     width: "24px",
     height: "24px",
-    onClick: function () {
-      return onClose(replyingMessage);
-    }
+    onClick: () => onClose(replyingMessage)
   }));
 }