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

package/cjs/ui/ConnectionStatus.js

@@ -2,11 +2,11 @@
 
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-4eb2a000.js');
-var LocalizationContext = require('../LocalizationContext-9c99457f.js');
+var ui_Label = require('../index-b5b8572e.js');
+var LocalizationContext = require('../LocalizationContext-01462759.js');
 require('prop-types');
-require('../stringSet-dbdeec9c.js');
-require('../index-ba4dea0c.js');
+require('../stringSet-569a20f9.js');
+require('../index-63eb5ff7.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/ContextMenu.js

@@ -3,15 +3,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-117c3ffb.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-c6220b54.js');
 var reactDom = require('react-dom');
 var ui_SortByRow = require('./SortByRow.js');
-var index = require('../index-0599b6f2.js');
-var ui_Label = require('../index-4eb2a000.js');
-require('../uuid-b2882230.js');
+var index = require('../index-3888ca97.js');
+var ui_Label = require('../index-b5b8572e.js');
+require('../uuid-10da34d7.js');
 require('../utils/message/getOutgoingMessageState.js');
+require('../index.module-cd5fee9a.js');
 require('prop-types');
-require('../stringSet-dbdeec9c.js');
+require('../stringSet-569a20f9.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/ContextMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContextMenu.js","sources":["../../../src/ui/ContextMenu/MenuItems.tsx","../../../src/ui/ContextMenu/EmojiListItems.tsx","../../../src/ui/ContextMenu/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { createPortal } from 'react-dom';\n\ninterface MenuItemsProps {\n  className?: string;\n  style?: Record<string, string>;\n  openLeft?: boolean;\n  children: React.ReactElement | Array<React.ReactElement> | React.ReactNode;\n  parentRef: React.RefObject<HTMLElement>;\n  parentContainRef: React.RefObject<HTMLElement>;\n  closeDropdown: () => void;\n}\n\ntype MenuStyleType = { top?: number, left?: number };\ninterface MenuItemsState {\n  menuStyle: MenuStyleType;\n  handleClickOutside: (e: MouseEvent) => void;\n}\n\n// padding to handle height of last item in message-list\nconst HEIGHT_PADDING = 60;\n\nexport default class MenuItems extends React.Component<MenuItemsProps, MenuItemsState> {\n  constructor(props: MenuItemsProps) {\n    super(props);\n    this.state = {\n      menuStyle: {},\n      handleClickOutside: () => { /* noop */ },\n    };\n  }\n\n  menuRef: React.RefObject<HTMLUListElement> = React.createRef();\n\n  componentDidMount(): void {\n    this.setupEvents();\n    this.getMenuPosition();\n  }\n\n  componentWillUnmount(): void {\n    this.cleanUpEvents();\n  }\n\n  setupEvents = (): void => {\n    const { closeDropdown } = this.props;\n    const { menuRef } = this;\n    const handleClickOutside = (event) => {\n      if (menuRef?.current && !menuRef?.current?.contains?.(event.target)) {\n        closeDropdown?.();\n      }\n    };\n    this.setState({\n      handleClickOutside,\n    });\n\n    document.addEventListener('mousedown', handleClickOutside);\n  };\n\n  cleanUpEvents = (): void => {\n    const {\n      handleClickOutside,\n    } = this.state;\n    document.removeEventListener('mousedown', handleClickOutside);\n  };\n\n  getMenuPosition = (): MenuStyleType => {\n    const { parentRef, openLeft } = this.props;\n    const parentRect = parentRef?.current?.getBoundingClientRect?.();\n    const x = parentRect?.x || parentRect?.left || 0;\n    const y = parentRect?.y || parentRect?.top || 0;\n    const menuStyle = {\n      top: y,\n      left: x,\n    };\n    if (!this.menuRef.current) return menuStyle;\n    const { innerWidth, innerHeight } = window;\n    const rect = this.menuRef.current.getBoundingClientRect();\n    if (y + rect.height + HEIGHT_PADDING > innerHeight) {\n      menuStyle.top -= rect.height;\n    }\n    if (x + rect.width > innerWidth && !openLeft) {\n      menuStyle.left -= rect.width;\n    }\n    if (menuStyle.top < 0) {\n      menuStyle.top = rect.height < innerHeight ? (innerHeight - rect.height) / 2 : 0;\n    }\n    menuStyle.top += 32;\n    if (openLeft) {\n      const padding = Number.isNaN(rect.width - 30)\n        ? 108 // default\n        : rect.width - 30;\n      menuStyle.left -= padding;\n    }\n    // warning: this section has to be executed after the openLeft is calculated\n    // menu is outside viewport\n    if (menuStyle.left < 0) {\n      menuStyle.left = rect.width < innerWidth ? (innerWidth - rect.width) / 2 : 0;\n    }\n\n    this.setState({ menuStyle });\n    return menuStyle;\n  };\n\n  render(): ReactElement {\n    const { menuStyle } = this.state;\n    const { children, style, className = '' } = this.props;\n    return (\n      createPortal(\n        (\n          <div className={this.props?.className}>\n            <div className=\"sendbird-dropdown__menu-backdrop\" />\n            <ul\n              className={`${className} sendbird-dropdown__menu`}\n              ref={this.menuRef}\n              style={{\n                display: 'inline-block',\n                position: 'fixed',\n                left: `${Math.round(menuStyle.left)}px`,\n                top: `${Math.round(menuStyle.top)}px`,\n                ...style,\n              }}\n            >\n              {children}\n            </ul>\n          </div>\n        ),\n        document.getElementById('sendbird-dropdown-portal'),\n      )\n    );\n  }\n}\n","import React, { ReactElement, ReactNode, RefObject, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport SortByRow from '../SortByRow';\nimport { Nullable } from '../../types';\n\nconst defaultParentRect = { x: 0, y: 0, left: 0, top: 0, height: 0 };\ntype SpaceFromTrigger = { x: number, y: number };\ntype ReactionStyle = { left: number, top: number };\nexport interface EmojiListItemsProps {\n  closeDropdown: () => void;\n  children: ReactNode;\n  parentRef: RefObject<HTMLDivElement>;\n  parentContainRef: RefObject<HTMLDivElement>;\n  spaceFromTrigger?: SpaceFromTrigger;\n}\n\nexport const EmojiListItems = ({\n  children,\n  parentRef,\n  parentContainRef,\n  spaceFromTrigger = { x: 0, y: 0 },\n  closeDropdown,\n}: EmojiListItemsProps): Nullable<ReactElement> => {\n  const [reactionStyle, setReactionStyle] = useState<ReactionStyle>({ left: 0, top: 0 });\n  const reactionRef: RefObject<HTMLUListElement> = useRef(null);\n\n  /* showParent & hideParent */\n  useEffect(() => {\n    if (parentContainRef && parentContainRef?.current) {\n      parentContainRef.current.classList.add('sendbird-reactions--pressed');\n    }\n    return () => {\n      if (parentContainRef && parentContainRef?.current) {\n        parentContainRef.current.classList.remove('sendbird-reactions--pressed');\n      }\n    };\n  }, []);\n\n  /* setupEvents & cleanupEvents */\n  useEffect(() => {\n    const handleClickOutSide = (event) => {\n      if (reactionRef?.current && !reactionRef?.current?.contains?.(event.target)) {\n        closeDropdown();\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutSide);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutSide);\n    };\n  }, []);\n\n  /* getBarPosition */\n  useEffect(() => {\n    const spaceFromTriggerX = spaceFromTrigger?.x || 0;\n    const spaceFromTriggerY = spaceFromTrigger?.y || 0;\n    const parentRect = parentRef?.current?.getBoundingClientRect() ?? defaultParentRect;\n    const x = parentRect.x || parentRect.left;\n    const y = parentRect.y || parentRect.top;\n    const reactionStyle = {\n      top: y,\n      left: x,\n    };\n    if (!reactionRef?.current) {\n      setReactionStyle(reactionStyle);\n    } else {\n      const rect = reactionRef?.current?.getBoundingClientRect();\n      if (reactionStyle.top < rect.height) {\n        reactionStyle.top += parentRect.height;\n        reactionStyle.top += spaceFromTriggerY;\n      } else {\n        reactionStyle.top -= rect.height;\n        reactionStyle.top -= spaceFromTriggerY;\n      }\n      reactionStyle.left -= rect.width / 2;\n      reactionStyle.left += (parentRect.height / 2) - 2;\n      reactionStyle.left += spaceFromTriggerX;\n      const maximumLeft = window.innerWidth - rect.width;\n      if (maximumLeft < reactionStyle.left) {\n        reactionStyle.left = maximumLeft;\n      }\n      if (reactionStyle.left < 0) {\n        reactionStyle.left = 0;\n      }\n      setReactionStyle(reactionStyle);\n    }\n  }, []);\n\n  const rootElement = document.getElementById('sendbird-emoji-list-portal');\n  if (rootElement) {\n    return (\n      createPortal(\n        <>\n          <div className=\"sendbird-dropdown__menu-backdrop\" />\n          <ul\n            className=\"sendbird-dropdown__reaction-bar\"\n            ref={reactionRef}\n            style={{\n              display: 'inline-block',\n              position: 'fixed',\n              left: `${Math.round(reactionStyle.left)}px`,\n              top: `${Math.round(reactionStyle.top)}px`,\n            }}\n          >\n            <SortByRow\n              className=\"sendbird-dropdown__reaction-bar__row\"\n              maxItemCount={8}\n              itemWidth={44}\n              itemHeight={40}\n            >\n              {children}\n            </SortByRow>\n          </ul>\n        </>,\n        rootElement,\n      )\n    );\n  }\n  return null;\n};\n\nexport default EmojiListItems;\n","import React, { ReactElement, MouseEvent, useState, ReactNode } from 'react';\nimport './index.scss';\n\nimport _MenuItems from './MenuItems';\nimport _EmojiListItems from './EmojiListItems';\n\nimport { getClassName } from '../../utils';\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nconst ENTER_KEY = 13;\n\nexport const MenuItems = _MenuItems;\nexport const EmojiListItems = _EmojiListItems;\n\nexport interface MenuItemProps {\n  className?: string | Array<string>;\n  children: ReactElement | ReactElement[] | ReactNode;\n  onClick?: (e: MouseEvent<HTMLLIElement>) => void;\n  disable?: boolean;\n  dataSbId?: string;\n}\nexport const MenuItem = ({\n  className = '',\n  children,\n  onClick,\n  disable = false,\n  dataSbId = '',\n}: MenuItemProps): ReactElement => {\n  const handleClickEvent = (e) => {\n    if (!disable && onClick) {\n      onClick?.(e);\n    }\n  };\n  return (\n    <li\n      className={getClassName([className, 'sendbird-dropdown__menu-item', disable ? 'disable' : ''])}\n      role=\"menuitem\"\n      aria-disabled={disable ? true : false}\n      onClick={handleClickEvent}\n      onKeyPress={(e) => { if (e.keyCode === ENTER_KEY) handleClickEvent(e); }}\n      tabIndex={0}\n      data-sb-id={dataSbId}\n    >\n      <Label\n        className=\"sendbird-dropdown__menu-item__text\"\n        type={LabelTypography.SUBTITLE_2}\n        color={disable ? LabelColors.ONBACKGROUND_4 : LabelColors.ONBACKGROUND_1}\n      >\n        {children}\n      </Label>\n    </li>\n  );\n};\n\nexport const MenuRoot = (): ReactElement => (\n  <div\n    id=\"sendbird-dropdown-portal\"\n    className=\"sendbird-dropdown-portal\"\n  />\n);\n\n// For the test environment\nexport const EmojiReactionListRoot = (): ReactElement => <div id=\"sendbird-emoji-list-portal\" />;\n\ntype MenuDisplayingFunc = () => void;\nexport interface ContextMenuProps {\n  menuTrigger?: (func: MenuDisplayingFunc) => ReactElement;\n  menuItems: (func: MenuDisplayingFunc) => ReactElement;\n  isOpen?: boolean;\n}\nexport default function ContextMenu({\n  menuTrigger,\n  menuItems,\n  isOpen,\n}: ContextMenuProps): ReactElement {\n  const [showMenu, setShowMenu] = useState(false);\n  return (\n    <div\n      className=\"sendbird-context-menu\"\n      style={{ display: 'inline' }}\n    >\n      {menuTrigger?.(() => setShowMenu(!showMenu))}\n      {(showMenu || isOpen) && menuItems(() => setShowMenu(false))}\n    </div>\n  );\n}\n"],"names":["HEIGHT_PADDING","MenuItems","React","Component","constructor","props","_defineProperty","createRef","closeDropdown","menuRef","handleClickOutside","event","_menuRef$current","_menuRef$current$cont","current","contains","call","target","setState","document","addEventListener","state","removeEventListener","_parentRef$current","_parentRef$current$ge","parentRef","openLeft","parentRect","getBoundingClientRect","x","left","y","top","menuStyle","innerWidth","innerHeight","window","rect","height","width","padding","Number","isNaN","componentDidMount","setupEvents","getMenuPosition","componentWillUnmount","cleanUpEvents","render","_this$props","children","style","className","createPortal","createElement","ref","_objectSpread","display","position","Math","round","getElementById","defaultParentRect","EmojiListItems","_ref","parentContainRef","spaceFromTrigger","reactionStyle","setReactionStyle","useState","reactionRef","useRef","useEffect","classList","add","remove","handleClickOutSide","_reactionRef$current","_reactionRef$current$","spaceFromTriggerX","spaceFromTriggerY","_reactionRef$current2","maximumLeft","rootElement","Fragment","SortByRow","maxItemCount","itemWidth","itemHeight","ENTER_KEY","_MenuItems","_EmojiListItems","MenuItem","onClick","disable","dataSbId","handleClickEvent","e","getClassName","role","onKeyPress","keyCode","tabIndex","Label","type","LabelTypography","SUBTITLE_2","color","LabelColors","ONBACKGROUND_4","ONBACKGROUND_1","MenuRoot","id","EmojiReactionListRoot","ContextMenu","_ref2","menuTrigger","menuItems","isOpen","showMenu","setShowMenu"],"mappings":"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"}
+{"version":3,"file":"ContextMenu.js","sources":["../../../src/ui/ContextMenu/MenuItems.tsx","../../../src/ui/ContextMenu/EmojiListItems.tsx","../../../src/ui/ContextMenu/index.tsx"],"sourcesContent":["import React, { ReactElement } from 'react';\nimport { createPortal } from 'react-dom';\n\ninterface MenuItemsProps {\n  className?: string;\n  style?: Record<string, string>;\n  openLeft?: boolean;\n  children: React.ReactElement | Array<React.ReactElement> | React.ReactNode;\n  parentRef: React.RefObject<HTMLElement>;\n  parentContainRef: React.RefObject<HTMLElement>;\n  closeDropdown: () => void;\n}\n\ntype MenuStyleType = { top?: number, left?: number };\ninterface MenuItemsState {\n  menuStyle: MenuStyleType;\n  handleClickOutside: (e: MouseEvent) => void;\n}\n\n// padding to handle height of last item in message-list\nconst HEIGHT_PADDING = 60;\n\nexport default class MenuItems extends React.Component<MenuItemsProps, MenuItemsState> {\n  constructor(props: MenuItemsProps) {\n    super(props);\n    this.state = {\n      menuStyle: {},\n      handleClickOutside: () => { /* noop */ },\n    };\n  }\n\n  menuRef: React.RefObject<HTMLUListElement> = React.createRef();\n\n  componentDidMount(): void {\n    this.setupEvents();\n    this.getMenuPosition();\n  }\n\n  componentWillUnmount(): void {\n    this.cleanUpEvents();\n  }\n\n  setupEvents = (): void => {\n    const { closeDropdown } = this.props;\n    const { menuRef } = this;\n    const handleClickOutside = (event) => {\n      if (menuRef?.current && !menuRef?.current?.contains?.(event.target)) {\n        closeDropdown?.();\n      }\n    };\n    this.setState({\n      handleClickOutside,\n    });\n\n    document.addEventListener('mousedown', handleClickOutside);\n  };\n\n  cleanUpEvents = (): void => {\n    const {\n      handleClickOutside,\n    } = this.state;\n    document.removeEventListener('mousedown', handleClickOutside);\n  };\n\n  getMenuPosition = (): MenuStyleType => {\n    const { parentRef, openLeft } = this.props;\n    const parentRect = parentRef?.current?.getBoundingClientRect?.();\n    const x = parentRect?.x || parentRect?.left || 0;\n    const y = parentRect?.y || parentRect?.top || 0;\n    const menuStyle = {\n      top: y,\n      left: x,\n    };\n    if (!this.menuRef.current) return menuStyle;\n    const { innerWidth, innerHeight } = window;\n    const rect = this.menuRef.current.getBoundingClientRect();\n    if (y + rect.height + HEIGHT_PADDING > innerHeight) {\n      menuStyle.top -= rect.height;\n    }\n    if (x + rect.width > innerWidth && !openLeft) {\n      menuStyle.left -= rect.width;\n    }\n    if (menuStyle.top < 0) {\n      menuStyle.top = rect.height < innerHeight ? (innerHeight - rect.height) / 2 : 0;\n    }\n    menuStyle.top += 32;\n    if (openLeft) {\n      const padding = Number.isNaN(rect.width - 30)\n        ? 108 // default\n        : rect.width - 30;\n      menuStyle.left -= padding;\n    }\n    // warning: this section has to be executed after the openLeft is calculated\n    // menu is outside viewport\n    if (menuStyle.left < 0) {\n      menuStyle.left = rect.width < innerWidth ? (innerWidth - rect.width) / 2 : 0;\n    }\n\n    this.setState({ menuStyle });\n    return menuStyle;\n  };\n\n  render(): ReactElement {\n    const { menuStyle } = this.state;\n    const { children, style, className = '' } = this.props;\n    return (\n      createPortal(\n        (\n          <div className={this.props?.className}>\n            <div className=\"sendbird-dropdown__menu-backdrop\" />\n            <ul\n              className={`${className} sendbird-dropdown__menu`}\n              ref={this.menuRef}\n              style={{\n                display: 'inline-block',\n                position: 'fixed',\n                left: `${Math.round(menuStyle.left)}px`,\n                top: `${Math.round(menuStyle.top)}px`,\n                ...style,\n              }}\n            >\n              {children}\n            </ul>\n          </div>\n        ),\n        document.getElementById('sendbird-dropdown-portal'),\n      )\n    );\n  }\n}\n","import React, { ReactElement, ReactNode, RefObject, useEffect, useRef, useState } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport SortByRow from '../SortByRow';\nimport { Nullable } from '../../types';\n\nconst defaultParentRect = { x: 0, y: 0, left: 0, top: 0, height: 0 };\ntype SpaceFromTrigger = { x: number, y: number };\ntype ReactionStyle = { left: number, top: number };\nexport interface EmojiListItemsProps {\n  closeDropdown: () => void;\n  children: ReactNode;\n  parentRef: RefObject<HTMLDivElement>;\n  parentContainRef: RefObject<HTMLDivElement>;\n  spaceFromTrigger?: SpaceFromTrigger;\n}\n\nexport const EmojiListItems = ({\n  children,\n  parentRef,\n  parentContainRef,\n  spaceFromTrigger = { x: 0, y: 0 },\n  closeDropdown,\n}: EmojiListItemsProps): Nullable<ReactElement> => {\n  const [reactionStyle, setReactionStyle] = useState<ReactionStyle>({ left: 0, top: 0 });\n  const reactionRef: RefObject<HTMLUListElement> = useRef(null);\n\n  /* showParent & hideParent */\n  useEffect(() => {\n    if (parentContainRef && parentContainRef?.current) {\n      parentContainRef.current.classList.add('sendbird-reactions--pressed');\n    }\n    return () => {\n      if (parentContainRef && parentContainRef?.current) {\n        parentContainRef.current.classList.remove('sendbird-reactions--pressed');\n      }\n    };\n  }, []);\n\n  /* setupEvents & cleanupEvents */\n  useEffect(() => {\n    const handleClickOutSide = (event) => {\n      if (reactionRef?.current && !reactionRef?.current?.contains?.(event.target)) {\n        closeDropdown();\n      }\n    };\n    document.addEventListener('mousedown', handleClickOutSide);\n    return () => {\n      document.removeEventListener('mousedown', handleClickOutSide);\n    };\n  }, []);\n\n  /* getBarPosition */\n  useEffect(() => {\n    const spaceFromTriggerX = spaceFromTrigger?.x || 0;\n    const spaceFromTriggerY = spaceFromTrigger?.y || 0;\n    const parentRect = parentRef?.current?.getBoundingClientRect() ?? defaultParentRect;\n    const x = parentRect.x || parentRect.left;\n    const y = parentRect.y || parentRect.top;\n    const reactionStyle = {\n      top: y,\n      left: x,\n    };\n    if (!reactionRef?.current) {\n      setReactionStyle(reactionStyle);\n    } else {\n      const rect = reactionRef?.current?.getBoundingClientRect();\n      if (reactionStyle.top < rect.height) {\n        reactionStyle.top += parentRect.height;\n        reactionStyle.top += spaceFromTriggerY;\n      } else {\n        reactionStyle.top -= rect.height;\n        reactionStyle.top -= spaceFromTriggerY;\n      }\n      reactionStyle.left -= rect.width / 2;\n      reactionStyle.left += (parentRect.height / 2) - 2;\n      reactionStyle.left += spaceFromTriggerX;\n      const maximumLeft = window.innerWidth - rect.width;\n      if (maximumLeft < reactionStyle.left) {\n        reactionStyle.left = maximumLeft;\n      }\n      if (reactionStyle.left < 0) {\n        reactionStyle.left = 0;\n      }\n      setReactionStyle(reactionStyle);\n    }\n  }, []);\n\n  const rootElement = document.getElementById('sendbird-emoji-list-portal');\n  if (rootElement) {\n    return (\n      createPortal(\n        <>\n          <div className=\"sendbird-dropdown__menu-backdrop\" />\n          <ul\n            className=\"sendbird-dropdown__reaction-bar\"\n            ref={reactionRef}\n            style={{\n              display: 'inline-block',\n              position: 'fixed',\n              left: `${Math.round(reactionStyle.left)}px`,\n              top: `${Math.round(reactionStyle.top)}px`,\n            }}\n          >\n            <SortByRow\n              className=\"sendbird-dropdown__reaction-bar__row\"\n              maxItemCount={8}\n              itemWidth={44}\n              itemHeight={40}\n            >\n              {children}\n            </SortByRow>\n          </ul>\n        </>,\n        rootElement,\n      )\n    );\n  }\n  return null;\n};\n\nexport default EmojiListItems;\n","import React, { ReactElement, MouseEvent, useState, ReactNode } from 'react';\nimport './index.scss';\n\nimport _MenuItems from './MenuItems';\nimport _EmojiListItems from './EmojiListItems';\n\nimport { getClassName } from '../../utils';\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nconst ENTER_KEY = 13;\n\nexport const MenuItems = _MenuItems;\nexport const EmojiListItems = _EmojiListItems;\n\nexport interface MenuItemProps {\n  className?: string | Array<string>;\n  children: ReactElement | ReactElement[] | ReactNode;\n  onClick?: (e: MouseEvent<HTMLLIElement>) => void;\n  disable?: boolean;\n  dataSbId?: string;\n}\nexport const MenuItem = ({\n  className = '',\n  children,\n  onClick,\n  disable = false,\n  dataSbId = '',\n}: MenuItemProps): ReactElement => {\n  const handleClickEvent = (e) => {\n    if (!disable && onClick) {\n      onClick?.(e);\n    }\n  };\n  return (\n    <li\n      className={getClassName([className, 'sendbird-dropdown__menu-item', disable ? 'disable' : ''])}\n      role=\"menuitem\"\n      aria-disabled={disable ? true : false}\n      onClick={handleClickEvent}\n      onKeyPress={(e) => { if (e.keyCode === ENTER_KEY) handleClickEvent(e); }}\n      tabIndex={0}\n      data-sb-id={dataSbId}\n    >\n      <Label\n        className=\"sendbird-dropdown__menu-item__text\"\n        type={LabelTypography.SUBTITLE_2}\n        color={disable ? LabelColors.ONBACKGROUND_4 : LabelColors.ONBACKGROUND_1}\n      >\n        {children}\n      </Label>\n    </li>\n  );\n};\n\nexport const MenuRoot = (): ReactElement => (\n  <div\n    id=\"sendbird-dropdown-portal\"\n    className=\"sendbird-dropdown-portal\"\n  />\n);\n\n// For the test environment\nexport const EmojiReactionListRoot = (): ReactElement => <div id=\"sendbird-emoji-list-portal\" />;\n\ntype MenuDisplayingFunc = () => void;\nexport interface ContextMenuProps {\n  menuTrigger?: (func: MenuDisplayingFunc) => ReactElement;\n  menuItems: (func: MenuDisplayingFunc) => ReactElement;\n  isOpen?: boolean;\n}\nexport default function ContextMenu({\n  menuTrigger,\n  menuItems,\n  isOpen,\n}: ContextMenuProps): ReactElement {\n  const [showMenu, setShowMenu] = useState(false);\n  return (\n    <div\n      className=\"sendbird-context-menu\"\n      style={{ display: 'inline' }}\n    >\n      {menuTrigger?.(() => setShowMenu(!showMenu))}\n      {(showMenu || isOpen) && menuItems(() => setShowMenu(false))}\n    </div>\n  );\n}\n"],"names":["HEIGHT_PADDING","MenuItems","React","Component","constructor","props","_defineProperty","createRef","closeDropdown","menuRef","handleClickOutside","event","_menuRef$current","_menuRef$current$cont","current","contains","call","target","setState","document","addEventListener","state","removeEventListener","_parentRef$current","_parentRef$current$ge","parentRef","openLeft","parentRect","getBoundingClientRect","x","left","y","top","menuStyle","innerWidth","innerHeight","window","rect","height","width","padding","Number","isNaN","componentDidMount","setupEvents","getMenuPosition","componentWillUnmount","cleanUpEvents","render","_this$props","children","style","className","createPortal","createElement","ref","_objectSpread","display","position","Math","round","getElementById","defaultParentRect","EmojiListItems","_ref","parentContainRef","spaceFromTrigger","reactionStyle","setReactionStyle","useState","reactionRef","useRef","useEffect","classList","add","remove","handleClickOutSide","_reactionRef$current","_reactionRef$current$","spaceFromTriggerX","spaceFromTriggerY","_reactionRef$current2","maximumLeft","rootElement","Fragment","SortByRow","maxItemCount","itemWidth","itemHeight","ENTER_KEY","_MenuItems","_EmojiListItems","MenuItem","onClick","disable","dataSbId","handleClickEvent","e","getClassName","role","onKeyPress","keyCode","tabIndex","Label","type","LabelTypography","SUBTITLE_2","color","LabelColors","ONBACKGROUND_4","ONBACKGROUND_1","MenuRoot","id","EmojiReactionListRoot","ContextMenu","_ref2","menuTrigger","menuItems","isOpen","showMenu","setShowMenu"],"mappings":";;;;;;;;;;;;;;;;;;;;AAmBA;AACA,MAAMA,cAAc,GAAG,EAAE,CAAA;AAEV,MAAMC,WAAS,SAASC,yBAAK,CAACC,SAAS,CAAiC;EACrFC,WAAWA,CAACC,KAAqB,EAAE;IACjC,KAAK,CAACA,KAAK,CAAC,CAAA;AAACC,IAAAA,yCAAA,CAO8BJ,IAAAA,EAAAA,SAAAA,eAAAA,yBAAK,CAACK,SAAS,EAAE,CAAA,CAAA;AAAAD,IAAAA,yCAAA,sBAWhD,MAAY;MACxB,MAAM;AAAEE,QAAAA,aAAAA;OAAe,GAAG,IAAI,CAACH,KAAK,CAAA;MACpC,MAAM;AAAEI,QAAAA,OAAAA;AAAQ,OAAC,GAAG,IAAI,CAAA;MACxB,MAAMC,kBAAkB,GAAIC,KAAK,IAAK;QAAA,IAAAC,gBAAA,EAAAC,qBAAA,CAAA;AACpC,QAAA,IAAIJ,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,IAAAA,OAAO,CAAEK,OAAO,IAAI,EAACL,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,IAAA,CAAAG,gBAAA,GAAPH,OAAO,CAAEK,OAAO,MAAA,IAAA,IAAAF,gBAAA,KAAA,KAAA,CAAA,IAAA,CAAAC,qBAAA,GAAhBD,gBAAA,CAAkBG,QAAQ,MAAA,IAAA,IAAAF,qBAAA,KAA1BA,KAAAA,CAAAA,IAAAA,qBAAA,CAAAG,IAAA,CAAAJ,gBAAA,EAA6BD,KAAK,CAACM,MAAM,CAAC,CAAE,EAAA;AACnET,UAAAA,aAAa,KAAbA,IAAAA,IAAAA,aAAa,KAAbA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,aAAa,EAAI,CAAA;AACnB,SAAA;OACD,CAAA;MACD,IAAI,CAACU,QAAQ,CAAC;AACZR,QAAAA,kBAAAA;AACF,OAAC,CAAC,CAAA;AAEFS,MAAAA,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEV,kBAAkB,CAAC,CAAA;KAC3D,CAAA,CAAA;AAAAJ,IAAAA,yCAAA,wBAEe,MAAY;MAC1B,MAAM;AACJI,QAAAA,kBAAAA;OACD,GAAG,IAAI,CAACW,KAAK,CAAA;AACdF,MAAAA,QAAQ,CAACG,mBAAmB,CAAC,WAAW,EAAEZ,kBAAkB,CAAC,CAAA;KAC9D,CAAA,CAAA;AAAAJ,IAAAA,yCAAA,0BAEiB,MAAqB;MAAA,IAAAiB,kBAAA,EAAAC,qBAAA,CAAA;MACrC,MAAM;QAAEC,SAAS;AAAEC,QAAAA,QAAAA;OAAU,GAAG,IAAI,CAACrB,KAAK,CAAA;MAC1C,MAAMsB,UAAU,GAAGF,SAAS,KAATA,IAAAA,IAAAA,SAAS,KAAAF,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,kBAAA,GAATE,SAAS,CAAEX,OAAO,MAAAS,IAAAA,IAAAA,kBAAA,KAAAC,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,qBAAA,GAAlBD,kBAAA,CAAoBK,qBAAqB,MAAAJ,IAAAA,IAAAA,qBAAA,KAAzCA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,qBAAA,CAAAR,IAAA,CAAAO,kBAAA,CAA6C,CAAA;AAChE,MAAA,MAAMM,CAAC,GAAG,CAAAF,UAAU,KAAVA,IAAAA,IAAAA,UAAU,uBAAVA,UAAU,CAAEE,CAAC,MAAIF,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEG,IAAI,KAAI,CAAC,CAAA;AAChD,MAAA,MAAMC,CAAC,GAAG,CAAAJ,UAAU,KAAVA,IAAAA,IAAAA,UAAU,uBAAVA,UAAU,CAAEI,CAAC,MAAIJ,UAAU,aAAVA,UAAU,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAVA,UAAU,CAAEK,GAAG,KAAI,CAAC,CAAA;AAC/C,MAAA,MAAMC,SAAS,GAAG;AAChBD,QAAAA,GAAG,EAAED,CAAC;AACND,QAAAA,IAAI,EAAED,CAAAA;OACP,CAAA;MACD,IAAI,CAAC,IAAI,CAACpB,OAAO,CAACK,OAAO,EAAE,OAAOmB,SAAS,CAAA;MAC3C,MAAM;QAAEC,UAAU;AAAEC,QAAAA,WAAAA;AAAY,OAAC,GAAGC,MAAM,CAAA;MAC1C,MAAMC,IAAI,GAAG,IAAI,CAAC5B,OAAO,CAACK,OAAO,CAACc,qBAAqB,EAAE,CAAA;MACzD,IAAIG,CAAC,GAAGM,IAAI,CAACC,MAAM,GAAGtC,cAAc,GAAGmC,WAAW,EAAE;AAClDF,QAAAA,SAAS,CAACD,GAAG,IAAIK,IAAI,CAACC,MAAM,CAAA;AAC9B,OAAA;MACA,IAAIT,CAAC,GAAGQ,IAAI,CAACE,KAAK,GAAGL,UAAU,IAAI,CAACR,QAAQ,EAAE;AAC5CO,QAAAA,SAAS,CAACH,IAAI,IAAIO,IAAI,CAACE,KAAK,CAAA;AAC9B,OAAA;AACA,MAAA,IAAIN,SAAS,CAACD,GAAG,GAAG,CAAC,EAAE;AACrBC,QAAAA,SAAS,CAACD,GAAG,GAAGK,IAAI,CAACC,MAAM,GAAGH,WAAW,GAAG,CAACA,WAAW,GAAGE,IAAI,CAACC,MAAM,IAAI,CAAC,GAAG,CAAC,CAAA;AACjF,OAAA;MACAL,SAAS,CAACD,GAAG,IAAI,EAAE,CAAA;AACnB,MAAA,IAAIN,QAAQ,EAAE;AACZ,QAAA,MAAMc,OAAO,GAAGC,MAAM,CAACC,KAAK,CAACL,IAAI,CAACE,KAAK,GAAG,EAAE,CAAC,GACzC,GAAG;AAAC,UACJF,IAAI,CAACE,KAAK,GAAG,EAAE,CAAA;QACnBN,SAAS,CAACH,IAAI,IAAIU,OAAO,CAAA;AAC3B,OAAA;AACA;AACA;AACA,MAAA,IAAIP,SAAS,CAACH,IAAI,GAAG,CAAC,EAAE;AACtBG,QAAAA,SAAS,CAACH,IAAI,GAAGO,IAAI,CAACE,KAAK,GAAGL,UAAU,GAAG,CAACA,UAAU,GAAGG,IAAI,CAACE,KAAK,IAAI,CAAC,GAAG,CAAC,CAAA;AAC9E,OAAA;MAEA,IAAI,CAACrB,QAAQ,CAAC;AAAEe,QAAAA,SAAAA;AAAU,OAAC,CAAC,CAAA;AAC5B,MAAA,OAAOA,SAAS,CAAA;KACjB,CAAA,CAAA;IA3EC,IAAI,CAACZ,KAAK,GAAG;MACXY,SAAS,EAAE,EAAE;MACbvB,kBAAkB,EAAEA,MAAM,YAAE;KAC7B,CAAA;AACH,GAAA;AAIAiC,EAAAA,iBAAiBA,GAAS;IACxB,IAAI,CAACC,WAAW,EAAE,CAAA;IAClB,IAAI,CAACC,eAAe,EAAE,CAAA;AACxB,GAAA;AAEAC,EAAAA,oBAAoBA,GAAS;IAC3B,IAAI,CAACC,aAAa,EAAE,CAAA;AACtB,GAAA;AA8DAC,EAAAA,MAAMA,GAAiB;AAAA,IAAA,IAAAC,WAAA,CAAA;IACrB,MAAM;AAAEhB,MAAAA,SAAAA;KAAW,GAAG,IAAI,CAACZ,KAAK,CAAA;IAChC,MAAM;MAAE6B,QAAQ;MAAEC,KAAK;AAAEC,MAAAA,SAAS,GAAG,EAAA;KAAI,GAAG,IAAI,CAAC/C,KAAK,CAAA;AACtD,IAAA,oBACEgD,qBAAY,eAERnD,yBAAA,CAAAoD,aAAA,CAAA,KAAA,EAAA;MAAKF,SAAS,EAAA,CAAAH,WAAA,GAAE,IAAI,CAAC5C,KAAK,MAAA4C,IAAAA,IAAAA,WAAA,KAAVA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,WAAA,CAAYG,SAAAA;KAC1BlD,eAAAA,yBAAA,CAAAoD,aAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,kCAAA;KAAqC,CAAA,eACpDlD,yBAAA,CAAAoD,aAAA,CAAA,IAAA,EAAA;MACEF,SAAS,EAAG,CAAEA,EAAAA,SAAU,CAA0B,wBAAA,CAAA;MAClDG,GAAG,EAAE,IAAI,CAAC9C,OAAQ;AAClB0C,MAAAA,KAAK,EAAAK,wCAAA,CAAA;AACHC,QAAAA,OAAO,EAAE,cAAc;AACvBC,QAAAA,QAAQ,EAAE,OAAO;QACjB5B,IAAI,EAAG,CAAE6B,EAAAA,IAAI,CAACC,KAAK,CAAC3B,SAAS,CAACH,IAAI,CAAE,CAAG,EAAA,CAAA;QACvCE,GAAG,EAAG,GAAE2B,IAAI,CAACC,KAAK,CAAC3B,SAAS,CAACD,GAAG,CAAE,CAAA,EAAA,CAAA;AAAG,OAAA,EAClCmB,KAAK,CAAA;KAGTD,EAAAA,QAAQ,CACN,CACD,EAER/B,QAAQ,CAAC0C,cAAc,CAAC,0BAA0B,CAAC,CACpD,CAAA;AAEL,GAAA;AACF;;AC3HA,MAAMC,iBAAiB,GAAG;AAAEjC,EAAAA,CAAC,EAAE,CAAC;AAAEE,EAAAA,CAAC,EAAE,CAAC;AAAED,EAAAA,IAAI,EAAE,CAAC;AAAEE,EAAAA,GAAG,EAAE,CAAC;AAAEM,EAAAA,MAAM,EAAE,CAAA;AAAE,CAAC,CAAA;AAW7D,MAAMyB,gBAAc,GAAGC,IAAA,IAMqB;EAAA,IANpB;IAC7Bd,QAAQ;IACRzB,SAAS;IACTwC,gBAAgB;AAChBC,IAAAA,gBAAgB,GAAG;AAAErC,MAAAA,CAAC,EAAE,CAAC;AAAEE,MAAAA,CAAC,EAAE,CAAA;KAAG;AACjCvB,IAAAA,aAAAA;AACmB,GAAC,GAAAwD,IAAA,CAAA;AACpB,EAAA,MAAM,CAACG,aAAa,EAAEC,gBAAgB,CAAC,GAAGC,cAAQ,CAAgB;AAAEvC,IAAAA,IAAI,EAAE,CAAC;AAAEE,IAAAA,GAAG,EAAE,CAAA;AAAE,GAAC,CAAC,CAAA;AACtF,EAAA,MAAMsC,WAAwC,GAAGC,YAAM,CAAC,IAAI,CAAC,CAAA;;AAE7D;AACAC,EAAAA,eAAS,CAAC,MAAM;IACd,IAAIP,gBAAgB,IAAIA,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAhBA,KAAAA,CAAAA,IAAAA,gBAAgB,CAAEnD,OAAO,EAAE;MACjDmD,gBAAgB,CAACnD,OAAO,CAAC2D,SAAS,CAACC,GAAG,CAAC,6BAA6B,CAAC,CAAA;AACvE,KAAA;AACA,IAAA,OAAO,MAAM;MACX,IAAIT,gBAAgB,IAAIA,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAhBA,KAAAA,CAAAA,IAAAA,gBAAgB,CAAEnD,OAAO,EAAE;QACjDmD,gBAAgB,CAACnD,OAAO,CAAC2D,SAAS,CAACE,MAAM,CAAC,6BAA6B,CAAC,CAAA;AAC1E,OAAA;KACD,CAAA;GACF,EAAE,EAAE,CAAC,CAAA;;AAEN;AACAH,EAAAA,eAAS,CAAC,MAAM;IACd,MAAMI,kBAAkB,GAAIjE,KAAK,IAAK;MAAA,IAAAkE,oBAAA,EAAAC,qBAAA,CAAA;AACpC,MAAA,IAAIR,WAAW,KAAXA,IAAAA,IAAAA,WAAW,KAAXA,KAAAA,CAAAA,IAAAA,WAAW,CAAExD,OAAO,IAAI,EAACwD,WAAW,aAAXA,WAAW,KAAA,KAAA,CAAA,IAAA,CAAAO,oBAAA,GAAXP,WAAW,CAAExD,OAAO,MAAA,IAAA,IAAA+D,oBAAA,KAAA,KAAA,CAAA,IAAA,CAAAC,qBAAA,GAApBD,oBAAA,CAAsB9D,QAAQ,MAAA,IAAA,IAAA+D,qBAAA,KAA9BA,KAAAA,CAAAA,IAAAA,qBAAA,CAAA9D,IAAA,CAAA6D,oBAAA,EAAiClE,KAAK,CAACM,MAAM,CAAC,CAAE,EAAA;AAC3ET,QAAAA,aAAa,EAAE,CAAA;AACjB,OAAA;KACD,CAAA;AACDW,IAAAA,QAAQ,CAACC,gBAAgB,CAAC,WAAW,EAAEwD,kBAAkB,CAAC,CAAA;AAC1D,IAAA,OAAO,MAAM;AACXzD,MAAAA,QAAQ,CAACG,mBAAmB,CAAC,WAAW,EAAEsD,kBAAkB,CAAC,CAAA;KAC9D,CAAA;GACF,EAAE,EAAE,CAAC,CAAA;;AAEN;AACAJ,EAAAA,eAAS,CAAC,MAAM;IAAA,IAAAhD,qBAAA,EAAAD,kBAAA,CAAA;IACd,MAAMwD,iBAAiB,GAAG,CAAAb,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhBA,gBAAgB,CAAErC,CAAC,KAAI,CAAC,CAAA;IAClD,MAAMmD,iBAAiB,GAAG,CAAAd,gBAAgB,KAAA,IAAA,IAAhBA,gBAAgB,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAhBA,gBAAgB,CAAEnC,CAAC,KAAI,CAAC,CAAA;IAClD,MAAMJ,UAAU,GAAAH,CAAAA,qBAAA,GAAGC,SAAS,aAATA,SAAS,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAA,CAAAF,kBAAA,GAATE,SAAS,CAAEX,OAAO,MAAAS,IAAAA,IAAAA,kBAAA,KAAlBA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,kBAAA,CAAoBK,qBAAqB,EAAE,MAAA,IAAA,IAAAJ,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAIsC,iBAAiB,CAAA;IACnF,MAAMjC,CAAC,GAAGF,UAAU,CAACE,CAAC,IAAIF,UAAU,CAACG,IAAI,CAAA;IACzC,MAAMC,CAAC,GAAGJ,UAAU,CAACI,CAAC,IAAIJ,UAAU,CAACK,GAAG,CAAA;AACxC,IAAA,MAAMmC,aAAa,GAAG;AACpBnC,MAAAA,GAAG,EAAED,CAAC;AACND,MAAAA,IAAI,EAAED,CAAAA;KACP,CAAA;IACD,IAAI,EAACyC,WAAW,KAAXA,IAAAA,IAAAA,WAAW,eAAXA,WAAW,CAAExD,OAAO,CAAE,EAAA;MACzBsD,gBAAgB,CAACD,aAAa,CAAC,CAAA;AACjC,KAAC,MAAM;AAAA,MAAA,IAAAc,qBAAA,CAAA;AACL,MAAA,MAAM5C,IAAI,GAAGiC,WAAW,KAAXA,IAAAA,IAAAA,WAAW,wBAAAW,qBAAA,GAAXX,WAAW,CAAExD,OAAO,MAAAmE,IAAAA,IAAAA,qBAAA,uBAApBA,qBAAA,CAAsBrD,qBAAqB,EAAE,CAAA;AAC1D,MAAA,IAAIuC,aAAa,CAACnC,GAAG,GAAGK,IAAI,CAACC,MAAM,EAAE;AACnC6B,QAAAA,aAAa,CAACnC,GAAG,IAAIL,UAAU,CAACW,MAAM,CAAA;QACtC6B,aAAa,CAACnC,GAAG,IAAIgD,iBAAiB,CAAA;AACxC,OAAC,MAAM;AACLb,QAAAA,aAAa,CAACnC,GAAG,IAAIK,IAAI,CAACC,MAAM,CAAA;QAChC6B,aAAa,CAACnC,GAAG,IAAIgD,iBAAiB,CAAA;AACxC,OAAA;AACAb,MAAAA,aAAa,CAACrC,IAAI,IAAIO,IAAI,CAACE,KAAK,GAAG,CAAC,CAAA;MACpC4B,aAAa,CAACrC,IAAI,IAAKH,UAAU,CAACW,MAAM,GAAG,CAAC,GAAI,CAAC,CAAA;MACjD6B,aAAa,CAACrC,IAAI,IAAIiD,iBAAiB,CAAA;MACvC,MAAMG,WAAW,GAAG9C,MAAM,CAACF,UAAU,GAAGG,IAAI,CAACE,KAAK,CAAA;AAClD,MAAA,IAAI2C,WAAW,GAAGf,aAAa,CAACrC,IAAI,EAAE;QACpCqC,aAAa,CAACrC,IAAI,GAAGoD,WAAW,CAAA;AAClC,OAAA;AACA,MAAA,IAAIf,aAAa,CAACrC,IAAI,GAAG,CAAC,EAAE;QAC1BqC,aAAa,CAACrC,IAAI,GAAG,CAAC,CAAA;AACxB,OAAA;MACAsC,gBAAgB,CAACD,aAAa,CAAC,CAAA;AACjC,KAAA;GACD,EAAE,EAAE,CAAC,CAAA;AAEN,EAAA,MAAMgB,WAAW,GAAGhE,QAAQ,CAAC0C,cAAc,CAAC,4BAA4B,CAAC,CAAA;AACzE,EAAA,IAAIsB,WAAW,EAAE;AACf,IAAA,oBACE9B,qBAAY,eACVnD,yBAAA,CAAAoD,aAAA,CAAApD,yBAAA,CAAAkF,QAAA,EAAA,IAAA,eACElF,yBAAA,CAAAoD,aAAA,CAAA,KAAA,EAAA;AAAKF,MAAAA,SAAS,EAAC,kCAAA;KAAqC,CAAA,eACpDlD,yBAAA,CAAAoD,aAAA,CAAA,IAAA,EAAA;AACEF,MAAAA,SAAS,EAAC,iCAAiC;AAC3CG,MAAAA,GAAG,EAAEe,WAAY;AACjBnB,MAAAA,KAAK,EAAE;AACLM,QAAAA,OAAO,EAAE,cAAc;AACvBC,QAAAA,QAAQ,EAAE,OAAO;QACjB5B,IAAI,EAAG,CAAE6B,EAAAA,IAAI,CAACC,KAAK,CAACO,aAAa,CAACrC,IAAI,CAAE,CAAG,EAAA,CAAA;QAC3CE,GAAG,EAAG,GAAE2B,IAAI,CAACC,KAAK,CAACO,aAAa,CAACnC,GAAG,CAAE,CAAA,EAAA,CAAA;AACxC,OAAA;AAAE,KAAA,eAEF9B,yBAAA,CAAAoD,aAAA,CAAC+B,YAAS,EAAA;AACRjC,MAAAA,SAAS,EAAC,sCAAsC;AAChDkC,MAAAA,YAAY,EAAE,CAAE;AAChBC,MAAAA,SAAS,EAAE,EAAG;AACdC,MAAAA,UAAU,EAAE,EAAA;AAAG,KAAA,EAEdtC,QAAQ,CACC,CACT,CACJ,EACHiC,WAAW,CACZ,CAAA;AAEL,GAAA;AACA,EAAA,OAAO,IAAI,CAAA;AACb,CAAC;;AC9GD,MAAMM,SAAS,GAAG,EAAE,CAAA;AAEb,MAAMxF,SAAS,GAAGyF,YAAU;AAC5B,MAAM3B,cAAc,GAAG4B,iBAAe;AAShCC,MAAAA,QAAQ,GAAG5B,IAAA,IAMW;EAAA,IANV;AACvBZ,IAAAA,SAAS,GAAG,EAAE;IACdF,QAAQ;IACR2C,OAAO;AACPC,IAAAA,OAAO,GAAG,KAAK;AACfC,IAAAA,QAAQ,GAAG,EAAA;AACE,GAAC,GAAA/B,IAAA,CAAA;EACd,MAAMgC,gBAAgB,GAAIC,CAAC,IAAK;AAC9B,IAAA,IAAI,CAACH,OAAO,IAAID,OAAO,EAAE;AACvBA,MAAAA,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAGI,CAAC,CAAC,CAAA;AACd,KAAA;GACD,CAAA;EACD,oBACE/F,yBAAA,CAAAoD,aAAA,CAAA,IAAA,EAAA;AACEF,IAAAA,SAAS,EAAE8C,kBAAY,CAAC,CAAC9C,SAAS,EAAE,8BAA8B,EAAE0C,OAAO,GAAG,SAAS,GAAG,EAAE,CAAC,CAAE;AAC/FK,IAAAA,IAAI,EAAC,UAAU;AACf,IAAA,eAAA,EAAeL,OAAO,GAAG,IAAI,GAAG,KAAM;AACtCD,IAAAA,OAAO,EAAEG,gBAAiB;IAC1BI,UAAU,EAAGH,CAAC,IAAK;MAAE,IAAIA,CAAC,CAACI,OAAO,KAAKZ,SAAS,EAAEO,gBAAgB,CAACC,CAAC,CAAC,CAAA;KAAI;AACzEK,IAAAA,QAAQ,EAAE,CAAE;IACZ,YAAYP,EAAAA,QAAAA;AAAS,GAAA,eAErB7F,yBAAA,CAAAoD,aAAA,CAACiD,cAAK,EAAA;AACJnD,IAAAA,SAAS,EAAC,oCAAoC;IAC9CoD,IAAI,EAAEC,wBAAe,CAACC,UAAW;IACjCC,KAAK,EAAEb,OAAO,GAAGc,oBAAW,CAACC,cAAc,GAAGD,oBAAW,CAACE,cAAAA;GAEzD5D,EAAAA,QAAQ,CACH,CACL,CAAA;AAET,EAAC;MAEY6D,QAAQ,GAAGA,mBACtB7G,yBAAA,CAAAoD,aAAA,CAAA,KAAA,EAAA;AACE0D,EAAAA,EAAE,EAAC,0BAA0B;AAC7B5D,EAAAA,SAAS,EAAC,0BAAA;AAA0B,CAEvC,EAAA;;AAED;MACa6D,qBAAqB,GAAGA,mBAAoB/G,yBAAA,CAAAoD,aAAA,CAAA,KAAA,EAAA;AAAK0D,EAAAA,EAAE,EAAC,4BAAA;AAA4B,CAAG,EAAA;AAQjF,SAASE,WAAWA,CAAAC,KAAA,EAIA;EAAA,IAJC;IAClCC,WAAW;IACXC,SAAS;AACTC,IAAAA,MAAAA;AACgB,GAAC,GAAAH,KAAA,CAAA;EACjB,MAAM,CAACI,QAAQ,EAAEC,WAAW,CAAC,GAAGnD,cAAQ,CAAC,KAAK,CAAC,CAAA;EAC/C,oBACEnE,yBAAA,CAAAoD,aAAA,CAAA,KAAA,EAAA;AACEF,IAAAA,SAAS,EAAC,uBAAuB;AACjCD,IAAAA,KAAK,EAAE;AAAEM,MAAAA,OAAO,EAAE,QAAA;AAAS,KAAA;GAE1B2D,EAAAA,WAAW,KAAXA,IAAAA,IAAAA,WAAW,KAAXA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,WAAW,CAAG,MAAMI,WAAW,CAAC,CAACD,QAAQ,CAAC,CAAC,EAC3C,CAACA,QAAQ,IAAID,MAAM,KAAKD,SAAS,CAAC,MAAMG,WAAW,CAAC,KAAK,CAAC,CAAC,CACxD,CAAA;AAEV;;;;;;;;;"}

package/cjs/ui/DateSeparator.js

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var color = require('../color-a057a4c2.js');
-var ui_Label = require('../index-4eb2a000.js');
+var color = require('../color-437027bf.js');
+var ui_Label = require('../index-b5b8572e.js');
 require('prop-types');
-require('../stringSet-dbdeec9c.js');
+require('../stringSet-569a20f9.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/EmojiReactions.js

@@ -6,35 +6,36 @@ var ui_ReactionButton = require('./ReactionButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_Icon = require('./Icon.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var index = require('../index-0599b6f2.js');
+var index = require('../index-3888ca97.js');
 var ui_BottomSheet = require('./BottomSheet.js');
-var ui_Label = require('../index-4eb2a000.js');
+var ui_Label = require('../index-b5b8572e.js');
 var ui_UserListItem = require('./UserListItem.js');
 var ui_Tooltip = require('./Tooltip.js');
 var ui_TooltipWrapper = require('./TooltipWrapper.js');
-var MediaQueryContext = require('../MediaQueryContext-a5c77095.js');
-var useLongPress = require('../useLongPress-e7c92bb0.js');
-var LocalizationContext = require('../LocalizationContext-9c99457f.js');
+var MediaQueryContext = require('../MediaQueryContext-550a1a76.js');
+var useLongPress = require('../useLongPress-b3303d9c.js');
+var LocalizationContext = require('../LocalizationContext-01462759.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var Message_context = require('../Message/context.js');
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-117c3ffb.js');
-require('../utils-c2f38151.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-c6220b54.js');
+require('../utils-025bf87c.js');
 require('prop-types');
 require('react-dom');
 require('./SortByRow.js');
-require('../uuid-b2882230.js');
+require('../uuid-10da34d7.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../stringSet-dbdeec9c.js');
-require('../index-2413bae4.js');
-require('../UserProfileContext-1f226141.js');
+require('../index.module-cd5fee9a.js');
+require('../stringSet-569a20f9.js');
+require('../index-0e23b304.js');
+require('../UserProfileContext-a871377d.js');
 require('./Avatar.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
 require('./UserProfile.js');
 require('../sendbirdSelectors.js');
-require('../topics-c495cb3a.js');
+require('../topics-44c343a5.js');
 require('./Button.js');
-require('../index-ba4dea0c.js');
+require('../index-63eb5ff7.js');
 require('../withSendbird.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -1,16 +1,17 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-4eb2a000.js');
+var ui_Label = require('../index-b5b8572e.js');
 var ui_Icon = require('./Icon.js');
 var ui_TextButton = require('./TextButton.js');
-var index = require('../index-0599b6f2.js');
-var color = require('../color-a057a4c2.js');
-var MediaQueryContext = require('../MediaQueryContext-a5c77095.js');
+var index = require('../index-3888ca97.js');
+var color = require('../color-437027bf.js');
+var MediaQueryContext = require('../MediaQueryContext-550a1a76.js');
 require('prop-types');
-require('../stringSet-dbdeec9c.js');
-require('../_rollupPluginBabelHelpers-117c3ffb.js');
+require('../stringSet-569a20f9.js');
+require('../_rollupPluginBabelHelpers-c6220b54.js');
 require('../utils/message/getOutgoingMessageState.js');
+require('../index.module-cd5fee9a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/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":";;;;;;;;;;;;;;;;;;AAoBe,SAASA,mBAAmBA,CAAAC,IAAA,EAOnB;AAAA,EAAA,IAAAC,kBAAA,CAAA;EAAA,IAPoB;IAC1CC,SAAS;IACTC,OAAO;AACPC,IAAAA,MAAM,GAAG,KAAK;AACdC,IAAAA,UAAU,GAAG,KAAK;AAClBC,IAAAA,iBAAiB,GAAG,KAAK;AACzBC,IAAAA,aAAa,GAAG,IAAA;AACX,GAAC,GAAAP,IAAA,CAAA;EACN,MAAM;AAAEQ,IAAAA,QAAAA;GAAU,GAAGC,sCAAoB,EAAE,CAAA;EAC3C,MAAMC,cAAc,GAAGH,aAAa,KAAKC,QAAQ,GAAG,EAAE,GAAG,IAAI,CAAC,CAAA;EAC9D,oBACEG,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKV,SAAS,EAAEW,kBAAY,CAAC,CAC3BX,SAAS,EACT,iCAAiC,EACjCE,MAAM,GAAG,UAAU,GAAG,UAAU,EAChCC,UAAU,GAAG,aAAa,GAAG,EAAE,EAC9BC,iBAAiB,IAAI,CAAAH,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAAF,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,kBAAA,GAAPE,OAAO,CAAEW,SAAS,MAAAb,IAAAA,IAAAA,kBAAA,uBAAlBA,kBAAA,CAAoBc,MAAM,IAAG,CAAC,GAAI,WAAW,GAAG,EAAE,CACzE,CAAA;GACCJ,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKV,IAAAA,SAAS,EAAC,4CAAA;AAA4C,GAAA,eACzDS,yBAAA,CAAAC,aAAA,CAACI,kBAAI,EAAA;AACHd,IAAAA,SAAS,EAAC,kDAAkD;AAC5De,IAAAA,IAAI,EAAE;MACJC,KAAK,EAAEC,iBAAS,CAACC,KAAK;MACtBC,KAAK,EAAEF,iBAAS,CAACG,IAAI;MACrBC,KAAK,EAAEJ,iBAAS,CAACK,UAAU;MAC3BC,GAAG,EAAEN,iBAAS,CAACM,GAAG;MAClBC,MAAM,EAAEP,iBAAS,CAACQ,aAAAA;KACnB,CAACC,sBAAgB,CAACzB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEc,IAAI,CAAC,CAAE;IACnCY,SAAS,EAAEC,kBAAU,CAACC,OAAQ;AAC9BC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;AAAM,GAAA,CACb,CACE,eACNtB,yBAAA,CAAAC,aAAA,CAACsB,aAAU,EAAA;AACThC,IAAAA,SAAS,EAAC,4CAA4C;IACtDiC,OAAO,EAAEA,MAAM;MAAEC,MAAM,CAACC,IAAI,CAAClC,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEmC,GAAG,CAAC,CAAA;KAAI;IAC9CC,KAAK,EAAEnC,MAAM,GAAGoC,YAAM,CAACC,WAAW,GAAGD,YAAM,CAACE,cAAAA;AAAe,GAAA,eAE3D/B,yBAAA,CAAAC,aAAA,CAAC+B,cAAK,EAAA;AACJzC,IAAAA,SAAS,EAAC,kDAAkD;IAC5De,IAAI,EAAE2B,wBAAe,CAACC,MAAO;IAC7BN,KAAK,EAAEnC,MAAM,GAAG0C,oBAAW,CAACL,WAAW,GAAGK,oBAAW,CAACJ,cAAAA;GAErDK,EAAAA,oBAAc,CAAC,CAAA5C,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAE6C,IAAI,MAAI7C,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEmC,GAAG,GAAE5B,cAAc,CAAC,CACxD,CACG,CACT,CAAA;AAEV;;;;"}
+{"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":";;;;;;;;;;;;;;;;;;;AAoBe,SAASA,mBAAmBA,CAAAC,IAAA,EAOnB;AAAA,EAAA,IAAAC,kBAAA,CAAA;EAAA,IAPoB;IAC1CC,SAAS;IACTC,OAAO;AACPC,IAAAA,MAAM,GAAG,KAAK;AACdC,IAAAA,UAAU,GAAG,KAAK;AAClBC,IAAAA,iBAAiB,GAAG,KAAK;AACzBC,IAAAA,aAAa,GAAG,IAAA;AACX,GAAC,GAAAP,IAAA,CAAA;EACN,MAAM;AAAEQ,IAAAA,QAAAA;GAAU,GAAGC,sCAAoB,EAAE,CAAA;EAC3C,MAAMC,cAAc,GAAGH,aAAa,KAAKC,QAAQ,GAAG,EAAE,GAAG,IAAI,CAAC,CAAA;EAC9D,oBACEG,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKV,SAAS,EAAEW,kBAAY,CAAC,CAC3BX,SAAS,EACT,iCAAiC,EACjCE,MAAM,GAAG,UAAU,GAAG,UAAU,EAChCC,UAAU,GAAG,aAAa,GAAG,EAAE,EAC9BC,iBAAiB,IAAI,CAAAH,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAAF,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,CAAAA,kBAAA,GAAPE,OAAO,CAAEW,SAAS,MAAAb,IAAAA,IAAAA,kBAAA,uBAAlBA,kBAAA,CAAoBc,MAAM,IAAG,CAAC,GAAI,WAAW,GAAG,EAAE,CACzE,CAAA;GACCJ,eAAAA,yBAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKV,IAAAA,SAAS,EAAC,4CAAA;AAA4C,GAAA,eACzDS,yBAAA,CAAAC,aAAA,CAACI,kBAAI,EAAA;AACHd,IAAAA,SAAS,EAAC,kDAAkD;AAC5De,IAAAA,IAAI,EAAE;MACJC,KAAK,EAAEC,iBAAS,CAACC,KAAK;MACtBC,KAAK,EAAEF,iBAAS,CAACG,IAAI;MACrBC,KAAK,EAAEJ,iBAAS,CAACK,UAAU;MAC3BC,GAAG,EAAEN,iBAAS,CAACM,GAAG;MAClBC,MAAM,EAAEP,iBAAS,CAACQ,aAAAA;KACnB,CAACC,sBAAgB,CAACzB,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAEc,IAAI,CAAC,CAAE;IACnCY,SAAS,EAAEC,kBAAU,CAACC,OAAQ;AAC9BC,IAAAA,KAAK,EAAC,MAAM;AACZC,IAAAA,MAAM,EAAC,MAAA;AAAM,GAAA,CACb,CACE,eACNtB,yBAAA,CAAAC,aAAA,CAACsB,aAAU,EAAA;AACThC,IAAAA,SAAS,EAAC,4CAA4C;IACtDiC,OAAO,EAAEA,MAAM;MAAEC,MAAM,CAACC,IAAI,CAAClC,OAAO,KAAA,IAAA,IAAPA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEmC,GAAG,CAAC,CAAA;KAAI;IAC9CC,KAAK,EAAEnC,MAAM,GAAGoC,YAAM,CAACC,WAAW,GAAGD,YAAM,CAACE,cAAAA;AAAe,GAAA,eAE3D/B,yBAAA,CAAAC,aAAA,CAAC+B,cAAK,EAAA;AACJzC,IAAAA,SAAS,EAAC,kDAAkD;IAC5De,IAAI,EAAE2B,wBAAe,CAACC,MAAO;IAC7BN,KAAK,EAAEnC,MAAM,GAAG0C,oBAAW,CAACL,WAAW,GAAGK,oBAAW,CAACJ,cAAAA;GAErDK,EAAAA,oBAAc,CAAC,CAAA5C,OAAO,aAAPA,OAAO,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAPA,OAAO,CAAE6C,IAAI,MAAI7C,OAAO,KAAPA,IAAAA,IAAAA,OAAO,KAAPA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,OAAO,CAAEmC,GAAG,GAAE5B,cAAc,CAAC,CACxD,CACG,CACT,CAAA;AAEV;;;;"}

package/cjs/ui/FileViewer.js

@@ -2,24 +2,25 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../_rollupPluginBabelHelpers-117c3ffb.js');
+require('../_rollupPluginBabelHelpers-c6220b54.js');
 require('react');
 require('react-dom');
-require('../LocalizationContext-9c99457f.js');
-require('../index-2413bae4.js');
-require('../index-0599b6f2.js');
-require('../utils-c2f38151.js');
-require('./Avatar.js');
-require('../index-4eb2a000.js');
+require('../LocalizationContext-01462759.js');
+require('../index.module-cd5fee9a.js');
+require('../utils-025bf87c.js');
+require('../index-b5b8572e.js');
 require('./Icon.js');
-var ui_FileViewer = require('../index-b64ce51a.js');
-require('../stringSet-dbdeec9c.js');
-require('../index-ba4dea0c.js');
+require('../index-0e23b304.js');
+require('../index-3888ca97.js');
+require('./Avatar.js');
+var ui_FileViewer = require('../index-cd217acb.js');
+require('../stringSet-569a20f9.js');
+require('../index-63eb5ff7.js');
+require('prop-types');
 require('../utils/message/getOutgoingMessageState.js');
 require('./ImageRenderer.js');
-require('../uuid-b2882230.js');
-require('prop-types');
-require('../consts-fb9dd3a0.js');
+require('../uuid-10da34d7.js');
+require('../consts-50006df9.js');
 
 
 

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

@@ -101,6 +101,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',
@@ -127,6 +128,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: