@sendbird/uikit-react 3.6.8 → 3.6.9-rc.0

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 } 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}\n\nexport const ReactedMembersBottomSheet = ({\n  message,\n  channel,\n  emojiKey = '',\n  hideMenu,\n  emojiContainer,\n}: ReactedMembersBottomSheetProps): ReactElement => {\n  const { members = [] } = channel;\n  const [selectedEmoji, setSelectedEmoji] = useState(emojiKey);\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                />\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';\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}\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}: 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        />\n      )}\n    </div>\n  );\n};\n\nexport default EmojiReactions;\n"],"names":["ReactedMembersBottomSheet","_ref","_message$reactions","_message$reactions2","_message$reactions2$f","message","channel","emojiKey","hideMenu","emojiContainer","members","selectedEmoji","setSelectedEmoji","useState","React","createElement","BottomSheet","onBackdropClick","className","reactions","map","reaction","emojiUrl","getEmojiUrl","key","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","find","userId","member","filter","undefined","UserListItem","user","avatarSize","ReactionItem","_emojisMap$get","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","_message$reactions$fi","_message$reactions$fi2","_message$reactions$fi3","isReacted","some","reactorId","ReactionButton","e","stopPropagation","dataSbId","EmojiReactions","_message$reactions$le","_message$reactions$le2","_message$reactions3","spaceFromTrigger","x","y","isByMe","addReactionRef","useRef","showEmojiList","setShowEmojiList","selectedEmojiKey","setSelectedEmojiKey","getEmojiMapAll","showAddReactionBadge","size","getClassName","ContextMenu","menuTrigger","toggleDropdown","ref","_e$stopPropagation","call","menuItems","closeDropdown","EmojiListItems","parentRef","parentContainRef","_message$reactions4","_message$reactions4$f","_message$reactions4$f2"],"mappings":"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"}
+{"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 } 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}\n\nexport const ReactedMembersBottomSheet = ({\n  message,\n  channel,\n  emojiKey = '',\n  hideMenu,\n  emojiContainer,\n}: ReactedMembersBottomSheetProps): ReactElement => {\n  const { members = [] } = channel;\n  const [selectedEmoji, setSelectedEmoji] = useState(emojiKey);\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                />\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';\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}\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}: 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        />\n      )}\n    </div>\n  );\n};\n\nexport default EmojiReactions;\n"],"names":["ReactedMembersBottomSheet","_ref","_message$reactions","_message$reactions2","_message$reactions2$f","message","channel","emojiKey","hideMenu","emojiContainer","members","selectedEmoji","setSelectedEmoji","useState","React","createElement","BottomSheet","onBackdropClick","className","reactions","map","reaction","emojiUrl","getEmojiUrl","key","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","find","userId","member","filter","undefined","UserListItem","user","avatarSize","ReactionItem","_emojisMap$get","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","_message$reactions$fi","_message$reactions$fi2","_message$reactions$fi3","isReacted","some","reactorId","ReactionButton","e","stopPropagation","dataSbId","EmojiReactions","_message$reactions$le","_message$reactions$le2","_message$reactions3","spaceFromTrigger","x","y","isByMe","addReactionRef","useRef","showEmojiList","setShowEmojiList","selectedEmojiKey","setSelectedEmojiKey","getEmojiMapAll","showAddReactionBadge","size","getClassName","ContextMenu","menuTrigger","toggleDropdown","ref","_e$stopPropagation","call","menuItems","closeDropdown","EmojiListItems","parentRef","parentContainRef","_message$reactions4","_message$reactions4$f","_message$reactions4$f2"],"mappings":"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"}

package/ui/FileMessageItemBody.js

@@ -1,14 +1,15 @@
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7c1266b5.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ec9b8bb2.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import TextButton from './TextButton.js';
-import { h as getClassName, L as getUIKitFileType, t as truncateString } from '../index-39eeabbb.js';
-import { C as Colors } from '../color-65ef45d7.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-aebb709a.js';
+import { m as getClassName, O as getUIKitFileType, P as truncateString } from '../index-cd866969.js';
+import { C as Colors } from '../color-6b4d0a7b.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-5a34332e.js';
 import 'prop-types';
-import '../stringSet-ed242956.js';
-import '../_rollupPluginBabelHelpers-0f2ee8c1.js';
+import '../stringSet-a3384f83.js';
+import '../_rollupPluginBabelHelpers-50696833.js';
 import '../utils/message/getOutgoingMessageState.js';
+import '../index.module-05a84007.js';
 
 function FileMessageItemBody(_ref) {
   var _message$reactions;

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","_ref","_message$reactions","className","message","isByMe","mouseHover","isReactionEnabled","truncateLimit","isMobile","useMediaQueryContext","truncateMaxNum","React","createElement","getClassName","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":["../../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","_ref","_message$reactions","className","message","isByMe","mouseHover","isReactionEnabled","truncateLimit","isMobile","useMediaQueryContext","truncateMaxNum","React","createElement","getClassName","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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"}

package/ui/FileViewer.js

@@ -1,19 +1,20 @@
-import '../_rollupPluginBabelHelpers-0f2ee8c1.js';
+import '../_rollupPluginBabelHelpers-50696833.js';
 import 'react';
 import 'react-dom';
-import '../LocalizationContext-9a9a0064.js';
-import '../index-d16a8084.js';
-import '../index-39eeabbb.js';
-import '../utils-40781609.js';
-import './Avatar.js';
-import '../index-7c1266b5.js';
+import '../LocalizationContext-2a6ef338.js';
+import '../index.module-05a84007.js';
+import '../utils-1a4154f1.js';
+import '../index-ec9b8bb2.js';
 import './Icon.js';
-export { b as FileViewerComponent, F as default } from '../index-8017e2b5.js';
-import '../stringSet-ed242956.js';
-import '../index-91634369.js';
+import '../index-134f97cd.js';
+import '../index-cd866969.js';
+import './Avatar.js';
+export { b as FileViewerComponent, F as default } from '../index-62371bdd.js';
+import '../stringSet-a3384f83.js';
+import '../index-31fae6a0.js';
+import 'prop-types';
 import '../utils/message/getOutgoingMessageState.js';
 import './ImageRenderer.js';
-import '../uuid-6d982751.js';
-import 'prop-types';
-import '../consts-397a92f1.js';
+import '../uuid-87e2df67.js';
+import '../consts-2ddaffce.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":";;;;;;;;;;;;;;;;;;"}

package/ui/Icon.js

@@ -74,6 +74,7 @@ const Colors = {
   CONTENT_INVERSE: 'CONTENT_INVERSE',
   WHITE: 'WHITE',
   GRAY: 'GRAY',
+  THUMBNAIL_ICON: 'THUMBNAIL_ICON',
   SENT: 'SENT',
   READ: 'READ',
   ON_BACKGROUND_1: 'ON_BACKGROUND_1',
@@ -100,6 +101,8 @@ function changeColorToClassName(color) {
       return 'sendbird-icon-color--white';
     case Colors.GRAY:
       return 'sendbird-icon-color--gray';
+    case Colors.THUMBNAIL_ICON:
+      return 'sendbird-icon-color--thumbnail-icon';
     case Colors.SENT:
       return 'sendbird-icon-color--sent';
     case Colors.READ:

package/ui/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../src/ui/Icon/type.ts","../../src/ui/Icon/colors.ts","../../src/ui/Icon/utils.ts","../../src/ui/Icon/index.jsx"],"sourcesContent":["/* eslint-disable no-redeclare */\nexport const Types = {\n  ADD: 'ADD',\n  ARROW_LEFT: 'ARROW_LEFT',\n  ATTACH: 'ATTACH',\n  AUDIO_ON_LINED: 'AUDIO_ON_LINED',\n  BAN: 'BAN',\n  BROADCAST: 'BROADCAST',\n  CAMERA: 'CAMERA',\n  CHANNELS: 'CHANNELS',\n  CHAT: 'CHAT',\n  CHAT_FILLED: 'CHAT_FILLED',\n  CHEVRON_DOWN: 'CHEVRON_DOWN',\n  CHEVRON_RIGHT: 'CHEVRON_RIGHT',\n  CLOSE: 'CLOSE',\n  COLLAPSE: 'COLLAPSE',\n  COPY: 'COPY',\n  CREATE: 'CREATE',\n  DELETE: 'DELETE',\n  DISCONNECTED: 'DISCONNECTED',\n  DOCUMENT: 'DOCUMENT',\n  DONE: 'DONE',\n  DONE_ALL: 'DONE_ALL',\n  DOWNLOAD: 'DOWNLOAD',\n  EDIT: 'EDIT',\n  EMOJI_MORE: 'EMOJI_MORE',\n  ERROR: 'ERROR',\n  EXPAND: 'EXPAND',\n  FILE_AUDIO: 'FILE_AUDIO',\n  FILE_DOCUMENT: 'FILE_DOCUMENT',\n  FREEZE: 'FREEZE',\n  GIF: 'GIF',\n  INFO: 'INFO',\n  LEAVE: 'LEAVE',\n  MEMBERS: 'MEMBERS',\n  MESSAGE: 'MESSAGE',\n  MODERATIONS: 'MODERATIONS',\n  MORE: 'MORE',\n  MUTE: 'MUTE',\n  NOTIFICATIONS: 'NOTIFICATIONS',\n  NOTIFICATIONS_OFF_FILLED: 'NOTIFICATIONS_OFF_FILLED',\n  OPERATOR: 'OPERATOR',\n  PHOTO: 'PHOTO',\n  PLAY: 'PLAY',\n  PLUS: 'PLUS',\n  QUESTION: 'QUESTION',\n  REFRESH: 'REFRESH',\n  REPLY: 'REPLY',\n  REMOVE: 'REMOVE',\n  SEARCH: 'SEARCH',\n  SEND: 'SEND',\n  SETTINGS_FILLED: 'SETTINGS_FILLED',\n  SLIDE_LEFT: 'SLIDE_LEFT',\n  SPINNER: 'SPINNER',\n  SUPERGROUP: 'SUPERGROUP',\n  THREAD: 'THREAD',\n  THUMBNAIL_NONE: 'THUMBNAIL_NONE',\n  TOGGLE_OFF: 'TOGGLE_OFF',\n  TOGGLE_ON: 'TOGGLE_ON',\n  USER: 'USER',\n} as const;\nexport type Types = typeof Types[keyof typeof Types];\n","/* eslint-disable no-redeclare */\nexport const Colors = {\n  DEFAULT: 'DEFAULT',\n  PRIMARY: 'PRIMARY',\n  PRIMARY_2: 'PRIMARY_2',\n  SECONDARY: 'SECONDARY',\n  CONTENT: 'CONTENT',\n  CONTENT_INVERSE: 'CONTENT_INVERSE',\n  WHITE: 'WHITE',\n  GRAY: 'GRAY',\n  SENT: 'SENT',\n  READ: 'READ',\n  ON_BACKGROUND_1: 'ON_BACKGROUND_1',\n  ON_BACKGROUND_2: 'ON_BACKGROUND_2',\n  ON_BACKGROUND_3: 'ON_BACKGROUND_3',\n  ON_BACKGROUND_4: 'ON_BACKGROUND_4',\n  BACKGROUND_3: 'BACKGROUND_3',\n  ERROR: 'ERROR',\n} as const;\nexport type Colors = typeof Colors[keyof typeof Colors];\n\nexport default { Colors };\n","import { Types } from './type';\nimport { Colors } from './colors';\n\nexport function changeColorToClassName(color: Colors): string {\n  switch (color) {\n    case Colors.PRIMARY: return 'sendbird-icon-color--primary';\n    case Colors.PRIMARY_2: return 'sendbird-icon-color--primary-2';\n    case Colors.SECONDARY: return 'sendbird-icon-color--secondary';\n    case Colors.CONTENT: return 'sendbird-icon-color--content';\n    case Colors.CONTENT_INVERSE: return 'sendbird-icon-color--content-inverse';\n    case Colors.WHITE: return 'sendbird-icon-color--white';\n    case Colors.GRAY: return 'sendbird-icon-color--gray';\n    case Colors.SENT: return 'sendbird-icon-color--sent';\n    case Colors.READ: return 'sendbird-icon-color--read';\n    case Colors.ON_BACKGROUND_1: return 'sendbird-icon-color--on-background-1';\n    case Colors.ON_BACKGROUND_2: return 'sendbird-icon-color--on-background-2';\n    case Colors.ON_BACKGROUND_3: return 'sendbird-icon-color--on-background-3';\n    case Colors.ON_BACKGROUND_4: return 'sendbird-icon-color--on-background-4';\n    case Colors.BACKGROUND_3: return 'sendbird-icon-color--background-3';\n    case Colors.ERROR: return 'sendbird-icon-color--error';\n    default: return '';\n  }\n}\n\nexport function changeTypeToIconClassName(type: Types): string {\n  switch (type) {\n    case Types.ADD: return 'sendbird-icon-add';\n    case Types.ARROW_LEFT: return 'sendbird-icon-arrow-left';\n    case Types.ATTACH: return 'sendbird-icon-attach';\n    case Types.AUDIO_ON_LINED: return 'sendbird-icon-audio-on-lined';\n    case Types.BAN: return 'sendbird-icon-ban';\n    case Types.BROADCAST: return 'sendbird-icon-broadcast';\n    case Types.CAMERA: return 'sendbird-icon-camera';\n    case Types.CHANNELS: return 'sendbird-icon-channels';\n    case Types.CHAT: return 'sendbird-icon-chat';\n    case Types.CHAT_FILLED: return 'sendbird-icon-chat-filled';\n    case Types.CHEVRON_DOWN: return 'sendbird-icon-chevron-down';\n    case Types.CHEVRON_RIGHT: return 'sendbird-icon-chevron-right';\n    case Types.CLOSE: return 'sendbird-icon-close';\n    case Types.COLLAPSE: return 'sendbird-icon-collapse';\n    case Types.COPY: return 'sendbird-icon-copy';\n    case Types.CREATE: return 'sendbird-icon-create';\n    case Types.DELETE: return 'sendbird-icon-delete';\n    case Types.DISCONNECTED: return 'sendbird-icon-disconnected';\n    case Types.DOCUMENT: return 'sendbird-icon-document';\n    case Types.DONE: return 'sendbird-icon-done';\n    case Types.DONE_ALL: return 'sendbird-icon-done-all';\n    case Types.DOWNLOAD: return 'sendbird-icon-down-load';\n    case Types.EDIT: return 'sendbird-icon-edit';\n    case Types.EMOJI_MORE: return 'sendbird-icon-emoji-more';\n    case Types.ERROR: return 'sendbird-icon-error';\n    case Types.EXPAND: return 'sendbird-icon-expand';\n    case Types.FILE_AUDIO: return 'sendbird-icon-file-audio';\n    case Types.FILE_DOCUMENT: return 'sendbird-icon-file-document';\n    case Types.FREEZE: return 'sendbird-icon-freeze';\n    case Types.GIF: return 'sendbird-icon-gif';\n    case Types.INFO: return 'sendbird-icon-info';\n    case Types.LEAVE: return 'sendbird-icon-leave';\n    case Types.MEMBERS: return 'sendbird-icon-members';\n    case Types.MESSAGE: return 'sendbird-icon-message';\n    case Types.MODERATIONS: return 'sendbird-icon-moderations';\n    case Types.MORE: return 'sendbird-icon-more';\n    case Types.MUTE: return 'sendbird-icon-mute';\n    case Types.NOTIFICATIONS: return 'sendbird-icon-notifications';\n    case Types.NOTIFICATIONS_OFF_FILLED: return 'sendbird-icon-notifications-off-filled';\n    case Types.OPERATOR: return 'sendbird-icon-operator';\n    case Types.PHOTO: return 'sendbird-icon-photo';\n    case Types.PLAY: return 'sendbird-icon-play';\n    case Types.PLUS: return 'sendbird-iconn-plus';\n    case Types.QUESTION: return 'sendbird-icon-question';\n    case Types.REFRESH: return 'sendbird-icon-refresh';\n    case Types.REMOVE: return 'sendbird-icon-remove';\n    case Types.REPLY: return 'sendbird-icon-reply';\n    case Types.SEARCH: return 'sendbird-icon-search';\n    case Types.SEND: return 'sendbird-icon-send';\n    case Types.SETTINGS_FILLED: return 'sendbird-icon-settings-filled';\n    case Types.SPINNER: return 'sendbird-icon-spinner';\n    case Types.SUPERGROUP: return 'sendbird-icon-supergroup';\n    case Types.THREAD: return 'sendbird-icon-thread';\n    case Types.THUMBNAIL_NONE: return 'sendbird-icon-thumbnail-none';\n    case Types.TOGGLE_OFF: return 'sendbird-icon-toggle-off';\n    case Types.TOGGLE_ON: return 'sendbird-icon-toggle-on';\n    case Types.USER: return 'sendbird-icon-user';\n    default: return 'sendbird-icon-unknown'; // If you see this text 'icon' replace icon for it\n  }\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\nimport { Types } from './type';\nimport { Colors } from './colors';\nimport {\n  changeColorToClassName,\n  changeTypeToIconClassName,\n} from './utils';\n\nimport IconAdd from '../../svgs/icon-add.svg';\nimport IconArrowLeft from '../../svgs/icon-arrow-left.svg';\nimport IconAttach from '../../svgs/icon-attach.svg';\nimport IconAudioOnLined from '../../svgs/icon-audio-on-lined.svg';\nimport IconBan from '../../svgs/icon-ban.svg';\nimport IconBroadcast from '../../svgs/icon-broadcast.svg';\nimport IconCamera from '../../svgs/icon-camera.svg';\nimport IconChannels from '../../svgs/icon-channels.svg';\nimport IconChat from '../../svgs/icon-chat.svg';\nimport IconChatFilled from '../../svgs/icon-chat-filled.svg';\nimport IconChevronDown from '../../svgs/icon-chevron-down.svg';\nimport IconChevronRight from '../../svgs/icon-chevron-right.svg';\nimport IconClose from '../../svgs/icon-close.svg';\nimport IconCollapse from '../../svgs/icon-collapse.svg';\nimport IconCopy from '../../svgs/icon-copy.svg';\nimport IconCreate from '../../svgs/icon-create.svg';\nimport IconDelete from '../../svgs/icon-delete.svg';\nimport IconDisconnected from '../../svgs/icon-disconnected.svg';\nimport IconDocument from '../../svgs/icon-document.svg';\nimport IconDone from '../../svgs/icon-done.svg';\nimport IconDoneAll from '../../svgs/icon-done-all.svg';\nimport IconDownload from '../../svgs/icon-download.svg';\nimport IconEdit from '../../svgs/icon-edit.svg';\nimport IconEmojiMore from '../../svgs/icon-emoji-more.svg';\nimport IconError from '../../svgs/icon-error.svg';\nimport IconExpand from '../../svgs/icon-expand.svg';\nimport IconFileAudio from '../../svgs/icon-file-audio.svg';\nimport IconFileDocument from '../../svgs/icon-file-document.svg';\nimport IconFreeze from '../../svgs/icon-freeze.svg';\nimport IconGif from '../../svgs/icon-gif.svg';\nimport IconInfo from '../../svgs/icon-info.svg';\nimport IconLeave from '../../svgs/icon-leave.svg';\nimport IconMembers from '../../svgs/icon-members.svg';\nimport IconMessage from '../../svgs/icon-message.svg';\nimport IconModerations from '../../svgs/icon-moderations.svg';\nimport IconMore from '../../svgs/icon-more.svg';\nimport IconMute from '../../svgs/icon-mute.svg';\nimport IconNotifications from '../../svgs/icon-notifications.svg';\nimport IconNotificationsOffFilled from '../../svgs/icon-notifications-off-filled.svg';\nimport IconOperator from '../../svgs/icon-operator.svg';\nimport IconPhoto from '../../svgs/icon-photo.svg';\nimport IconPlay from '../../svgs/icon-play.svg';\nimport IconPlus from '../../svgs/icon-plus.svg';\nimport IconQuestion from '../../svgs/icon-question.svg';\nimport IconRefresh from '../../svgs/icon-refresh.svg';\nimport IconRemove from '../../svgs/icon-remove.svg';\nimport IconReply from '../../svgs/icon-reply-filled.svg';\nimport IconSearch from '../../svgs/icon-search.svg';\nimport IconSend from '../../svgs/icon-send.svg';\nimport IconSettingsFilled from '../../svgs/icon-settings-filled.svg';\nimport IconSlideLeft from '../../svgs/icon-slide-left.svg';\nimport IconSpinner from '../../svgs/icon-spinner.svg';\nimport IconSupergroup from '../../svgs/icon-supergroup.svg';\nimport IconThread from '../../svgs/icon-thread.svg';\nimport IconThumbnailNone from '../../svgs/icon-thumbnail-none.svg';\nimport IconToggleOff from '../../svgs/icon-toggleoff.svg';\nimport IconToggleOn from '../../svgs/icon-toggleon.svg';\nimport IconUser from '../../svgs/icon-user.svg';\n\nfunction changeTypeToIconComponent(type) {\n  switch (type) {\n    case Types.ADD: return <IconAdd />;\n    case Types.ARROW_LEFT: return <IconArrowLeft />;\n    case Types.ATTACH: return <IconAttach />;\n    case Types.AUDIO_ON_LINED: return <IconAudioOnLined />;\n    case Types.BAN: return <IconBan />;\n    case Types.BROADCAST: return <IconBroadcast />;\n    case Types.CAMERA: return <IconCamera />;\n    case Types.CHANNELS: return <IconChannels />;\n    case Types.CHAT: return <IconChat />;\n    case Types.CHAT_FILLED: return <IconChatFilled />;\n    case Types.CHEVRON_DOWN: return <IconChevronDown />;\n    case Types.CHEVRON_RIGHT: return <IconChevronRight />;\n    case Types.CLOSE: return <IconClose />;\n    case Types.COLLAPSE: return <IconCollapse />;\n    case Types.COPY: return <IconCopy />;\n    case Types.CREATE: return <IconCreate />;\n    case Types.DELETE: return <IconDelete />;\n    case Types.DISCONNECTED: return <IconDisconnected />;\n    case Types.DOCUMENT: return <IconDocument />;\n    case Types.DONE: return <IconDone />;\n    case Types.DONE_ALL: return <IconDoneAll />;\n    case Types.DOWNLOAD: return <IconDownload />;\n    case Types.EDIT: return <IconEdit />;\n    case Types.EMOJI_MORE: return <IconEmojiMore />;\n    case Types.ERROR: return <IconError />;\n    case Types.EXPAND: return <IconExpand />;\n    case Types.FILE_AUDIO: return <IconFileAudio />;\n    case Types.FILE_DOCUMENT: return <IconFileDocument />;\n    case Types.FREEZE: return <IconFreeze />;\n    case Types.GIF: return <IconGif />;\n    case Types.INFO: return <IconInfo />;\n    case Types.LEAVE: return <IconLeave />;\n    case Types.MEMBERS: return <IconMembers />;\n    case Types.MESSAGE: return <IconMessage />;\n    case Types.MODERATIONS: return <IconModerations />;\n    case Types.MORE: return <IconMore />;\n    case Types.MUTE: return <IconMute />;\n    case Types.NOTIFICATIONS: return <IconNotifications />;\n    case Types.NOTIFICATIONS_OFF_FILLED: return <IconNotificationsOffFilled />;\n    case Types.OPERATOR: return <IconOperator />;\n    case Types.PHOTO: return <IconPhoto />;\n    case Types.PLAY: return <IconPlay />;\n    case Types.PLUS: return <IconPlus />;\n    case Types.QUESTION: return <IconQuestion />;\n    case Types.REFRESH: return <IconRefresh />;\n    case Types.REMOVE: return <IconRemove />;\n    case Types.REPLY: return <IconReply />;\n    case Types.SEARCH: return <IconSearch />;\n    case Types.SEND: return <IconSend />;\n    case Types.SETTINGS_FILLED: return <IconSettingsFilled />;\n    case Types.SLIDE_LEFT: return <IconSlideLeft />;\n    case Types.SPINNER: return <IconSpinner />;\n    case Types.SUPERGROUP: return <IconSupergroup />;\n    case Types.THREAD: return <IconThread />;\n    case Types.THUMBNAIL_NONE: return <IconThumbnailNone />;\n    case Types.TOGGLE_OFF: return <IconToggleOff />;\n    case Types.TOGGLE_ON: return <IconToggleOn />;\n    case Types.USER: return <IconUser />;\n    default: return 'icon'; // If you see this text 'icon' replace icon for it\n  }\n}\n\nexport default function Icon({\n  className,\n  type,\n  fillColor,\n  width,\n  height,\n  onClick,\n  children,\n}) {\n  const iconStyle = {\n    width: typeof width === 'string' ? width : `${width}px`,\n    minWidth: typeof width === 'string' ? width : `${width}px`,\n    height: typeof height === 'string' ? height : `${height}px`,\n    minHeight: typeof height === 'string' ? height : `${height}px`,\n  };\n  return (\n    <div\n      className={[\n        ...Array.isArray(className) ? className : [className],\n        'sendbird-icon',\n        changeTypeToIconClassName(type),\n        changeColorToClassName(fillColor),\n      ].join(' ')}\n      role=\"button\"\n      onClick={onClick}\n      onKeyDown={onClick}\n      tabIndex=\"0\"\n      style={iconStyle}\n    >\n      {children || changeTypeToIconComponent(type)}\n    </div>\n  );\n}\n\nIcon.propTypes = {\n  className: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n  /** Type: Use strings from below list */\n  type: PropTypes.oneOfType([\n    PropTypes.oneOf(Object.keys(Types)),\n    PropTypes.string,\n  ]).isRequired,\n  /** Type: Use Colors from below list */\n  fillColor: PropTypes.oneOf(Object.keys(Colors)),\n  width: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]),\n  height: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]),\n  onClick: PropTypes.func,\n  children: PropTypes.element,\n};\n\nIcon.defaultProps = {\n  className: '',\n  fillColor: Colors.DEFAULT,\n  width: 26,\n  height: 26,\n  onClick: () => { },\n  children: null,\n};\n\nexport const IconTypes = Types;\nexport const IconColors = Colors;\n"],"names":["Types","ADD","ARROW_LEFT","ATTACH","AUDIO_ON_LINED","BAN","BROADCAST","CAMERA","CHANNELS","CHAT","CHAT_FILLED","CHEVRON_DOWN","CHEVRON_RIGHT","CLOSE","COLLAPSE","COPY","CREATE","DELETE","DISCONNECTED","DOCUMENT","DONE","DONE_ALL","DOWNLOAD","EDIT","EMOJI_MORE","ERROR","EXPAND","FILE_AUDIO","FILE_DOCUMENT","FREEZE","GIF","INFO","LEAVE","MEMBERS","MESSAGE","MODERATIONS","MORE","MUTE","NOTIFICATIONS","NOTIFICATIONS_OFF_FILLED","OPERATOR","PHOTO","PLAY","PLUS","QUESTION","REFRESH","REPLY","REMOVE","SEARCH","SEND","SETTINGS_FILLED","SLIDE_LEFT","SPINNER","SUPERGROUP","THREAD","THUMBNAIL_NONE","TOGGLE_OFF","TOGGLE_ON","USER","Colors","DEFAULT","PRIMARY","PRIMARY_2","SECONDARY","CONTENT","CONTENT_INVERSE","WHITE","GRAY","SENT","READ","ON_BACKGROUND_1","ON_BACKGROUND_2","ON_BACKGROUND_3","ON_BACKGROUND_4","BACKGROUND_3","changeColorToClassName","color","changeTypeToIconClassName","type","changeTypeToIconComponent","React","createElement","IconAdd","IconArrowLeft","IconAttach","IconAudioOnLined","IconBan","IconBroadcast","IconCamera","IconChannels","IconChat","IconChatFilled","IconChevronDown","IconChevronRight","IconClose","IconCollapse","IconCopy","IconCreate","IconDelete","IconDisconnected","IconDocument","IconDone","IconDoneAll","IconDownload","IconEdit","IconEmojiMore","IconError","IconExpand","IconFileAudio","IconFileDocument","IconFreeze","IconGif","IconInfo","IconLeave","IconMembers","IconMessage","IconModerations","IconMore","IconMute","IconNotifications","IconNotificationsOffFilled","IconOperator","IconPhoto","IconPlay","IconPlus","IconQuestion","IconRefresh","IconRemove","IconReply","IconSearch","IconSend","IconSettingsFilled","IconSlideLeft","IconSpinner","IconSupergroup","IconThread","IconThumbnailNone","IconToggleOff","IconToggleOn","IconUser","Icon","_ref","className","fillColor","width","height","onClick","children","iconStyle","minWidth","minHeight","Array","isArray","join","role","onKeyDown","tabIndex","style","propTypes","PropTypes","oneOfType","string","arrayOf","oneOf","Object","keys","isRequired","number","func","element","defaultProps","IconTypes","IconColors"],"mappings":"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"}
+{"version":3,"file":"Icon.js","sources":["../../src/ui/Icon/type.ts","../../src/ui/Icon/colors.ts","../../src/ui/Icon/utils.ts","../../src/ui/Icon/index.jsx"],"sourcesContent":["/* eslint-disable no-redeclare */\nexport const Types = {\n  ADD: 'ADD',\n  ARROW_LEFT: 'ARROW_LEFT',\n  ATTACH: 'ATTACH',\n  AUDIO_ON_LINED: 'AUDIO_ON_LINED',\n  BAN: 'BAN',\n  BROADCAST: 'BROADCAST',\n  CAMERA: 'CAMERA',\n  CHANNELS: 'CHANNELS',\n  CHAT: 'CHAT',\n  CHAT_FILLED: 'CHAT_FILLED',\n  CHEVRON_DOWN: 'CHEVRON_DOWN',\n  CHEVRON_RIGHT: 'CHEVRON_RIGHT',\n  CLOSE: 'CLOSE',\n  COLLAPSE: 'COLLAPSE',\n  COPY: 'COPY',\n  CREATE: 'CREATE',\n  DELETE: 'DELETE',\n  DISCONNECTED: 'DISCONNECTED',\n  DOCUMENT: 'DOCUMENT',\n  DONE: 'DONE',\n  DONE_ALL: 'DONE_ALL',\n  DOWNLOAD: 'DOWNLOAD',\n  EDIT: 'EDIT',\n  EMOJI_MORE: 'EMOJI_MORE',\n  ERROR: 'ERROR',\n  EXPAND: 'EXPAND',\n  FILE_AUDIO: 'FILE_AUDIO',\n  FILE_DOCUMENT: 'FILE_DOCUMENT',\n  FREEZE: 'FREEZE',\n  GIF: 'GIF',\n  INFO: 'INFO',\n  LEAVE: 'LEAVE',\n  MEMBERS: 'MEMBERS',\n  MESSAGE: 'MESSAGE',\n  MODERATIONS: 'MODERATIONS',\n  MORE: 'MORE',\n  MUTE: 'MUTE',\n  NOTIFICATIONS: 'NOTIFICATIONS',\n  NOTIFICATIONS_OFF_FILLED: 'NOTIFICATIONS_OFF_FILLED',\n  OPERATOR: 'OPERATOR',\n  PHOTO: 'PHOTO',\n  PLAY: 'PLAY',\n  PLUS: 'PLUS',\n  QUESTION: 'QUESTION',\n  REFRESH: 'REFRESH',\n  REPLY: 'REPLY',\n  REMOVE: 'REMOVE',\n  SEARCH: 'SEARCH',\n  SEND: 'SEND',\n  SETTINGS_FILLED: 'SETTINGS_FILLED',\n  SLIDE_LEFT: 'SLIDE_LEFT',\n  SPINNER: 'SPINNER',\n  SUPERGROUP: 'SUPERGROUP',\n  THREAD: 'THREAD',\n  THUMBNAIL_NONE: 'THUMBNAIL_NONE',\n  TOGGLE_OFF: 'TOGGLE_OFF',\n  TOGGLE_ON: 'TOGGLE_ON',\n  USER: 'USER',\n} as const;\nexport type Types = typeof Types[keyof typeof Types];\n","/* eslint-disable no-redeclare */\nexport const Colors = {\n  DEFAULT: 'DEFAULT',\n  PRIMARY: 'PRIMARY',\n  PRIMARY_2: 'PRIMARY_2',\n  SECONDARY: 'SECONDARY',\n  CONTENT: 'CONTENT',\n  CONTENT_INVERSE: 'CONTENT_INVERSE',\n  WHITE: 'WHITE',\n  GRAY: 'GRAY',\n  THUMBNAIL_ICON: 'THUMBNAIL_ICON',\n  SENT: 'SENT',\n  READ: 'READ',\n  ON_BACKGROUND_1: 'ON_BACKGROUND_1',\n  ON_BACKGROUND_2: 'ON_BACKGROUND_2',\n  ON_BACKGROUND_3: 'ON_BACKGROUND_3',\n  ON_BACKGROUND_4: 'ON_BACKGROUND_4',\n  BACKGROUND_3: 'BACKGROUND_3',\n  ERROR: 'ERROR',\n} as const;\nexport type Colors = typeof Colors[keyof typeof Colors];\n\nexport default { Colors };\n","import { Types } from './type';\nimport { Colors } from './colors';\n\nexport function changeColorToClassName(color: Colors): string {\n  switch (color) {\n    case Colors.PRIMARY: return 'sendbird-icon-color--primary';\n    case Colors.PRIMARY_2: return 'sendbird-icon-color--primary-2';\n    case Colors.SECONDARY: return 'sendbird-icon-color--secondary';\n    case Colors.CONTENT: return 'sendbird-icon-color--content';\n    case Colors.CONTENT_INVERSE: return 'sendbird-icon-color--content-inverse';\n    case Colors.WHITE: return 'sendbird-icon-color--white';\n    case Colors.GRAY: return 'sendbird-icon-color--gray';\n    case Colors.THUMBNAIL_ICON: return 'sendbird-icon-color--thumbnail-icon';\n    case Colors.SENT: return 'sendbird-icon-color--sent';\n    case Colors.READ: return 'sendbird-icon-color--read';\n    case Colors.ON_BACKGROUND_1: return 'sendbird-icon-color--on-background-1';\n    case Colors.ON_BACKGROUND_2: return 'sendbird-icon-color--on-background-2';\n    case Colors.ON_BACKGROUND_3: return 'sendbird-icon-color--on-background-3';\n    case Colors.ON_BACKGROUND_4: return 'sendbird-icon-color--on-background-4';\n    case Colors.BACKGROUND_3: return 'sendbird-icon-color--background-3';\n    case Colors.ERROR: return 'sendbird-icon-color--error';\n    default: return '';\n  }\n}\n\nexport function changeTypeToIconClassName(type: Types): string {\n  switch (type) {\n    case Types.ADD: return 'sendbird-icon-add';\n    case Types.ARROW_LEFT: return 'sendbird-icon-arrow-left';\n    case Types.ATTACH: return 'sendbird-icon-attach';\n    case Types.AUDIO_ON_LINED: return 'sendbird-icon-audio-on-lined';\n    case Types.BAN: return 'sendbird-icon-ban';\n    case Types.BROADCAST: return 'sendbird-icon-broadcast';\n    case Types.CAMERA: return 'sendbird-icon-camera';\n    case Types.CHANNELS: return 'sendbird-icon-channels';\n    case Types.CHAT: return 'sendbird-icon-chat';\n    case Types.CHAT_FILLED: return 'sendbird-icon-chat-filled';\n    case Types.CHEVRON_DOWN: return 'sendbird-icon-chevron-down';\n    case Types.CHEVRON_RIGHT: return 'sendbird-icon-chevron-right';\n    case Types.CLOSE: return 'sendbird-icon-close';\n    case Types.COLLAPSE: return 'sendbird-icon-collapse';\n    case Types.COPY: return 'sendbird-icon-copy';\n    case Types.CREATE: return 'sendbird-icon-create';\n    case Types.DELETE: return 'sendbird-icon-delete';\n    case Types.DISCONNECTED: return 'sendbird-icon-disconnected';\n    case Types.DOCUMENT: return 'sendbird-icon-document';\n    case Types.DONE: return 'sendbird-icon-done';\n    case Types.DONE_ALL: return 'sendbird-icon-done-all';\n    case Types.DOWNLOAD: return 'sendbird-icon-down-load';\n    case Types.EDIT: return 'sendbird-icon-edit';\n    case Types.EMOJI_MORE: return 'sendbird-icon-emoji-more';\n    case Types.ERROR: return 'sendbird-icon-error';\n    case Types.EXPAND: return 'sendbird-icon-expand';\n    case Types.FILE_AUDIO: return 'sendbird-icon-file-audio';\n    case Types.FILE_DOCUMENT: return 'sendbird-icon-file-document';\n    case Types.FREEZE: return 'sendbird-icon-freeze';\n    case Types.GIF: return 'sendbird-icon-gif';\n    case Types.INFO: return 'sendbird-icon-info';\n    case Types.LEAVE: return 'sendbird-icon-leave';\n    case Types.MEMBERS: return 'sendbird-icon-members';\n    case Types.MESSAGE: return 'sendbird-icon-message';\n    case Types.MODERATIONS: return 'sendbird-icon-moderations';\n    case Types.MORE: return 'sendbird-icon-more';\n    case Types.MUTE: return 'sendbird-icon-mute';\n    case Types.NOTIFICATIONS: return 'sendbird-icon-notifications';\n    case Types.NOTIFICATIONS_OFF_FILLED: return 'sendbird-icon-notifications-off-filled';\n    case Types.OPERATOR: return 'sendbird-icon-operator';\n    case Types.PHOTO: return 'sendbird-icon-photo';\n    case Types.PLAY: return 'sendbird-icon-play';\n    case Types.PLUS: return 'sendbird-iconn-plus';\n    case Types.QUESTION: return 'sendbird-icon-question';\n    case Types.REFRESH: return 'sendbird-icon-refresh';\n    case Types.REMOVE: return 'sendbird-icon-remove';\n    case Types.REPLY: return 'sendbird-icon-reply';\n    case Types.SEARCH: return 'sendbird-icon-search';\n    case Types.SEND: return 'sendbird-icon-send';\n    case Types.SETTINGS_FILLED: return 'sendbird-icon-settings-filled';\n    case Types.SPINNER: return 'sendbird-icon-spinner';\n    case Types.SUPERGROUP: return 'sendbird-icon-supergroup';\n    case Types.THREAD: return 'sendbird-icon-thread';\n    case Types.THUMBNAIL_NONE: return 'sendbird-icon-thumbnail-none';\n    case Types.TOGGLE_OFF: return 'sendbird-icon-toggle-off';\n    case Types.TOGGLE_ON: return 'sendbird-icon-toggle-on';\n    case Types.USER: return 'sendbird-icon-user';\n    default: return 'sendbird-icon-unknown'; // If you see this text 'icon' replace icon for it\n  }\n}\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport './index.scss';\nimport { Types } from './type';\nimport { Colors } from './colors';\nimport {\n  changeColorToClassName,\n  changeTypeToIconClassName,\n} from './utils';\n\nimport IconAdd from '../../svgs/icon-add.svg';\nimport IconArrowLeft from '../../svgs/icon-arrow-left.svg';\nimport IconAttach from '../../svgs/icon-attach.svg';\nimport IconAudioOnLined from '../../svgs/icon-audio-on-lined.svg';\nimport IconBan from '../../svgs/icon-ban.svg';\nimport IconBroadcast from '../../svgs/icon-broadcast.svg';\nimport IconCamera from '../../svgs/icon-camera.svg';\nimport IconChannels from '../../svgs/icon-channels.svg';\nimport IconChat from '../../svgs/icon-chat.svg';\nimport IconChatFilled from '../../svgs/icon-chat-filled.svg';\nimport IconChevronDown from '../../svgs/icon-chevron-down.svg';\nimport IconChevronRight from '../../svgs/icon-chevron-right.svg';\nimport IconClose from '../../svgs/icon-close.svg';\nimport IconCollapse from '../../svgs/icon-collapse.svg';\nimport IconCopy from '../../svgs/icon-copy.svg';\nimport IconCreate from '../../svgs/icon-create.svg';\nimport IconDelete from '../../svgs/icon-delete.svg';\nimport IconDisconnected from '../../svgs/icon-disconnected.svg';\nimport IconDocument from '../../svgs/icon-document.svg';\nimport IconDone from '../../svgs/icon-done.svg';\nimport IconDoneAll from '../../svgs/icon-done-all.svg';\nimport IconDownload from '../../svgs/icon-download.svg';\nimport IconEdit from '../../svgs/icon-edit.svg';\nimport IconEmojiMore from '../../svgs/icon-emoji-more.svg';\nimport IconError from '../../svgs/icon-error.svg';\nimport IconExpand from '../../svgs/icon-expand.svg';\nimport IconFileAudio from '../../svgs/icon-file-audio.svg';\nimport IconFileDocument from '../../svgs/icon-file-document.svg';\nimport IconFreeze from '../../svgs/icon-freeze.svg';\nimport IconGif from '../../svgs/icon-gif.svg';\nimport IconInfo from '../../svgs/icon-info.svg';\nimport IconLeave from '../../svgs/icon-leave.svg';\nimport IconMembers from '../../svgs/icon-members.svg';\nimport IconMessage from '../../svgs/icon-message.svg';\nimport IconModerations from '../../svgs/icon-moderations.svg';\nimport IconMore from '../../svgs/icon-more.svg';\nimport IconMute from '../../svgs/icon-mute.svg';\nimport IconNotifications from '../../svgs/icon-notifications.svg';\nimport IconNotificationsOffFilled from '../../svgs/icon-notifications-off-filled.svg';\nimport IconOperator from '../../svgs/icon-operator.svg';\nimport IconPhoto from '../../svgs/icon-photo.svg';\nimport IconPlay from '../../svgs/icon-play.svg';\nimport IconPlus from '../../svgs/icon-plus.svg';\nimport IconQuestion from '../../svgs/icon-question.svg';\nimport IconRefresh from '../../svgs/icon-refresh.svg';\nimport IconRemove from '../../svgs/icon-remove.svg';\nimport IconReply from '../../svgs/icon-reply-filled.svg';\nimport IconSearch from '../../svgs/icon-search.svg';\nimport IconSend from '../../svgs/icon-send.svg';\nimport IconSettingsFilled from '../../svgs/icon-settings-filled.svg';\nimport IconSlideLeft from '../../svgs/icon-slide-left.svg';\nimport IconSpinner from '../../svgs/icon-spinner.svg';\nimport IconSupergroup from '../../svgs/icon-supergroup.svg';\nimport IconThread from '../../svgs/icon-thread.svg';\nimport IconThumbnailNone from '../../svgs/icon-thumbnail-none.svg';\nimport IconToggleOff from '../../svgs/icon-toggleoff.svg';\nimport IconToggleOn from '../../svgs/icon-toggleon.svg';\nimport IconUser from '../../svgs/icon-user.svg';\n\nfunction changeTypeToIconComponent(type) {\n  switch (type) {\n    case Types.ADD: return <IconAdd />;\n    case Types.ARROW_LEFT: return <IconArrowLeft />;\n    case Types.ATTACH: return <IconAttach />;\n    case Types.AUDIO_ON_LINED: return <IconAudioOnLined />;\n    case Types.BAN: return <IconBan />;\n    case Types.BROADCAST: return <IconBroadcast />;\n    case Types.CAMERA: return <IconCamera />;\n    case Types.CHANNELS: return <IconChannels />;\n    case Types.CHAT: return <IconChat />;\n    case Types.CHAT_FILLED: return <IconChatFilled />;\n    case Types.CHEVRON_DOWN: return <IconChevronDown />;\n    case Types.CHEVRON_RIGHT: return <IconChevronRight />;\n    case Types.CLOSE: return <IconClose />;\n    case Types.COLLAPSE: return <IconCollapse />;\n    case Types.COPY: return <IconCopy />;\n    case Types.CREATE: return <IconCreate />;\n    case Types.DELETE: return <IconDelete />;\n    case Types.DISCONNECTED: return <IconDisconnected />;\n    case Types.DOCUMENT: return <IconDocument />;\n    case Types.DONE: return <IconDone />;\n    case Types.DONE_ALL: return <IconDoneAll />;\n    case Types.DOWNLOAD: return <IconDownload />;\n    case Types.EDIT: return <IconEdit />;\n    case Types.EMOJI_MORE: return <IconEmojiMore />;\n    case Types.ERROR: return <IconError />;\n    case Types.EXPAND: return <IconExpand />;\n    case Types.FILE_AUDIO: return <IconFileAudio />;\n    case Types.FILE_DOCUMENT: return <IconFileDocument />;\n    case Types.FREEZE: return <IconFreeze />;\n    case Types.GIF: return <IconGif />;\n    case Types.INFO: return <IconInfo />;\n    case Types.LEAVE: return <IconLeave />;\n    case Types.MEMBERS: return <IconMembers />;\n    case Types.MESSAGE: return <IconMessage />;\n    case Types.MODERATIONS: return <IconModerations />;\n    case Types.MORE: return <IconMore />;\n    case Types.MUTE: return <IconMute />;\n    case Types.NOTIFICATIONS: return <IconNotifications />;\n    case Types.NOTIFICATIONS_OFF_FILLED: return <IconNotificationsOffFilled />;\n    case Types.OPERATOR: return <IconOperator />;\n    case Types.PHOTO: return <IconPhoto />;\n    case Types.PLAY: return <IconPlay />;\n    case Types.PLUS: return <IconPlus />;\n    case Types.QUESTION: return <IconQuestion />;\n    case Types.REFRESH: return <IconRefresh />;\n    case Types.REMOVE: return <IconRemove />;\n    case Types.REPLY: return <IconReply />;\n    case Types.SEARCH: return <IconSearch />;\n    case Types.SEND: return <IconSend />;\n    case Types.SETTINGS_FILLED: return <IconSettingsFilled />;\n    case Types.SLIDE_LEFT: return <IconSlideLeft />;\n    case Types.SPINNER: return <IconSpinner />;\n    case Types.SUPERGROUP: return <IconSupergroup />;\n    case Types.THREAD: return <IconThread />;\n    case Types.THUMBNAIL_NONE: return <IconThumbnailNone />;\n    case Types.TOGGLE_OFF: return <IconToggleOff />;\n    case Types.TOGGLE_ON: return <IconToggleOn />;\n    case Types.USER: return <IconUser />;\n    default: return 'icon'; // If you see this text 'icon' replace icon for it\n  }\n}\n\nexport default function Icon({\n  className,\n  type,\n  fillColor,\n  width,\n  height,\n  onClick,\n  children,\n}) {\n  const iconStyle = {\n    width: typeof width === 'string' ? width : `${width}px`,\n    minWidth: typeof width === 'string' ? width : `${width}px`,\n    height: typeof height === 'string' ? height : `${height}px`,\n    minHeight: typeof height === 'string' ? height : `${height}px`,\n  };\n  return (\n    <div\n      className={[\n        ...Array.isArray(className) ? className : [className],\n        'sendbird-icon',\n        changeTypeToIconClassName(type),\n        changeColorToClassName(fillColor),\n      ].join(' ')}\n      role=\"button\"\n      onClick={onClick}\n      onKeyDown={onClick}\n      tabIndex=\"0\"\n      style={iconStyle}\n    >\n      {children || changeTypeToIconComponent(type)}\n    </div>\n  );\n}\n\nIcon.propTypes = {\n  className: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.arrayOf(PropTypes.string),\n  ]),\n  /** Type: Use strings from below list */\n  type: PropTypes.oneOfType([\n    PropTypes.oneOf(Object.keys(Types)),\n    PropTypes.string,\n  ]).isRequired,\n  /** Type: Use Colors from below list */\n  fillColor: PropTypes.oneOf(Object.keys(Colors)),\n  width: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]),\n  height: PropTypes.oneOfType([\n    PropTypes.string,\n    PropTypes.number,\n  ]),\n  onClick: PropTypes.func,\n  children: PropTypes.element,\n};\n\nIcon.defaultProps = {\n  className: '',\n  fillColor: Colors.DEFAULT,\n  width: 26,\n  height: 26,\n  onClick: () => { },\n  children: null,\n};\n\nexport const IconTypes = Types;\nexport const IconColors = Colors;\n"],"names":["Types","ADD","ARROW_LEFT","ATTACH","AUDIO_ON_LINED","BAN","BROADCAST","CAMERA","CHANNELS","CHAT","CHAT_FILLED","CHEVRON_DOWN","CHEVRON_RIGHT","CLOSE","COLLAPSE","COPY","CREATE","DELETE","DISCONNECTED","DOCUMENT","DONE","DONE_ALL","DOWNLOAD","EDIT","EMOJI_MORE","ERROR","EXPAND","FILE_AUDIO","FILE_DOCUMENT","FREEZE","GIF","INFO","LEAVE","MEMBERS","MESSAGE","MODERATIONS","MORE","MUTE","NOTIFICATIONS","NOTIFICATIONS_OFF_FILLED","OPERATOR","PHOTO","PLAY","PLUS","QUESTION","REFRESH","REPLY","REMOVE","SEARCH","SEND","SETTINGS_FILLED","SLIDE_LEFT","SPINNER","SUPERGROUP","THREAD","THUMBNAIL_NONE","TOGGLE_OFF","TOGGLE_ON","USER","Colors","DEFAULT","PRIMARY","PRIMARY_2","SECONDARY","CONTENT","CONTENT_INVERSE","WHITE","GRAY","THUMBNAIL_ICON","SENT","READ","ON_BACKGROUND_1","ON_BACKGROUND_2","ON_BACKGROUND_3","ON_BACKGROUND_4","BACKGROUND_3","changeColorToClassName","color","changeTypeToIconClassName","type","changeTypeToIconComponent","React","createElement","IconAdd","IconArrowLeft","IconAttach","IconAudioOnLined","IconBan","IconBroadcast","IconCamera","IconChannels","IconChat","IconChatFilled","IconChevronDown","IconChevronRight","IconClose","IconCollapse","IconCopy","IconCreate","IconDelete","IconDisconnected","IconDocument","IconDone","IconDoneAll","IconDownload","IconEdit","IconEmojiMore","IconError","IconExpand","IconFileAudio","IconFileDocument","IconFreeze","IconGif","IconInfo","IconLeave","IconMembers","IconMessage","IconModerations","IconMore","IconMute","IconNotifications","IconNotificationsOffFilled","IconOperator","IconPhoto","IconPlay","IconPlus","IconQuestion","IconRefresh","IconRemove","IconReply","IconSearch","IconSend","IconSettingsFilled","IconSlideLeft","IconSpinner","IconSupergroup","IconThread","IconThumbnailNone","IconToggleOff","IconToggleOn","IconUser","Icon","_ref","className","fillColor","width","height","onClick","children","iconStyle","minWidth","minHeight","Array","isArray","join","role","onKeyDown","tabIndex","style","propTypes","PropTypes","oneOfType","string","arrayOf","oneOf","Object","keys","isRequired","number","func","element","defaultProps","IconTypes","IconColors"],"mappings":"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"}

package/ui/IconButton.js

@@ -1,4 +1,4 @@
-import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-0f2ee8c1.js';
+import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-50696833.js';
 import React__default, { useState } from 'react';
 
 const IconButton = /*#__PURE__*/React__default.forwardRef((props, ref) => {

package/ui/ImageRenderer.js

@@ -1,9 +1,32 @@
-import React__default, { useState, useMemo } from 'react';
+import React__default, { useMemo, useState } from 'react';
+import Icon, { IconTypes, IconColors } from './Icon.js';
+import 'prop-types';
 
 var numberToPx = (value => {
   return typeof value === 'number' ? `${value}px` : value;
 });
 
+function getDynamicMinLengthInPx(sideLength, maxSideLength, defaultMinLength) {
+  var _numberToPx;
+  return `min(${maxSideLength !== null && maxSideLength !== void 0 ? maxSideLength : defaultMinLength}, ${(_numberToPx = numberToPx(sideLength)) !== null && _numberToPx !== void 0 ? _numberToPx : defaultMinLength})`;
+}
+
+function useDynamicSideLength(_ref) {
+  let {
+    width,
+    height,
+    maxSideLength,
+    defaultMinLength
+  } = _ref;
+  const dynamicMinWidth = useMemo(() => {
+    return getDynamicMinLengthInPx(width, maxSideLength, defaultMinLength);
+  }, [width]);
+  const dynamicMinHeight = useMemo(() => {
+    return getDynamicMinLengthInPx(height, maxSideLength, defaultMinLength);
+  }, [height]);
+  return [dynamicMinWidth, dynamicMinHeight];
+}
+
 /*
   ImageRenderer displays image with url or source
   it checks if the source exist with img tag first
@@ -22,6 +45,7 @@ const ImageRenderer = _ref => {
     url,
     alt = '',
     width = null,
+    maxSideLength = null,
     height = null,
     circle = false,
     fixedSize = false,
@@ -29,12 +53,18 @@ const ImageRenderer = _ref => {
     defaultComponent = null,
     borderRadius = null,
     onLoad = () => {/* noop */},
-    onError = () => {/* noop */}
+    onError = () => {/* noop */},
+    shadeOnHover,
+    isGif = false
   } = _ref;
   const [showDefaultComponent, setShowDefaultComponent] = useState(false);
   const [showPlaceHolder, setShowPlaceHolder] = useState(true);
-  const parsedWidth = numberToPx(width);
-  const parsedHeight = numberToPx(height);
+  const [dynamicMinWidth, dynamicMinHeight] = useDynamicSideLength({
+    width,
+    height,
+    maxSideLength,
+    defaultMinLength: '400px'
+  });
   const DefaultComponent = useMemo(() => {
     return typeof defaultComponent === 'function' ? defaultComponent() : defaultComponent;
   }, [defaultComponent]);
@@ -42,9 +72,9 @@ const ImageRenderer = _ref => {
     return placeHolder && typeof placeHolder === 'function' ? placeHolder({
       style: {
         width: '100%',
-        minWidth: parsedWidth,
-        maxWidth: fixedSize ? parsedWidth : '400px',
-        height: parsedHeight,
+        minWidth: dynamicMinWidth,
+        maxWidth: fixedSize ? dynamicMinWidth : '400px',
+        height: dynamicMinHeight,
         position: 'absolute',
         display: 'flex',
         justifyContent: 'center',
@@ -69,21 +99,21 @@ const ImageRenderer = _ref => {
       }
     });
   }, [url]);
-  return /*#__PURE__*/React__default.createElement("div", {
+  return dynamicMinWidth && dynamicMinHeight && /*#__PURE__*/React__default.createElement("div", {
     className: [...(Array.isArray(className) ? className : [className]), 'sendbird-image-renderer'].join(' '),
     style: {
       width: '100%',
-      minWidth: parsedWidth,
-      maxWidth: fixedSize ? parsedWidth : '400px',
-      height: parsedHeight
+      minWidth: dynamicMinWidth,
+      maxWidth: fixedSize ? dynamicMinWidth : '400px',
+      height: dynamicMinHeight
     }
   }, showPlaceHolder && PlaceHolder, showDefaultComponent ? DefaultComponent : /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-image-renderer__image",
     style: {
       width: '100%',
-      minWidth: parsedWidth,
-      maxWidth: fixedSize ? parsedWidth : '400px',
-      height: parsedHeight,
+      minWidth: dynamicMinWidth,
+      maxWidth: fixedSize ? dynamicMinWidth : '400px',
+      height: dynamicMinHeight,
       position: 'absolute',
       backgroundRepeat: 'no-repeat',
       backgroundPosition: 'center',
@@ -91,7 +121,21 @@ const ImageRenderer = _ref => {
       backgroundImage: `url(${url})`,
       borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius)
     }
-  }), HiddenImageLoader);
+  }), HiddenImageLoader, shadeOnHover && /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-multiple-files-image-renderer__image-cover",
+    style: {
+      borderRadius: getBorderRadiusForImageRenderer(circle, borderRadius)
+    }
+  }), isGif && /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-multiple-files-image-renderer__icon-wrapper"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-multiple-files-image-renderer__icon-wrapper__icon"
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    type: IconTypes.GIF,
+    fillColor: IconColors.THUMBNAIL_ICON,
+    width: "34px",
+    height: "34px"
+  }))));
 };
 
 export { ImageRenderer as default, getBorderRadiusForImageRenderer };