@sendbird/uikit-react 3.7.0 → 3.8.1

package/ui/EmojiReactions.js.map

@@ -1 +1 @@
-{"version":3,"file":"EmojiReactions.js","sources":["../../src/ui/MobileMenu/ReactedMembersBottomSheet.tsx","../../src/ui/EmojiReactions/ReactionItem.tsx","../../src/ui/EmojiReactions/AddReactionBadgeItem.tsx","../../src/ui/MobileMenu/MobileEmojisBottomSheet.tsx","../../src/ui/EmojiReactions/index.tsx"],"sourcesContent":["import React, { ReactElement, useState } from 'react';\nimport { EmojiContainer, User } from '@sendbird/chat';\nimport { GroupChannel, Member } from '@sendbird/chat/groupChannel';\nimport { Reaction } from '@sendbird/chat/message';\n\nimport './mobile-menu-reacted-members.scss';\n\nimport BottomSheet from '../BottomSheet';\nimport { getEmojiUrl, SendableMessageType } from '../../utils';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconColors, IconTypes } from '../Icon';\nimport Label, { LabelColors, LabelTypography } from '../Label';\nimport UserListItem from '../UserListItem';\n\nexport interface ReactedMembersBottomSheetProps {\n  message: SendableMessageType;\n  channel: GroupChannel;\n  emojiKey: string;\n  hideMenu: () => void;\n  emojiContainer?: EmojiContainer;\n  onPressUserProfileHandler?: (member: User) => void;\n}\n\nexport const ReactedMembersBottomSheet = ({\n  message,\n  channel,\n  emojiKey = '',\n  hideMenu,\n  emojiContainer,\n  onPressUserProfileHandler,\n}: ReactedMembersBottomSheetProps): ReactElement => {\n  const { members = [] } = channel;\n  const [selectedEmoji, setSelectedEmoji] = useState(emojiKey);\n\n  function onPressUserProfileCallBack() {\n    if (onPressUserProfileHandler && message) {\n      const sender = (message as SendableMessageType)?.sender;\n      onPressUserProfileHandler(sender);\n    }\n  }\n\n  return (\n    <BottomSheet onBackdropClick={hideMenu}>\n      <div className=\"sendbird-message__bottomsheet\">\n        <div className=\"sendbird-message__bottomsheet__reacted-members\">\n          {message.reactions?.map((reaction: Reaction): ReactElement => {\n            const emojiUrl = getEmojiUrl(emojiContainer, reaction.key);\n            return (\n              <div\n                key={reaction.key}\n                className={`\n                  sendbird-message__bottomsheet__reacted-members__item\n                  ${selectedEmoji === reaction.key ? 'sendbird-message__bottomsheet__reacted-members__item__selected' : ''}\n                `}\n                onClick={() => {\n                  setSelectedEmoji(reaction.key);\n                }}\n              >\n                <ImageRenderer\n                  url={emojiUrl}\n                  width=\"28px\"\n                  height=\"28px\"\n                  placeHolder={(style) => (\n                    <div style={style}>\n                      <Icon\n                        type={IconTypes.QUESTION}\n                        fillColor={IconColors.ON_BACKGROUND_3}\n                        width=\"28px\"\n                        height=\"28px\"\n                      />\n                    </div>\n                  )}\n                />\n                <Label\n                  type={LabelTypography.BUTTON_2}\n                  color={selectedEmoji === reaction.key ? LabelColors.PRIMARY : LabelColors.ONBACKGROUND_3}\n                >\n                  {reaction.userIds.length}\n                </Label>\n              </div>\n            );\n          })}\n        </div>\n        <div className=\"sendbird-message__bottomsheet__reactor-list\">\n          { // making a member list who reacted to the message with the `selectedEmoji`\n            (\n              message.reactions?.find(reaction => reaction.key === selectedEmoji)\n                ?.userIds.map((userId) => members.find((member) => member.userId === userId))\n                .filter((member) => member !== undefined) as Array<Member>\n            )\n              .map((member) => (\n                <UserListItem\n                  key={member.userId}\n                  className=\"sendbird-message__bottomsheet__reactor-list__item\"\n                  user={member}\n                  avatarSize=\"36px\"\n                  onClick={onPressUserProfileCallBack}\n                />\n              ))\n          }\n        </div>\n      </div>\n    </BottomSheet>\n  );\n};\n","import React, { useContext } from 'react';\n\nimport { Emoji } from '@sendbird/chat';\nimport { GroupChannel } from '@sendbird/chat/groupChannel';\nimport { OpenChannel } from '@sendbird/chat/openChannel';\nimport { Reaction, UserMessage } from '@sendbird/chat/message';\n\nimport Tooltip from '../Tooltip';\nimport TooltipWrapper from '../TooltipWrapper';\nimport ReactionBadge from '../ReactionBadge';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes } from '../Icon';\n\nimport { Nullable } from '../../types';\nimport { getEmojiTooltipString, isReactedBy, SendableMessageType } from '../../utils';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport useLongPress from '../../hooks/useLongPress';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport useSendbirdStateContext from '../../hooks/useSendbirdStateContext';\nimport { useMessageContext } from '../../modules/Message/context/MessageProvider';\n\ntype Props = {\n  reaction: Reaction;\n  memberNicknamesMap: Map<string, string>;\n  setEmojiKey: React.Dispatch<React.SetStateAction<string>>;\n  toggleReaction?: (message: SendableMessageType, key: string, byMe: boolean) => void;\n  emojisMap: Map<string, Emoji>;\n  channel: Nullable<GroupChannel | OpenChannel>;\n};\n\nexport default function ReactionItem({\n  reaction,\n  memberNicknamesMap,\n  setEmojiKey,\n  toggleReaction,\n  emojisMap,\n  channel,\n}: Props) {\n  const store = useSendbirdStateContext();\n  const { isMobile } = useMediaQueryContext();\n  const messageStore = useMessageContext();\n  const message = messageStore?.message as UserMessage;\n  const { stringSet } = useContext(LocalizationContext);\n\n  const userId = store.config.userId;\n  const reactedByMe = isReactedBy(userId, reaction);\n  const showHoverTooltip = (reaction.userIds.length > 0)\n    && (channel?.isGroupChannel() && !channel.isSuper);\n\n  const handleOnClick = () => {\n    setEmojiKey('');\n    toggleReaction?.((message), reaction.key, reactedByMe);\n  };\n  const longPress = useLongPress({\n    onLongPress: () => {\n      setEmojiKey(reaction.key);\n    },\n    onClick: handleOnClick,\n  }, {\n    shouldPreventDefault: true,\n    shouldStopPropagation: true,\n  });\n\n  return (\n    <TooltipWrapper\n      className=\"sendbird-emoji-reactions__reaction-badge\"\n      hoverTooltip={showHoverTooltip ? (\n        <Tooltip>\n          {getEmojiTooltipString(reaction, userId, memberNicknamesMap, stringSet)}\n        </Tooltip>\n      ) : <></>}\n    >\n      <div\n        {...(\n          isMobile\n            ? longPress\n            : { onClick: handleOnClick }\n        )}\n      >\n        <ReactionBadge\n          count={reaction.userIds.length}\n          selected={reactedByMe}\n        >\n          <ImageRenderer\n            circle\n            url={emojisMap.get(reaction?.key)?.url || ''}\n            width=\"20px\"\n            height=\"20px\"\n            defaultComponent={(\n              <Icon width=\"20px\" height=\"20px\" type={IconTypes.QUESTION} />\n            )}\n          />\n        </ReactionBadge>\n      </div>\n    </TooltipWrapper>\n  );\n}\n","import React, {\n  KeyboardEvent,\n  MouseEvent,\n  TouchEvent,\n} from 'react';\nimport ReactionBadge from '../ReactionBadge';\nimport Icon, { IconColors, IconTypes } from '../Icon';\nimport useLongPress from '../../hooks/useLongPress';\n\nexport interface AddReactionBadgeItemProps {\n  onClick: (e: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement> | TouchEvent<HTMLDivElement>) => void;\n}\n\nexport const AddReactionBadgeItem = ({\n  onClick,\n}: AddReactionBadgeItemProps): React.ReactElement => {\n  const onlyClick = useLongPress({\n    onLongPress: () => { /* noop */ },\n    onClick,\n  }, {\n    shouldPreventDefault: true,\n    shouldStopPropagation: true,\n  });\n\n  return (\n    <div\n      className=\"sendbird-emoji-reactions__add-reaction-badge\"\n      {...onlyClick}\n    >\n      <ReactionBadge\n        isAdd\n      >\n        <Icon\n          type={IconTypes.EMOJI_MORE}\n          fillColor={IconColors.ON_BACKGROUND_3}\n          width=\"20px\"\n          height=\"20px\"\n        />\n      </ReactionBadge>\n    </div>\n  );\n};\n","import React, { ReactElement, useMemo } from 'react';\nimport { EmojiContainer } from '@sendbird/chat';\nimport { Reaction } from '@sendbird/chat/message';\n\nimport BottomSheet from '../BottomSheet';\nimport { getEmojiListAll, SendableMessageType } from '../../utils';\nimport ReactionButton from '../ReactionButton';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconColors, IconTypes } from '../Icon';\n\nexport interface MobileEmojisBottomSheetProps {\n  userId: string;\n  message: SendableMessageType;\n  emojiContainer: EmojiContainer;\n  hideMenu: () => void;\n  toggleReaction?: (message: SendableMessageType, key: string, byMe: boolean) => void;\n}\n\nexport const MobileEmojisBottomSheet = ({\n  userId,\n  message,\n  emojiContainer,\n  hideMenu,\n  toggleReaction,\n}: MobileEmojisBottomSheetProps): ReactElement => {\n  const emojiAllList = useMemo(() => {\n    return getEmojiListAll(emojiContainer);\n  }, [emojiContainer]);\n  return (\n    <BottomSheet onBackdropClick={hideMenu}>\n      <div className=\"sendbird-message__bottomsheet sendbird-message__emojis-bottomsheet\">\n        {emojiAllList.map((emoji) => {\n          const isReacted: boolean = (message?.reactions\n            ?.find((reaction: Reaction): boolean => reaction.key === emoji.key)?.userIds\n            ?.some((reactorId: string): boolean => reactorId === userId)) ?? false;\n          return (\n            <ReactionButton\n              key={emoji.key}\n              width=\"44px\"\n              height=\"44px\"\n              selected={isReacted}\n              onClick={(e) => {\n                e?.stopPropagation();\n                toggleReaction?.(message, emoji.key, isReacted);\n                hideMenu();\n              }}\n              dataSbId={`ui_mobile_emoji_reactions_menu_${emoji.key}`}\n            >\n              <ImageRenderer\n                url={emoji.url}\n                width=\"38px\"\n                height=\"38px\"\n                placeHolder={(style: Record<string, unknown>): ReactElement => (\n                  <div style={style}>\n                    <Icon\n                      type={IconTypes.QUESTION}\n                      fillColor={IconColors.ON_BACKGROUND_3}\n                      width=\"28px\"\n                      height=\"28px\"\n                    />\n                  </div>\n                )}\n              />\n            </ReactionButton>\n          );\n        })}\n      </div>\n    </BottomSheet>\n  );\n};\n","import './index.scss';\nimport React, { ReactElement, useRef, useState } from 'react';\nimport type { Emoji, EmojiContainer } from '@sendbird/chat';\nimport type { Reaction } from '@sendbird/chat/message';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\n\nimport ReactionBadge from '../ReactionBadge';\nimport ReactionButton from '../ReactionButton';\nimport ImageRenderer from '../ImageRenderer';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport ContextMenu, { EmojiListItems } from '../ContextMenu';\nimport { Nullable, SpaceFromTriggerType } from '../../types';\n\nimport { getClassName, getEmojiListAll, getEmojiMapAll, SendableMessageType } from '../../utils';\nimport { ReactedMembersBottomSheet } from '../MobileMenu/ReactedMembersBottomSheet';\nimport ReactionItem from './ReactionItem';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\nimport { AddReactionBadgeItem } from './AddReactionBadgeItem';\nimport { MobileEmojisBottomSheet } from '../MobileMenu/MobileEmojisBottomSheet';\nimport { User } from '@sendbird/chat';\n\ninterface Props {\n  className?: string | Array<string>;\n  userId: string;\n  message: SendableMessageType;\n  channel: Nullable<GroupChannel>;\n  emojiContainer: EmojiContainer;\n  memberNicknamesMap: Map<string, string>;\n  spaceFromTrigger?: SpaceFromTriggerType;\n  isByMe?: boolean;\n  toggleReaction?: (message: SendableMessageType, key: string, byMe: boolean) => void;\n  onPressUserProfile?: (member: User) => void;\n}\n\nconst EmojiReactions = ({\n  className = '',\n  userId,\n  message,\n  channel,\n  emojiContainer,\n  memberNicknamesMap,\n  spaceFromTrigger = { x: 0, y: 0 },\n  isByMe = false,\n  toggleReaction,\n  onPressUserProfile,\n}: Props): ReactElement => {\n  const { isMobile } = useMediaQueryContext();\n  const addReactionRef = useRef(null);\n  const [showEmojiList, setShowEmojiList] = useState(false);\n  const [selectedEmojiKey, setSelectedEmojiKey] = useState('');\n\n  const emojisMap = getEmojiMapAll(emojiContainer);\n  const showAddReactionBadge = (message.reactions?.length ?? 0) < emojisMap.size;\n\n  return (\n    <div className={getClassName([\n      className, 'sendbird-emoji-reactions',\n      isByMe ? 'outgoing' : 'incoming',\n    ])}>\n      {((message.reactions?.length ?? 0) > 0) && (\n        message.reactions?.map((reaction: Reaction): ReactElement => {\n          return (\n            <ReactionItem\n              key={reaction?.key}\n              reaction={reaction}\n              memberNicknamesMap={memberNicknamesMap}\n              setEmojiKey={setSelectedEmojiKey}\n              toggleReaction={toggleReaction}\n              emojisMap={emojisMap}\n              channel={channel}\n            />\n          );\n        })\n      )}\n      {(!isMobile && showAddReactionBadge) && (\n        <ContextMenu\n          menuTrigger={(toggleDropdown: () => void): ReactElement => (\n            <ReactionBadge\n              className=\"sendbird-emoji-reactions__add-reaction-badge\"\n              ref={addReactionRef}\n              isAdd\n              onClick={(e) => {\n                toggleDropdown();\n                e?.stopPropagation?.();\n              }}\n            >\n              <Icon\n                type={IconTypes.EMOJI_MORE}\n                fillColor={IconColors.ON_BACKGROUND_3}\n                width=\"20px\"\n                height=\"20px\"\n              />\n            </ReactionBadge>\n          )}\n          menuItems={(closeDropdown: () => void): ReactElement => (\n            <EmojiListItems\n              parentRef={addReactionRef}\n              parentContainRef={addReactionRef}\n              closeDropdown={closeDropdown}\n              spaceFromTrigger={spaceFromTrigger}\n            >\n              {getEmojiListAll(emojiContainer).map((emoji: Emoji): ReactElement => {\n                const isReacted: boolean = (message?.reactions\n                  ?.find((reaction: Reaction): boolean => reaction.key === emoji.key)?.userIds\n                  ?.some((reactorId: string): boolean => reactorId === userId)) || false;\n                return (\n                  <ReactionButton\n                    key={emoji.key}\n                    width=\"36px\"\n                    height=\"36px\"\n                    selected={isReacted}\n                    onClick={(e): void => {\n                      closeDropdown();\n                      toggleReaction?.(message, emoji.key, isReacted);\n                      e?.stopPropagation();\n                    }}\n                    dataSbId={`ui_emoji_reactions_menu_${emoji.key}`}\n                  >\n                    <ImageRenderer\n                      url={emoji?.url || ''}\n                      width=\"28px\"\n                      height=\"28px\"\n                      placeHolder={(style: Record<string, unknown>): ReactElement => (\n                        <div style={style}>\n                          <Icon\n                            type={IconTypes.QUESTION}\n                            fillColor={IconColors.ON_BACKGROUND_3}\n                            width=\"28px\"\n                            height=\"28px\"\n                          />\n                        </div>\n                      )}\n                    />\n                  </ReactionButton>\n                );\n              })}\n            </EmojiListItems>\n          )}\n        />\n      )}\n      {(isMobile && showAddReactionBadge) && (\n        <AddReactionBadgeItem\n          onClick={() => {\n            setShowEmojiList(true);\n          }}\n        />\n      )}\n      {(isMobile && showEmojiList) && (\n        <MobileEmojisBottomSheet\n          userId={userId}\n          message={message}\n          emojiContainer={emojiContainer}\n          hideMenu={() => {\n            setShowEmojiList(false);\n          }}\n          toggleReaction={toggleReaction}\n        />\n      )}\n      {(isMobile && selectedEmojiKey && channel !== null) && (\n        <ReactedMembersBottomSheet\n          message={message}\n          channel={channel}\n          emojiKey={selectedEmojiKey}\n          hideMenu={() => {\n            setSelectedEmojiKey('');\n          }}\n          emojiContainer={emojiContainer}\n          onPressUserProfileHandler={onPressUserProfile}\n        />\n      )}\n    </div>\n  );\n};\n\nexport default EmojiReactions;\n"],"names":["ReactedMembersBottomSheet","_a","message","channel","_e","emojiKey","hideMenu","emojiContainer","onPressUserProfileHandler","_f","members","_g","useState","selectedEmoji","setSelectedEmoji","onPressUserProfileCallBack","sender","React","createElement","BottomSheet","onBackdropClick","className","_b","reactions","map","reaction","emojiUrl","getEmojiUrl","key","concat","onClick","ImageRenderer","url","width","height","placeHolder","style","Icon","type","IconTypes","QUESTION","fillColor","IconColors","ON_BACKGROUND_3","Label","LabelTypography","BUTTON_2","color","LabelColors","PRIMARY","ONBACKGROUND_3","userIds","length","_d","_c","find","userId","member","filter","undefined","UserListItem","user","avatarSize","ReactionItem","memberNicknamesMap","setEmojiKey","toggleReaction","emojisMap","store","useSendbirdStateContext","isMobile","useMediaQueryContext","messageStore","useMessageContext","stringSet","useContext","LocalizationContext","config","reactedByMe","isReactedBy","showHoverTooltip","isGroupChannel","isSuper","handleOnClick","longPress","useLongPress","onLongPress","shouldPreventDefault","shouldStopPropagation","TooltipWrapper","hoverTooltip","Tooltip","getEmojiTooltipString","Fragment","ReactionBadge","count","selected","circle","get","defaultComponent","AddReactionBadgeItem","onlyClick","_extends","isAdd","EMOJI_MORE","MobileEmojisBottomSheet","emojiAllList","useMemo","getEmojiListAll","emoji","isReacted","some","reactorId","ReactionButton","e","stopPropagation","dataSbId","EmojiReactions","_h","spaceFromTrigger","x","y","_j","isByMe","onPressUserProfile","addReactionRef","useRef","_k","showEmojiList","setShowEmojiList","_l","selectedEmojiKey","setSelectedEmojiKey","getEmojiMapAll","showAddReactionBadge","size","getClassName","ContextMenu","menuTrigger","toggleDropdown","ref","menuItems","closeDropdown","EmojiListItems","parentRef","parentContainRef"],"mappings":"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"}
+{"version":3,"file":"EmojiReactions.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/ui/FileMessageItemBody.js

@@ -1,57 +1,38 @@
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-92741c7e.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../chunks/bundle-lDOyfwhb.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import TextButton from './TextButton.js';
-import { o as getClassName, Q as getUIKitFileType, R as truncateString } from '../index-776554c0.js';
-import { C as Colors } from '../color-57373b4c.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-114ca049.js';
-import 'prop-types';
-import '../stringSet-6422c6b9.js';
-import '../tslib.es6-c2fb729e.js';
+import { n as getClassName, u as getUIKitFileType, v as truncateString } from '../chunks/bundle-OoXqnc0l.js';
+import { C as Colors } from '../chunks/bundle-06CfHADE.js';
+import { u as useMediaQueryContext } from '../chunks/bundle-QKq7b-WA.js';
+import '../chunks/bundle-AVOWwEQ4.js';
+import '../chunks/bundle-4zdVdGkr.js';
+import '../chunks/bundle-FQAabli1.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-09847c0f.js';
+import '../chunks/bundle-0BwB1B7t.js';
 
-function FileMessageItemBody(_a) {
-  var _b;
-  var className = _a.className,
-    message = _a.message,
-    _c = _a.isByMe,
-    isByMe = _c === void 0 ? false : _c,
-    _d = _a.mouseHover,
-    mouseHover = _d === void 0 ? false : _d,
-    _e = _a.isReactionEnabled,
-    isReactionEnabled = _e === void 0 ? false : _e,
-    _f = _a.truncateLimit,
-    truncateLimit = _f === void 0 ? null : _f;
-  var isMobile = useMediaQueryContext().isMobile;
-  var truncateMaxNum = truncateLimit || (isMobile ? 20 : null);
-  return /*#__PURE__*/React__default.createElement("div", {
-    className: getClassName([className, 'sendbird-file-message-item-body', isByMe ? 'outgoing' : 'incoming', mouseHover ? 'mouse-hover' : '', isReactionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0 ? 'reactions' : ''])
-  }, /*#__PURE__*/React__default.createElement("div", {
-    className: "sendbird-file-message-item-body__file-icon"
-  }, /*#__PURE__*/React__default.createElement(Icon, {
-    className: "sendbird-file-message-item-body__file-icon__icon",
-    type: {
-      IMAGE: IconTypes.PHOTO,
-      VIDEO: IconTypes.PLAY,
-      AUDIO: IconTypes.FILE_AUDIO,
-      GIF: IconTypes.GIF,
-      OTHERS: IconTypes.FILE_DOCUMENT
-    }[getUIKitFileType(message === null || message === void 0 ? void 0 : message.type)],
-    fillColor: IconColors.PRIMARY,
-    width: "24px",
-    height: "24px"
-  })), /*#__PURE__*/React__default.createElement(TextButton, {
-    className: "sendbird-file-message-item-body__file-name",
-    onClick: function () {
-      window.open(message === null || message === void 0 ? void 0 : message.url);
-    },
-    color: isByMe ? Colors.ONCONTENT_1 : Colors.ONBACKGROUND_1
-  }, /*#__PURE__*/React__default.createElement(Label, {
-    className: "sendbird-file-message-item-body__file-name__text",
-    type: LabelTypography.BODY_1,
-    color: isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1
-  }, truncateString((message === null || message === void 0 ? void 0 : message.name) || (message === null || message === void 0 ? void 0 : message.url), truncateMaxNum))));
+function FileMessageItemBody(_a) {
+    var _b;
+    var className = _a.className, message = _a.message, _c = _a.isByMe, isByMe = _c === void 0 ? false : _c, _d = _a.mouseHover, mouseHover = _d === void 0 ? false : _d, _e = _a.isReactionEnabled, isReactionEnabled = _e === void 0 ? false : _e, _f = _a.truncateLimit, truncateLimit = _f === void 0 ? null : _f;
+    var isMobile = useMediaQueryContext().isMobile;
+    var truncateMaxNum = truncateLimit || (isMobile ? 20 : null);
+    return (React__default.createElement("div", { className: getClassName([
+            className,
+            'sendbird-file-message-item-body',
+            isByMe ? 'outgoing' : 'incoming',
+            mouseHover ? 'mouse-hover' : '',
+            (isReactionEnabled && ((_b = message === null || message === void 0 ? void 0 : message.reactions) === null || _b === void 0 ? void 0 : _b.length) > 0) ? 'reactions' : '',
+        ]) },
+        React__default.createElement("div", { className: "sendbird-file-message-item-body__file-icon" },
+            React__default.createElement(Icon, { className: "sendbird-file-message-item-body__file-icon__icon", type: {
+                    IMAGE: IconTypes.PHOTO,
+                    VIDEO: IconTypes.PLAY,
+                    AUDIO: IconTypes.FILE_AUDIO,
+                    GIF: IconTypes.GIF,
+                    OTHERS: IconTypes.FILE_DOCUMENT,
+                }[getUIKitFileType(message === null || message === void 0 ? void 0 : message.type)], fillColor: IconColors.PRIMARY, width: "24px", height: "24px" })),
+        React__default.createElement(TextButton, { className: "sendbird-file-message-item-body__file-name", onClick: function () { window.open(message === null || message === void 0 ? void 0 : message.url); }, color: isByMe ? Colors.ONCONTENT_1 : Colors.ONBACKGROUND_1 },
+            React__default.createElement(Label, { className: "sendbird-file-message-item-body__file-name__text", type: LabelTypography.BODY_1, color: isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1 }, truncateString((message === null || message === void 0 ? void 0 : message.name) || (message === null || message === void 0 ? void 0 : message.url), truncateMaxNum)))));
 }
 
 export { FileMessageItemBody as default };

package/ui/FileMessageItemBody.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileMessageItemBody.js","sources":["../../src/ui/FileMessageItemBody/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement } from 'react';\nimport type { FileMessage } from '@sendbird/chat/message';\n\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport TextButton from '../TextButton';\nimport { getClassName, getUIKitFileType, truncateString } from '../../utils';\nimport { Colors } from '../../utils/color';\nimport { useMediaQueryContext } from '../../lib/MediaQueryContext';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: FileMessage;\n  isByMe?: boolean;\n  mouseHover?: boolean;\n  isReactionEnabled?: boolean;\n  truncateLimit?: number;\n}\n\nexport default function FileMessageItemBody({\n  className,\n  message,\n  isByMe = false,\n  mouseHover = false,\n  isReactionEnabled = false,\n  truncateLimit = null,\n}: Props): ReactElement {\n  const { isMobile } = useMediaQueryContext();\n  const truncateMaxNum = truncateLimit || (isMobile ? 20 : null);\n  return (\n    <div className={getClassName([\n      className,\n      'sendbird-file-message-item-body',\n      isByMe ? 'outgoing' : 'incoming',\n      mouseHover ? 'mouse-hover' : '',\n      (isReactionEnabled && message?.reactions?.length > 0) ? 'reactions' : '',\n    ])}>\n      <div className=\"sendbird-file-message-item-body__file-icon\">\n        <Icon\n          className=\"sendbird-file-message-item-body__file-icon__icon\"\n          type={{\n            IMAGE: IconTypes.PHOTO,\n            VIDEO: IconTypes.PLAY,\n            AUDIO: IconTypes.FILE_AUDIO,\n            GIF: IconTypes.GIF,\n            OTHERS: IconTypes.FILE_DOCUMENT,\n          }[getUIKitFileType(message?.type)]}\n          fillColor={IconColors.PRIMARY}\n          width=\"24px\"\n          height=\"24px\"\n        />\n      </div>\n      <TextButton\n        className=\"sendbird-file-message-item-body__file-name\"\n        onClick={() => { window.open(message?.url); }}\n        color={isByMe ? Colors.ONCONTENT_1 : Colors.ONBACKGROUND_1}\n      >\n        <Label\n          className=\"sendbird-file-message-item-body__file-name__text\"\n          type={LabelTypography.BODY_1}\n          color={isByMe ? LabelColors.ONCONTENT_1 : LabelColors.ONBACKGROUND_1}\n        >\n          {truncateString(message?.name || message?.url, truncateMaxNum)}\n        </Label>\n      </TextButton>\n    </div>\n  );\n}\n"],"names":["FileMessageItemBody","_a","className","message","_c","isByMe","_d","mouseHover","_e","isReactionEnabled","_f","truncateLimit","isMobile","useMediaQueryContext","truncateMaxNum","React","createElement","getClassName","_b","reactions","length","Icon","type","IMAGE","IconTypes","PHOTO","VIDEO","PLAY","AUDIO","FILE_AUDIO","GIF","OTHERS","FILE_DOCUMENT","getUIKitFileType","fillColor","IconColors","PRIMARY","width","height","TextButton","onClick","window","open","url","color","Colors","ONCONTENT_1","ONBACKGROUND_1","Label","LabelTypography","BODY_1","LabelColors","truncateString","name"],"mappings":"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"}
+{"version":3,"file":"FileMessageItemBody.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/ui/FileViewer.js

@@ -1,22 +1,23 @@
-import '../_rollupPluginBabelHelpers-e92eb032.js';
+import '../chunks/bundle-AVOWwEQ4.js';
 import 'react';
 import 'react-dom';
-import '../LocalizationContext-287ee149.js';
-import '../tslib.es6-c2fb729e.js';
-import '../index-09847c0f.js';
-import '../utils-6c50a6d1.js';
-import '../index-92741c7e.js';
-import '../types-9d43ac6e.js';
+import '../chunks/bundle-GqUhOzeC.js';
+import '../hooks/useModal.js';
+import '../chunks/bundle-OoXqnc0l.js';
+import '../chunks/bundle-FQAabli1.js';
+import '../chunks/bundle-x3udz03j.js';
+import '../chunks/bundle-lDOyfwhb.js';
 import './Icon.js';
-import '../index-04bd1a59.js';
-import '../index-776554c0.js';
-import './Avatar.js';
-export { b as FileViewerComponent, F as default } from '../index-0f017704.js';
-import '../stringSet-6422c6b9.js';
-import '../index-e4277f9c.js';
-import 'prop-types';
+export { b as FileViewerComponent, F as default } from '../chunks/bundle-KaSW5xxP.js';
+import '../chunks/bundle-gYyMZyCn.js';
+import '../chunks/bundle-4zdVdGkr.js';
+import '../chunks/bundle-ltzZCtkR.js';
+import '../chunks/bundle-0BwB1B7t.js';
+import '../chunks/bundle-QKq7b-WA.js';
+import './IconButton.js';
+import './Button.js';
 import '../utils/message/getOutgoingMessageState.js';
 import './ImageRenderer.js';
-import '../uuid-c15b8b3b.js';
-import '../consts-d9c5f25a.js';
+import '../chunks/bundle-iPDlyZXo.js';
+import '../chunks/bundle-UjngV2Kp.js';
 //# sourceMappingURL=FileViewer.js.map

package/ui/FileViewer.js.map

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