@sendbird/uikit-react 3.4.6-0 → 3.4.6-rc.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 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","_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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"}

package/ui/PlaceHolder.js

@@ -1,11 +1,11 @@
-import '../tslib.es6-5180f9d1.js';
+import '../tslib.es6-debac48c.js';
 import 'react';
-export { a as PlaceHolderTypes, P as default } from '../index-ec8cbdfb.js';
-import '../LocalizationContext-43b10f97.js';
+export { a as PlaceHolderTypes, P as default } from '../index-10da4b99.js';
+import '../LocalizationContext-428ea690.js';
 import './Icon.js';
-import '../index-8f0ae983.js';
+import '../index-8efe881f.js';
 import './Loader.js';
-import '../stringSet-2d42f6ff.js';
-import '../index-0f373e79.js';
+import '../stringSet-fa7e0d83.js';
+import '../index-8b3cd0b6.js';
 import 'prop-types';
 //# sourceMappingURL=PlaceHolder.js.map

package/ui/PlaybackTime.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
-import { a as LabelTypography, b as LabelColors, L as Label } from '../index-8f0ae983.js';
+import { a as LabelTypography, b as LabelColors, L as Label } from '../index-8efe881f.js';
 import 'prop-types';
-import '../stringSet-2d42f6ff.js';
+import '../stringSet-fa7e0d83.js';
 
 var PlaybackTime = function (_a) {
   var className = _a.className,

package/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,SAAa;IAAbA,SAAS,GAAED,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAAA,EAAA;IACbE,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,OAAO,CAAC,YAAA;IACpB,OAAO,UAAGJ,WAAW,GAAGF,OAAO,GAAG,GAAG,MAAG,CAAA;AAC1C,GAAC,EAAE,CAACE,WAAW,EAAEF,OAAO,CAAC,CAAC,CAAA;EAC1B,oBACEO,cAAA,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,cAAA,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","_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,OAAO,CAAC,YAAA;IACpB,OAAO,UAAGJ,WAAW,GAAGF,OAAO,GAAG,GAAG,MAAG,CAAA;AAC1C,GAAC,EAAE,CAACE,WAAW,EAAEF,OAAO,CAAC,CAAC,CAAA;EAC1B,oBACEO,cAAA,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,cAAA,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;;;;"}

package/ui/QuoteMessage.js

@@ -1,13 +1,13 @@
 import React__default, { useContext, useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8f0ae983.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8efe881f.js';
 import ImageRenderer from './ImageRenderer.js';
-import { a as LocalizationContext } from '../LocalizationContext-43b10f97.js';
-import { L as getUIKitFileTypes, j as getClassName, r as isUserMessage, d as isVoiceMessage, n as isThumbnailMessage, E as isVideo, M as isGif, s as getUIKitMessageType, U as UIKitMessageTypes, K as getUIKitFileType, t as truncateString } from '../index-cd1a9173.js';
+import { a as LocalizationContext } from '../LocalizationContext-428ea690.js';
+import { L as getUIKitFileTypes, j as getClassName, r as isUserMessage, d as isVoiceMessage, n as isThumbnailMessage, E as isVideo, M as isGif, s as getUIKitMessageType, U as UIKitMessageTypes, K as getUIKitFileType, t as truncateString } from '../index-f87c5aab.js';
 import 'prop-types';
-import '../stringSet-2d42f6ff.js';
-import '../tslib.es6-5180f9d1.js';
-import '../index-0f373e79.js';
+import '../stringSet-fa7e0d83.js';
+import '../tslib.es6-debac48c.js';
+import '../index-8b3cd0b6.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function QuoteMessage(_a) {

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  getUIKitMessageType,\n  isGif,\n  isThumbnailMessage,\n  isUserMessage,\n  isVideo,\n  isVoiceMessage,\n  truncateString,\n  UIKitMessageTypes,\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        {/* 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","_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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"}

package/ui/QuoteMessageInput.js

@@ -1,14 +1,14 @@
 import React__default, { useContext } from 'react';
-import { l as isFileMessage, d as isVoiceMessage, m as isImageMessage, n as isThumbnailMessage, o as isAudioMessage, j as getClassName, p as isGifMessage, q as isVideoMessage, r as isUserMessage, s as getUIKitMessageType, U as UIKitMessageTypes } from '../index-cd1a9173.js';
+import { l as isFileMessage, d as isVoiceMessage, m as isImageMessage, n as isThumbnailMessage, o as isAudioMessage, j as getClassName, p as isGifMessage, q as isVideoMessage, r as isUserMessage, s as getUIKitMessageType, U as UIKitMessageTypes } from '../index-f87c5aab.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8f0ae983.js';
-import { a as LocalizationContext } from '../LocalizationContext-43b10f97.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8efe881f.js';
+import { a as LocalizationContext } from '../LocalizationContext-428ea690.js';
 import ImageRenderer from './ImageRenderer.js';
-import '../tslib.es6-5180f9d1.js';
+import '../tslib.es6-debac48c.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-2d42f6ff.js';
-import '../index-0f373e79.js';
+import '../stringSet-fa7e0d83.js';
+import '../index-8b3cd0b6.js';
 
 var componentClassname = 'sendbird-quote_message_input__avatar';
 function QuoteMessageThumbnail(_a) {

package/ui/ReactionBadge.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-5180f9d1.js';
+import { a as __spreadArray } from '../tslib.es6-debac48c.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8f0ae983.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8efe881f.js';
 import 'prop-types';
-import '../stringSet-2d42f6ff.js';
+import '../stringSet-fa7e0d83.js';
 
 var ReactionBadge = /*#__PURE__*/React__default.forwardRef(function (props, ref) {
   var _a = props.className,

package/ui/ReactionBadge.js.map

@@ -1 +1 @@
-{"version":3,"file":"ReactionBadge.js","sources":["../../src/ui/ReactionBadge/index.tsx"],"sourcesContent":["import React, {\n  KeyboardEvent,\n  MouseEvent,\n  ReactElement,\n  RefObject,\n  TouchEvent,\n} from 'react';\n\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface ReactionBadgeProps {\n  className?: string | Array<string>;\n  children: ReactElement;\n  count?: number | string;\n  isAdd?: boolean;\n  selected?: boolean;\n  onClick?: (\n    e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>\n  ) => void;\n}\nconst ReactionBadge = React.forwardRef((props: ReactionBadgeProps, ref: RefObject<HTMLDivElement>): ReactElement => {\n  const {\n    className = '',\n    children,\n    count = '',\n    isAdd = false,\n    selected = false,\n    onClick = () => {/* noop */},\n  } = props;\n\n  const getClassNameTail = (): string => {\n    if (selected && !isAdd) {\n      return '--selected';\n    }\n    if (isAdd) {\n      return '--is-add';\n    }\n    return '';\n  };\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        `sendbird-reaction-badge${getClassNameTail()}`,\n      ].join(' ')}\n      role=\"button\"\n      ref={ref}\n      onClick={onClick}\n      onKeyDown={onClick}\n      onTouchEnd={onClick}\n      tabIndex={0}\n    >\n      <div className=\"sendbird-reaction-badge__inner\">\n        <div className=\"sendbird-reaction-badge__inner__icon\">\n          {children}\n        </div>\n        <Label\n          className={(children && count) && 'sendbird-reaction-badge__inner__count'}\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {count}\n        </Label>\n      </div>\n    </div>\n  );\n});\n\nexport default ReactionBadge;\n"],"names":["ReactionBadge","React","forwardRef","props","ref","_a","className","children","_b","count","_c","isAdd","_d","selected","_e","onClick","getClassNameTail","createElement","__spreadArray","Array","isArray","concat","join","role","onKeyDown","onTouchEnd","tabIndex","Label","type","LabelTypography","CAPTION_3","color","LabelColors","ONBACKGROUND_1"],"mappings":";;;;;;AAsBMA,IAAAA,aAAa,gBAAGC,cAAK,CAACC,UAAU,CAAC,UAACC,KAAyB,EAAEC,GAA8B,EAAA;AAE7F,EAAA,IAAAC,EAAA,GAMEF,KAAK,CANOG,SAAA;IAAdA,SAAS,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAAA,EAAA;IACdE,QAAQ,GAKNJ,KAAK,CALCI,QAAA;IACRC,EAIE,GAAAL,KAAK,CAJGM,KAAA;IAAVA,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAAA,EAAA;IACVE,EAGE,GAAAP,KAAK,MAHM;IAAbQ,KAAK,mBAAG,KAAK,GAAAD,EAAA;IACbE,EAEE,GAAAT,KAAK,CAFSU,QAAA;IAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IAChBE,EACE,GAAAX,KAAK,CADqBY,OAAA;IAA5BA,OAAO,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,YAAA,EAAkB,GAAAA,EAAA,CAAA;AAG9B,EAAA,IAAME,gBAAgB,GAAG,YAAA;AACvB,IAAA,IAAIH,QAAQ,IAAI,CAACF,KAAK,EAAE;AACtB,MAAA,OAAO,YAAY,CAAA;AACpB,KAAA;AACD,IAAA,IAAIA,KAAK,EAAE;AACT,MAAA,OAAO,UAAU,CAAA;AAClB,KAAA;AACD,IAAA,OAAO,EAAE,CAAA;GACV,CAAA;EAED,oBACEV,cAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AACEX,IAAAA,SAAS,EAAEY,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAACd,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,yBAA0B,CAAAe,MAAA,CAAAL,gBAAgB,EAAE,CAAE,CAC9C,EAAA,KAAA,CAAA,CAAAM,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,IAAI,EAAC,QAAQ;AACbnB,IAAAA,GAAG,EAAEA,GAAI;AACTW,IAAAA,OAAO,EAAEA,OAAQ;AACjBS,IAAAA,SAAS,EAAET,OAAQ;AACnBU,IAAAA,UAAU,EAAEV,OAAQ;AACpBW,IAAAA,QAAQ,EAAE,CAAA;GAEVzB,eAAAA,cAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AAAKX,IAAAA,SAAS,EAAC,gCAAA;GACbL,eAAAA,cAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AAAKX,IAAAA,SAAS,EAAC,sCAAA;AAAsC,GAAA,EAClDC,QAAQ,CAEX,eAAAN,cAAA,CAAAgB,aAAA,CAACU,KAAK,EAAA;AACJrB,IAAAA,SAAS,EAAGC,QAAQ,IAAIE,KAAK,IAAK,uCAAwC;IAC1EmB,IAAI,EAAEC,eAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,WAAW,CAACC,cAAAA;GAElBxB,EAAAA,KAAK,CAEV,CACF,CAAM,CAAA;AAEV,CAAC;;;;"}
+{"version":3,"file":"ReactionBadge.js","sources":["../../src/ui/ReactionBadge/index.tsx"],"sourcesContent":["import React, {\n  KeyboardEvent,\n  MouseEvent,\n  ReactElement,\n  RefObject,\n  TouchEvent,\n} from 'react';\n\nimport './index.scss';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface ReactionBadgeProps {\n  className?: string | Array<string>;\n  children: ReactElement;\n  count?: number | string;\n  isAdd?: boolean;\n  selected?: boolean;\n  onClick?: (\n    e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>\n  ) => void;\n}\nconst ReactionBadge = React.forwardRef((props: ReactionBadgeProps, ref: RefObject<HTMLDivElement>): ReactElement => {\n  const {\n    className = '',\n    children,\n    count = '',\n    isAdd = false,\n    selected = false,\n    onClick = () => { /* noop */ },\n  } = props;\n\n  const getClassNameTail = (): string => {\n    if (selected && !isAdd) {\n      return '--selected';\n    }\n    if (isAdd) {\n      return '--is-add';\n    }\n    return '';\n  };\n\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        `sendbird-reaction-badge${getClassNameTail()}`,\n      ].join(' ')}\n      role=\"button\"\n      ref={ref}\n      onClick={onClick}\n      onKeyDown={onClick}\n      onTouchEnd={onClick}\n      tabIndex={0}\n    >\n      <div className=\"sendbird-reaction-badge__inner\">\n        <div className=\"sendbird-reaction-badge__inner__icon\">\n          {children}\n        </div>\n        <Label\n          className={(children && count) && 'sendbird-reaction-badge__inner__count'}\n          type={LabelTypography.CAPTION_3}\n          color={LabelColors.ONBACKGROUND_1}\n        >\n          {count}\n        </Label>\n      </div>\n    </div>\n  );\n});\n\nexport default ReactionBadge;\n"],"names":["ReactionBadge","React","forwardRef","props","ref","_a","className","children","_b","count","_c","isAdd","_d","selected","_e","onClick","getClassNameTail","createElement","__spreadArray","Array","isArray","concat","join","role","onKeyDown","onTouchEnd","tabIndex","Label","type","LabelTypography","CAPTION_3","color","LabelColors","ONBACKGROUND_1"],"mappings":";;;;;;AAsBMA,IAAAA,aAAa,gBAAGC,cAAK,CAACC,UAAU,CAAC,UAACC,KAAyB,EAAEC,GAA8B,EAAA;AAE7F,EAAA,IAAAC,EAAA,GAMEF,KAAK,CANOG,SAAA;IAAdA,SAAS,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAAA,EAAA;IACdE,QAAQ,GAKNJ,KAAK,CALCI,QAAA;IACRC,EAIE,GAAAL,KAAK,CAJGM,KAAA;IAAVA,KAAK,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAAA,EAAA;IACVE,EAGE,GAAAP,KAAK,MAHM;IAAbQ,KAAK,mBAAG,KAAK,GAAAD,EAAA;IACbE,EAEE,GAAAT,KAAK,CAFSU,QAAA;IAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IAChBE,EACE,GAAAX,KAAK,CADuBY,OAAA;IAA9BA,OAAO,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,YAAA,EAAoB,GAAAA,EAAA,CAAA;AAGhC,EAAA,IAAME,gBAAgB,GAAG,YAAA;AACvB,IAAA,IAAIH,QAAQ,IAAI,CAACF,KAAK,EAAE;AACtB,MAAA,OAAO,YAAY,CAAA;AACpB,KAAA;AACD,IAAA,IAAIA,KAAK,EAAE;AACT,MAAA,OAAO,UAAU,CAAA;AAClB,KAAA;AACD,IAAA,OAAO,EAAE,CAAA;GACV,CAAA;EAED,oBACEV,cAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AACEX,IAAAA,SAAS,EAAEY,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAACd,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,yBAA0B,CAAAe,MAAA,CAAAL,gBAAgB,EAAE,CAAE,CAC9C,EAAA,KAAA,CAAA,CAAAM,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,IAAI,EAAC,QAAQ;AACbnB,IAAAA,GAAG,EAAEA,GAAI;AACTW,IAAAA,OAAO,EAAEA,OAAQ;AACjBS,IAAAA,SAAS,EAAET,OAAQ;AACnBU,IAAAA,UAAU,EAAEV,OAAQ;AACpBW,IAAAA,QAAQ,EAAE,CAAA;GAEVzB,eAAAA,cAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AAAKX,IAAAA,SAAS,EAAC,gCAAA;GACbL,eAAAA,cAAA,CAAAgB,aAAA,CAAA,KAAA,EAAA;AAAKX,IAAAA,SAAS,EAAC,sCAAA;AAAsC,GAAA,EAClDC,QAAQ,CAEX,eAAAN,cAAA,CAAAgB,aAAA,CAACU,KAAK,EAAA;AACJrB,IAAAA,SAAS,EAAGC,QAAQ,IAAIE,KAAK,IAAK,uCAAwC;IAC1EmB,IAAI,EAAEC,eAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,WAAW,CAACC,cAAAA;GAElBxB,EAAAA,KAAK,CAEV,CACF,CAAM,CAAA;AAEV,CAAC;;;;"}

package/ui/ReactionButton.js

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

package/ui/SortByRow.js

@@ -1,6 +1,6 @@
-import { a as __spreadArray } from '../tslib.es6-5180f9d1.js';
+import { a as __spreadArray } from '../tslib.es6-debac48c.js';
 import React__default from 'react';
-import { u as uuidv4 } from '../uuid-368c5040.js';
+import { u as uuidv4 } from '../uuid-e979d613.js';
 
 var componentClassName = 'sendbird-sort-by-row';
 function SortByRow(_a) {

package/ui/TextButton.js

@@ -1,6 +1,6 @@
-import { a as __spreadArray } from '../tslib.es6-5180f9d1.js';
+import { a as __spreadArray } from '../tslib.es6-debac48c.js';
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../color-e54d3ed7.js';
+import { C as Colors, c as changeColorToClassName } from '../color-2037c3b8.js';
 
 var TextButton = function (_a) {
   var _b = _a.className,

package/ui/TextButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextButton.js","sources":["../../src/ui/TextButton/index.tsx"],"sourcesContent":["import React, { MouseEvent, KeyboardEvent, ReactElement } from 'react';\n\nimport './index.scss';\n\nimport {\n  Colors,\n  changeColorToClassName,\n} from '../../utils/color';\n\nexport interface TextButtonProps {\n  className?: string | Array<string>;\n  color?: Colors;\n  disabled?: boolean;\n  disableUnderline?: boolean;\n  onClick?: (e: (MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>)) => void;\n  children: ReactElement;\n}\n\nconst TextButton = ({\n  className = '',\n  color = Colors.ONBACKGROUND_1,\n  disabled = false,\n  disableUnderline = false,\n  onClick = () => {/* noop */},\n  children,\n}: TextButtonProps): ReactElement => {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        changeColorToClassName(color),\n        disableUnderline ? 'sendbird-textbutton--not-underline' : 'sendbird-textbutton',\n        disabled ? 'sendbird-textbutton--disabled' : '',\n      ].join(' ')}\n      role=\"button\"\n      tabIndex={0}\n      onClick={(e) => onClick(e)}\n      onKeyPress={(e) => onClick(e)}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default TextButton;\n"],"names":["TextButton","_a","_b","className","_c","color","Colors","ONBACKGROUND_1","_d","disabled","_e","disableUnderline","_f","onClick","children","React","createElement","__spreadArray","Array","isArray","changeColorToClassName","join","role","tabIndex","e","onKeyPress"],"mappings":";;;;AAkBA,IAAMA,UAAU,GAAG,UAACC,EAOF,EAAA;AANhB,EAAA,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAc;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACdE,EAA6B,GAAAH,EAAA,CAAAI,KAAA;IAA7BA,KAAK,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAGE,MAAM,CAACC,cAAc,KAAA;IAC7BC,EAAA,GAAAP,EAAA,CAAAQ,QAAgB;IAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IAChBE,EAAwB,GAAAT,EAAA,CAAAU,gBAAA;IAAxBA,gBAAgB,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IACxBE,EAA4B,GAAAX,EAAA,CAAAY,OAAA;IAA5BA,OAAO,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,YAAA,EAAkB,GAAAA,EAAA;IAC5BE,QAAQ,GAAAb,EAAA,CAAAa,QAAA,CAAA;EAER,oBACEC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEb,SAAS,EAAEc,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAAChB,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvDiB,sBAAsB,CAACf,KAAK,CAAC,EAC7BM,gBAAgB,GAAG,oCAAoC,GAAG,qBAAqB,EAC/EF,QAAQ,GAAG,+BAA+B,GAAG,EAAE,UAC/CY,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,QAAQ,EAAE,CAAE;AACZV,IAAAA,OAAO,EAAE,UAACW,CAAC,EAAK;MAAA,OAAAX,OAAO,CAACW,CAAC,CAAC,CAAA;KAAC;AAC3BC,IAAAA,UAAU,EAAE,UAACD,CAAC,EAAK;MAAA,OAAAX,OAAO,CAACW,CAAC,CAAC,CAAA;AAAV,KAAA;AAAW,GAAA,EAE7BV,QAAQ,CACL,CAAA;AAEV;;;;"}
+{"version":3,"file":"TextButton.js","sources":["../../src/ui/TextButton/index.tsx"],"sourcesContent":["import React, { MouseEvent, KeyboardEvent, ReactElement } from 'react';\n\nimport './index.scss';\n\nimport {\n  Colors,\n  changeColorToClassName,\n} from '../../utils/color';\n\nexport interface TextButtonProps {\n  className?: string | Array<string>;\n  color?: Colors;\n  disabled?: boolean;\n  disableUnderline?: boolean;\n  onClick?: (e: (MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>)) => void;\n  children: ReactElement;\n}\n\nconst TextButton = ({\n  className = '',\n  color = Colors.ONBACKGROUND_1,\n  disabled = false,\n  disableUnderline = false,\n  onClick = () => { /* noop */ },\n  children,\n}: TextButtonProps): ReactElement => {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        changeColorToClassName(color),\n        disableUnderline ? 'sendbird-textbutton--not-underline' : 'sendbird-textbutton',\n        disabled ? 'sendbird-textbutton--disabled' : '',\n      ].join(' ')}\n      role=\"button\"\n      tabIndex={0}\n      onClick={(e) => onClick(e)}\n      onKeyPress={(e) => onClick(e)}\n    >\n      {children}\n    </div>\n  );\n};\n\nexport default TextButton;\n"],"names":["TextButton","_a","_b","className","_c","color","Colors","ONBACKGROUND_1","_d","disabled","_e","disableUnderline","_f","onClick","children","React","createElement","__spreadArray","Array","isArray","changeColorToClassName","join","role","tabIndex","e","onKeyPress"],"mappings":";;;;AAkBA,IAAMA,UAAU,GAAG,UAACC,EAOF,EAAA;AANhB,EAAA,IAAAC,EAAA,GAAAD,EAAA,CAAAE,SAAc;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACdE,EAA6B,GAAAH,EAAA,CAAAI,KAAA;IAA7BA,KAAK,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAGE,MAAM,CAACC,cAAc,KAAA;IAC7BC,EAAA,GAAAP,EAAA,CAAAQ,QAAgB;IAAhBA,QAAQ,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IAChBE,EAAwB,GAAAT,EAAA,CAAAU,gBAAA;IAAxBA,gBAAgB,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,KAAK,GAAAA,EAAA;IACxBE,EAA8B,GAAAX,EAAA,CAAAY,OAAA;IAA9BA,OAAO,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,YAAA,EAAoB,GAAAA,EAAA;IAC9BE,QAAQ,GAAAb,EAAA,CAAAa,QAAA,CAAA;EAER,oBACEC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IACEb,SAAS,EAAEc,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAAChB,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvDiB,sBAAsB,CAACf,KAAK,CAAC,EAC7BM,gBAAgB,GAAG,oCAAoC,GAAG,qBAAqB,EAC/EF,QAAQ,GAAG,+BAA+B,GAAG,EAAE,UAC/CY,IAAI,CAAC,GAAG,CAAE;AACZC,IAAAA,IAAI,EAAC,QAAQ;AACbC,IAAAA,QAAQ,EAAE,CAAE;AACZV,IAAAA,OAAO,EAAE,UAACW,CAAC,EAAK;MAAA,OAAAX,OAAO,CAACW,CAAC,CAAC,CAAA;KAAC;AAC3BC,IAAAA,UAAU,EAAE,UAACD,CAAC,EAAK;MAAA,OAAAX,OAAO,CAACW,CAAC,CAAC,CAAA;AAAV,KAAA;AAAW,GAAA,EAE7BV,QAAQ,CACL,CAAA;AAEV;;;;"}

package/ui/TextMessageItemBody.js

@@ -1,26 +1,27 @@
 import React__default, { useContext, useMemo } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8f0ae983.js';
-import { j as getClassName, e as isEditedMessage } from '../index-cd1a9173.js';
-import { a as LocalizationContext } from '../LocalizationContext-43b10f97.js';
-import { t as tokenizeMessage } from '../tokenize-cd9c48bb.js';
-import { T as TextFragment } from '../index-cc626895.js';
-import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../consts-665331c7.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8efe881f.js';
+import { j as getClassName, e as isEditedMessage } from '../index-f87c5aab.js';
+import { a as LocalizationContext } from '../LocalizationContext-428ea690.js';
+import { t as tokenizeMessage } from '../tokenize-7bcc2072.js';
+import { T as TextFragment } from '../index-390c0bba.js';
+import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../consts-ef58410d.js';
 import 'prop-types';
-import '../stringSet-2d42f6ff.js';
-import '../tslib.es6-5180f9d1.js';
+import '../stringSet-fa7e0d83.js';
+import '../tslib.es6-debac48c.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-0f373e79.js';
+import '../index-8b3cd0b6.js';
+import 'ts-pattern';
 import '../Message/context.js';
 import './MentionLabel.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-368c5040.js';
+import '../uuid-e979d613.js';
 import './UserProfile.js';
-import '../UserProfileContext-12b6fabf.js';
+import '../UserProfileContext-576f1ef9.js';
 import '../sendbirdSelectors.js';
-import '../topics-6d4bf2ed.js';
-import '../utils-a7563986.js';
+import '../topics-2647294d.js';
+import '../utils-87be98af.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';

package/ui/TextMessageItemBody.js.map

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

package/ui/ThreadReplies.js

@@ -1,14 +1,14 @@
 import React__default from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8f0ae983.js';
-import { u as useLocalization } from '../LocalizationContext-43b10f97.js';
-import { u as uuidv4 } from '../uuid-368c5040.js';
-import '../tslib.es6-5180f9d1.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8efe881f.js';
+import { u as useLocalization } from '../LocalizationContext-428ea690.js';
+import { u as uuidv4 } from '../uuid-e979d613.js';
+import '../tslib.es6-debac48c.js';
 import './ImageRenderer.js';
 import 'prop-types';
-import '../stringSet-2d42f6ff.js';
-import '../index-0f373e79.js';
+import '../stringSet-fa7e0d83.js';
+import '../index-8b3cd0b6.js';
 
 function ThreadReplies(_a) {
   var _b;

package/ui/ThumbnailMessageItemBody.js

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ImageRenderer from './ImageRenderer.js';
-import { j as getClassName, u as isSentMessage, q as isVideoMessage, p as isGifMessage } from '../index-cd1a9173.js';
+import { j as getClassName, u as isSentMessage, q as isVideoMessage, p as isGifMessage } from '../index-f87c5aab.js';
 import 'prop-types';
-import '../tslib.es6-5180f9d1.js';
+import '../tslib.es6-debac48c.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function ThumbnailMessageItemBody(_a) {
@@ -36,8 +36,8 @@ function ThumbnailMessageItemBody(_a) {
     className: "sendbird-thumbnail-message-item-body__thumbnail",
     url: thumbnailUrl || (message === null || message === void 0 ? void 0 : message.url),
     alt: message === null || message === void 0 ? void 0 : message.type,
-    width: (style === null || style === void 0 ? void 0 : style.width) || "360px",
-    height: (style === null || style === void 0 ? void 0 : style.height) || "270px",
+    width: (style === null || style === void 0 ? void 0 : style.width) || '360px',
+    height: (style === null || style === void 0 ? void 0 : style.height) || '270px',
     onLoad: function () {
       setImageRendered(true);
     },

package/ui/ThumbnailMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"ThumbnailMessageItemBody.js","sources":["../../src/ui/ThumbnailMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useState } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ImageRenderer from '../ImageRenderer';\nimport { getClassName, isGifMessage, isSentMessage, isVideoMessage } from '../../utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isReactionEnabled?: boolean;\n  showFileViewer?: (bool: boolean) => void;\n  style?: Record<string, any>;\n}\n\nexport default function ThumbnailMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isReactionEnabled = false,\n  showFileViewer,\n  style = {},\n}: Props): ReactElement {\n  const { thumbnails = [] } = message;\n  const thumbnailUrl: string = thumbnails.length > 0 ? thumbnails[0]?.url : '';\n  const [imageRendered, setImageRendered] = useState(false);\n  return (\n    <div\n      className={getClassName([\n        className,\n        'sendbird-thumbnail-message-item-body',\n        isByMe ? 'outgoing' : 'incoming',\n        mouseHover ? 'mouse-hover' : '',\n        (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n      ])}\n      onClick={() => {\n        if (isSentMessage(message)) {\n          showFileViewer(true);\n        }\n      }}\n    >\n      <ImageRenderer\n        className=\"sendbird-thumbnail-message-item-body__thumbnail\"\n        url={thumbnailUrl || message?.url}\n        alt={message?.type}\n        width={style?.width || \"360px\"}\n        height={style?.height || \"270px\"}\n        onLoad={() => { setImageRendered(true) }}\n        placeHolder={(style_: Record<string, any>) => (\n          <div\n            className=\"sendbird-thumbnail-message-item-body__placeholder\"\n            style={style_}\n          >\n            <div className=\"sendbird-thumbnail-message-item-body__placeholder__icon\">\n              <Icon\n                type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.PHOTO}\n                fillColor={IconColors.ON_BACKGROUND_2}\n                width=\"34px\"\n                height=\"34px\"\n              />\n            </div>\n          </div>\n        )}\n      />\n      {\n        (isVideoMessage(message) && !thumbnailUrl) && !imageRendered && (\n          <video className=\"sendbird-thumbnail-message-item-body__video\">\n            <source src={message?.url} type={message?.type} />\n          </video>\n        )\n      }\n      <div className=\"sendbird-thumbnail-message-item-body__image-cover\" />\n      {\n        (isVideoMessage(message) || isGifMessage(message)) && (\n          <div className=\"sendbird-thumbnail-message-item-body__icon-wrapper\">\n            <div className=\"sendbird-thumbnail-message-item-body__icon-wrapper__icon\">\n              <Icon\n                type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.GIF}\n                fillColor={IconColors.GRAY}\n                width=\"34px\"\n                height=\"34px\"\n              />\n            </div>\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["ThumbnailMessageItemBody","_a","className","message","_d","isByMe","_e","mouseHover","_f","isReactionEnabled","showFileViewer","_g","style","_h","thumbnails","thumbnailUrl","length","_b","url","_j","useState","imageRendered","setImageRendered","React","createElement","getClassName","_c","reactions","onClick","isSentMessage","ImageRenderer","alt","type","width","height","onLoad","placeHolder","style_","Icon","isVideoMessage","IconTypes","PLAY","PHOTO","fillColor","IconColors","ON_BACKGROUND_2","src","isGifMessage","GIF","GRAY"],"mappings":"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"}
+{"version":3,"file":"ThumbnailMessageItemBody.js","sources":["../../src/ui/ThumbnailMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useState } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ImageRenderer from '../ImageRenderer';\nimport { getClassName, isGifMessage, isSentMessage, isVideoMessage } from '../../utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isReactionEnabled?: boolean;\n  showFileViewer?: (bool: boolean) => void;\n  style?: Record<string, any>;\n}\n\nexport default function ThumbnailMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isReactionEnabled = false,\n  showFileViewer,\n  style = {},\n}: Props): ReactElement {\n  const { thumbnails = [] } = message;\n  const thumbnailUrl: string = thumbnails.length > 0 ? thumbnails[0]?.url : '';\n  const [imageRendered, setImageRendered] = useState(false);\n  return (\n    <div\n      className={getClassName([\n        className,\n        'sendbird-thumbnail-message-item-body',\n        isByMe ? 'outgoing' : 'incoming',\n        mouseHover ? 'mouse-hover' : '',\n        (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n      ])}\n      onClick={() => {\n        if (isSentMessage(message)) {\n          showFileViewer(true);\n        }\n      }}\n    >\n      <ImageRenderer\n        className=\"sendbird-thumbnail-message-item-body__thumbnail\"\n        url={thumbnailUrl || message?.url}\n        alt={message?.type}\n        width={style?.width || '360px'}\n        height={style?.height || '270px'}\n        onLoad={() => { setImageRendered(true) }}\n        placeHolder={(style_: Record<string, any>) => (\n          <div\n            className=\"sendbird-thumbnail-message-item-body__placeholder\"\n            style={style_}\n          >\n            <div className=\"sendbird-thumbnail-message-item-body__placeholder__icon\">\n              <Icon\n                type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.PHOTO}\n                fillColor={IconColors.ON_BACKGROUND_2}\n                width=\"34px\"\n                height=\"34px\"\n              />\n            </div>\n          </div>\n        )}\n      />\n      {\n        (isVideoMessage(message) && !thumbnailUrl) && !imageRendered && (\n          <video className=\"sendbird-thumbnail-message-item-body__video\">\n            <source src={message?.url} type={message?.type} />\n          </video>\n        )\n      }\n      <div className=\"sendbird-thumbnail-message-item-body__image-cover\" />\n      {\n        (isVideoMessage(message) || isGifMessage(message)) && (\n          <div className=\"sendbird-thumbnail-message-item-body__icon-wrapper\">\n            <div className=\"sendbird-thumbnail-message-item-body__icon-wrapper__icon\">\n              <Icon\n                type={isVideoMessage(message) ? IconTypes.PLAY : IconTypes.GIF}\n                fillColor={IconColors.GRAY}\n                width=\"34px\"\n                height=\"34px\"\n              />\n            </div>\n          </div>\n        )\n      }\n    </div>\n  );\n}\n"],"names":["ThumbnailMessageItemBody","_a","className","message","_d","isByMe","_e","mouseHover","_f","isReactionEnabled","showFileViewer","_g","style","_h","thumbnails","thumbnailUrl","length","_b","url","_j","useState","imageRendered","setImageRendered","React","createElement","getClassName","_c","reactions","onClick","isSentMessage","ImageRenderer","alt","type","width","height","onLoad","placeHolder","style_","Icon","isVideoMessage","IconTypes","PLAY","PHOTO","fillColor","IconColors","ON_BACKGROUND_2","src","isGifMessage","GIF","GRAY"],"mappings":"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"}

package/ui/Tooltip.js

@@ -1,8 +1,8 @@
-import { a as __spreadArray } from '../tslib.es6-5180f9d1.js';
+import { a as __spreadArray } from '../tslib.es6-debac48c.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8f0ae983.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-8efe881f.js';
 import 'prop-types';
-import '../stringSet-2d42f6ff.js';
+import '../stringSet-fa7e0d83.js';
 
 function Tooltip(_a) {
   var _b = _a.className,

package/ui/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../src/ui/Tooltip/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\n\nimport './index.scss';\n\nimport Label, { LabelColors, LabelTypography } from '../Label';\n\nexport interface TooltipProps {\n  className?: string | Array<string>;\n  children?: string | ReactElement;\n}\nexport default function Tooltip({\n  className = '',\n  children= '',\n}: TooltipProps): ReactElement {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-tooltip',\n      ].join(' ')}\n    >\n      <Label\n        className=\"sendbird-tooltip__text\"\n        type={LabelTypography.CAPTION_2}\n        color={LabelColors.ONCONTENT_1}\n      >\n        {children}\n      </Label>\n    </div>\n  );\n}\n"],"names":["Tooltip","_a","_b","className","_c","children","React","createElement","__spreadArray","Array","isArray","join","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONCONTENT_1"],"mappings":";;;;;;AAUwB,SAAAA,OAAOA,CAACC,EAGjB,EAAA;MAFbC,EAAc,GAAAD,EAAA,CAAAE,SAAA;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACdE,EAAA,GAAAH,EAAA,CAAAI,QAAY;IAAZA,QAAQ,GAAED,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAAA,EAAA,CAAA;EAEZ,oBACEE,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEJ,IAAAA,SAAS,EAAEK,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAACP,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,kBAAkB,CAClB,EAAA,KAAA,CAAA,CAAAQ,IAAI,CAAC,GAAG,CAAA;AAAE,GAAA,eAEZL,cAAA,CAAAC,aAAA,CAACK,KAAK,EAAA;AACJT,IAAAA,SAAS,EAAC,wBAAwB;IAClCU,IAAI,EAAEC,eAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,WAAW,CAACC,WAAAA;GAElBb,EAAAA,QAAQ,CAEb,CAAM,CAAA;AAEV;;;;"}
+{"version":3,"file":"Tooltip.js","sources":["../../src/ui/Tooltip/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\n\nimport './index.scss';\n\nimport Label, { LabelColors, LabelTypography } from '../Label';\n\nexport interface TooltipProps {\n  className?: string | Array<string>;\n  children?: string | ReactElement;\n}\nexport default function Tooltip({\n  className = '',\n  children = '',\n}: TooltipProps): ReactElement {\n  return (\n    <div\n      className={[\n        ...(Array.isArray(className) ? className : [className]),\n        'sendbird-tooltip',\n      ].join(' ')}\n    >\n      <Label\n        className=\"sendbird-tooltip__text\"\n        type={LabelTypography.CAPTION_2}\n        color={LabelColors.ONCONTENT_1}\n      >\n        {children}\n      </Label>\n    </div>\n  );\n}\n"],"names":["Tooltip","_a","_b","className","_c","children","React","createElement","__spreadArray","Array","isArray","join","Label","type","LabelTypography","CAPTION_2","color","LabelColors","ONCONTENT_1"],"mappings":";;;;;;AAUwB,SAAAA,OAAOA,CAACC,EAGjB,EAAA;MAFbC,EAAc,GAAAD,EAAA,CAAAE,SAAA;IAAdA,SAAS,GAAAD,EAAA,KAAA,KAAA,CAAA,GAAG,EAAE,GAAAA,EAAA;IACdE,EAAA,GAAAH,EAAA,CAAAI,QAAa;IAAbA,QAAQ,GAAGD,EAAA,KAAA,KAAA,CAAA,GAAA,EAAE,GAAAA,EAAA,CAAA;EAEb,oBACEE,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEJ,IAAAA,SAAS,EAAEK,aAAA,CAAAA,aAAA,CAAA,EAAA,EACLC,KAAK,CAACC,OAAO,CAACP,SAAS,CAAC,GAAGA,SAAS,GAAG,CAACA,SAAS,CAAC,EAAC,IAAA,CAAA,EAAA,CACvD,kBAAkB,CAClB,EAAA,KAAA,CAAA,CAAAQ,IAAI,CAAC,GAAG,CAAA;AAAE,GAAA,eAEZL,cAAA,CAAAC,aAAA,CAACK,KAAK,EAAA;AACJT,IAAAA,SAAS,EAAC,wBAAwB;IAClCU,IAAI,EAAEC,eAAe,CAACC,SAAU;IAChCC,KAAK,EAAEC,WAAW,CAACC,WAAAA;GAElBb,EAAAA,QAAQ,CAEb,CAAM,CAAA;AAEV;;;;"}

package/ui/TooltipWrapper.js

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