@sendbird/uikit-react 3.1.1 → 3.1.2

package/cjs/ui/MessageContent.js

@@ -1,14 +1,14 @@
 'use strict';
 
 var React = require('react');
-var index$1 = require('../index-39372722.js');
+var index$1 = require('../index-f5cb5c7f.js');
 var ui_Avatar = require('./Avatar.js');
 var ui_UserProfile = require('./UserProfile.js');
 var ui_MessageStatus = require('./MessageStatus.js');
 var ui_MessageItemMenu = require('./MessageItemMenu.js');
 var ui_MessageItemReactionMenu = require('./MessageItemReactionMenu.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../index-cce2b8c0.js');
+var ui_Label = require('../index-089e0fba.js');
 var ui_EmojiReactions = require('./EmojiReactions.js');
 var ui_AdminMessage = require('./AdminMessage.js');
 var ui_TextMessageItemBody = require('./TextMessageItemBody.js');
@@ -17,24 +17,24 @@ var ui_ThumbnailMessageItemBody = require('./ThumbnailMessageItemBody.js');
 var ui_OGMessageItemBody = require('./OGMessageItemBody.js');
 var ui_UnknownMessageItemBody = require('./UnknownMessageItemBody.js');
 var ui_QuoteMessage = require('./QuoteMessage.js');
-var index = require('../index-10b68ab4.js');
-var UserProfileContext = require('../UserProfileContext-87ebb4a4.js');
-var LocalizationContext = require('../LocalizationContext-f05328b8.js');
+var index = require('../index-06c3dca9.js');
+var UserProfileContext = require('../UserProfileContext-891590a7.js');
+var LocalizationContext = require('../LocalizationContext-da62a103.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../index-2dacade8.js');
-require('../tslib.es6-12c25052.js');
+require('../index-25336220.js');
+require('../tslib.es6-ba69891c.js');
 require('./ImageRenderer.js');
-require('../_rollupPluginBabelHelpers-92e5e012.js');
-require('prop-types');
 require('./Icon.js');
-require('../uuid-920ae00d.js');
+require('../_rollupPluginBabelHelpers-4265e501.js');
+require('prop-types');
+require('../uuid-49679ac2.js');
 require('../withSendbird.js');
 require('../sendbirdSelectors.js');
-require('../topics-57ad0394.js');
-require('../utils-6f828dbd.js');
-require('../index-188e8e7f.js');
+require('../topics-a755c9c6.js');
+require('../utils-bf57a41a.js');
+require('../index-05692021.js');
 require('./Loader.js');
-require('../stringSet-afc1ff3b.js');
+require('../stringSet-857a128c.js');
 require('./IconButton.js');
 require('./ReactionButton.js');
 require('react-dom');
@@ -46,7 +46,7 @@ require('./Word.js');
 require('./LinkLabel.js');
 require('./MentionLabel.js');
 require('./TextButton.js');
-require('../color-2f811855.js');
+require('../color-42e34a43.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/MessageInput.js

@@ -1,20 +1,20 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-92e5e012.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-4265e501.js');
 var React = require('react');
 var PropTypes = require('prop-types');
-var _const$1 = require('../const-77f608c8.js');
-var _const = require('../const-e0dbad82.js');
+var _const$1 = require('../const-8a9ec74c.js');
+var _const = require('../const-c1a4604d.js');
 var ui_IconButton = require('./IconButton.js');
-var ui_Button = require('../index-188e8e7f.js');
+var ui_Button = require('../index-05692021.js');
 var ui_MentionUserLabel = require('./MentionUserLabel.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-cce2b8c0.js');
-var LocalizationContext = require('../LocalizationContext-f05328b8.js');
-var index = require('../index-10b68ab4.js');
-require('../stringSet-afc1ff3b.js');
-require('../index-2dacade8.js');
-require('../tslib.es6-12c25052.js');
+var ui_Label = require('../index-089e0fba.js');
+var LocalizationContext = require('../LocalizationContext-da62a103.js');
+var index = require('../index-06c3dca9.js');
+require('../tslib.es6-ba69891c.js');
+require('../stringSet-857a128c.js');
+require('../index-25336220.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/MessageItemMenu.js

@@ -4,16 +4,17 @@ var React = require('react');
 var ui_ContextMenu = require('./ContextMenu.js');
 var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
-var index = require('../index-10b68ab4.js');
-var LocalizationContext = require('../LocalizationContext-f05328b8.js');
-require('../_rollupPluginBabelHelpers-92e5e012.js');
-require('prop-types');
-require('../index-cce2b8c0.js');
-require('../stringSet-afc1ff3b.js');
+var index = require('../index-06c3dca9.js');
+var LocalizationContext = require('../LocalizationContext-da62a103.js');
+require('../tslib.es6-ba69891c.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../tslib.es6-12c25052.js');
-require('../index-2dacade8.js');
+require('../uuid-49679ac2.js');
+require('../index-089e0fba.js');
+require('../_rollupPluginBabelHelpers-4265e501.js');
+require('prop-types');
+require('../stringSet-857a128c.js');
+require('../index-25336220.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/MessageItemMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageItemMenu.js","sources":["../../../src/ui/MessageItemMenu/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useRef } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport type { OpenChannel } from '@sendbird/chat/openChannel';\n\nimport ContextMenu, { MenuItems, MenuItem } from '../ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport {\n  getClassName,\n  copyToClipboard,\n  isUserMessage,\n  isSentMessage,\n  isFailedMessage,\n  isPendingMessage,\n} from '../../utils/index';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { ReplyType } from '../../index';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage | FileMessage;\n  channel: GroupChannel | OpenChannel;\n  isByMe?: boolean;\n  disabled?: boolean;\n  replyType?: ReplyType;\n  showEdit?: (bool: boolean) => void;\n  showRemove?: (bool: boolean) => void;\n  resendMessage?: (message: UserMessage | FileMessage) => void;\n  setQuoteMessage?: (message: UserMessage | FileMessage) => void;\n  setSupposedHover?: (bool: boolean) => void;\n}\n\nexport default function MessageItemMenu({\n  className,\n  message,\n  channel,\n  isByMe = false,\n  disabled = false,\n  replyType,\n  showEdit,\n  showRemove,\n  resendMessage,\n  setQuoteMessage,\n  setSupposedHover,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const triggerRef = useRef(null);\n  const containerRef = useRef(null);\n\n  const showMenuItemCopy: boolean = isUserMessage(message as UserMessage);\n  const showMenuItemEdit: boolean = (isUserMessage(message as UserMessage) && isSentMessage(message) && isByMe);\n  const showMenuItemResend: boolean = (isFailedMessage(message) && message?.isResendable && isByMe);\n  const showMenuItemDelete: boolean = !isPendingMessage(message) && isByMe;\n  /**\n   * TODO: Manage timing issue\n   * User delete pending message -> Sending message success\n   */\n  const showMenuItemReply: boolean = (replyType === 'QUOTE_REPLY')\n    && !isFailedMessage(message)\n    && !isPendingMessage(message)\n    && (channel?.isGroupChannel() && !(channel as GroupChannel)?.isBroadcast);\n\n  if (!(showMenuItemCopy || showMenuItemReply || showMenuItemEdit || showMenuItemResend || showMenuItemDelete)) {\n    return null;\n  }\n  return (\n    <div\n      className={getClassName([className, 'sendbird-message-item-menu'])}\n      ref={containerRef}\n    >\n      <ContextMenu\n        menuTrigger={(toggleDropdown: () => void): ReactElement => (\n          <IconButton\n            className=\"sendbird-message-item-menu__trigger\"\n            ref={triggerRef}\n            width=\"32px\"\n            height=\"32px\"\n            onClick={(): void => {\n              toggleDropdown();\n              setSupposedHover(true);\n            }}\n            onBlur={(): void => {\n              setSupposedHover(false);\n            }}\n          >\n            <Icon\n              className=\"sendbird-message-item-menu__trigger__icon\"\n              type={IconTypes.MORE}\n              fillColor={IconColors.CONTENT_INVERSE}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        )}\n        menuItems={(close: () => void): ReactElement => {\n          const closeDropdown = (): void => {\n            close();\n            setSupposedHover(false);\n          };\n          return (\n            <MenuItems\n              className=\"sendbird-message-item-menu__list\"\n              parentRef={triggerRef}\n              parentContainRef={containerRef}\n              closeDropdown={closeDropdown}\n              openLeft={isByMe}\n            >\n              {showMenuItemCopy && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-copy\"\n                  onClick={() => {\n                    copyToClipboard((message as UserMessage)?.message);\n                    closeDropdown();\n                  }}\n                >\n                  {stringSet.MESSAGE_MENU__COPY}\n                </MenuItem>\n              )}\n              {showMenuItemReply && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-reply\"\n                  onClick={() => {\n                    setQuoteMessage(message);\n                    closeDropdown();\n                  }}\n                  disable={message?.parentMessageId > 0}\n                >\n                  {stringSet.MESSAGE_MENU__REPLY}\n                </MenuItem>\n              )}\n              {showMenuItemEdit && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-edit\"\n                  onClick={() => {\n                    if (!disabled) {\n                      showEdit(true);\n                      closeDropdown();\n                    }\n                  }}\n                >\n                  {stringSet.MESSAGE_MENU__EDIT}\n                </MenuItem>\n              )}\n              {showMenuItemResend && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-resend\"\n                  onClick={() => {\n                    if (!disabled) {\n                      resendMessage(message);\n                      closeDropdown();\n                    }\n                  }}\n                >\n                  {stringSet.MESSAGE_MENU__RESEND}\n                </MenuItem>\n              )}\n              {showMenuItemDelete && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-delete\"\n                  onClick={() => {\n                    if (!disabled) {\n                      showRemove(true);\n                      closeDropdown();\n                    }\n                  }}\n                  disable={message?.threadInfo?.replyCount > 0}\n                >\n                  {stringSet.MESSAGE_MENU__DELETE}\n                </MenuItem>\n              )}\n            </MenuItems>\n          );\n        }}\n      />\n    </div>\n  );\n}\n"],"names":["MessageItemMenu","_a","className","message","channel","_b","isByMe","_c","disabled","replyType","showEdit","showRemove","resendMessage","setQuoteMessage","setSupposedHover","stringSet","useContext","LocalizationContext","triggerRef","useRef","containerRef","showMenuItemCopy","isUserMessage","showMenuItemEdit","isSentMessage","showMenuItemResend","isFailedMessage","isResendable","showMenuItemDelete","isPendingMessage","showMenuItemReply","isGroupChannel","isBroadcast","React","getClassName","ContextMenu","toggleDropdown","IconButton","Icon","IconTypes","MORE","IconColors","CONTENT_INVERSE","close","closeDropdown","MenuItems","MenuItem","copyToClipboard","MESSAGE_MENU__COPY","parentMessageId","MESSAGE_MENU__REPLY","MESSAGE_MENU__EDIT","MESSAGE_MENU__RESEND","threadInfo","replyCount","MESSAGE_MENU__DELETE"],"mappings":"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"}
+{"version":3,"file":"MessageItemMenu.js","sources":["../../../src/ui/MessageItemMenu/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useContext, useRef } from 'react';\nimport type { FileMessage, UserMessage } from '@sendbird/chat/message';\nimport type { GroupChannel } from '@sendbird/chat/groupChannel';\nimport type { OpenChannel } from '@sendbird/chat/openChannel';\n\nimport ContextMenu, { MenuItems, MenuItem } from '../ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport {\n  getClassName,\n  copyToClipboard,\n  isUserMessage,\n  isSentMessage,\n  isFailedMessage,\n  isPendingMessage,\n} from '../../utils/index';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { ReplyType } from '../../index';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage | FileMessage;\n  channel: GroupChannel | OpenChannel;\n  isByMe?: boolean;\n  disabled?: boolean;\n  replyType?: ReplyType;\n  showEdit?: (bool: boolean) => void;\n  showRemove?: (bool: boolean) => void;\n  resendMessage?: (message: UserMessage | FileMessage) => void;\n  setQuoteMessage?: (message: UserMessage | FileMessage) => void;\n  setSupposedHover?: (bool: boolean) => void;\n}\n\nexport default function MessageItemMenu({\n  className,\n  message,\n  channel,\n  isByMe = false,\n  disabled = false,\n  replyType,\n  showEdit,\n  showRemove,\n  resendMessage,\n  setQuoteMessage,\n  setSupposedHover,\n}: Props): ReactElement {\n  const { stringSet } = useContext(LocalizationContext);\n  const triggerRef = useRef(null);\n  const containerRef = useRef(null);\n\n  const showMenuItemCopy: boolean = isUserMessage(message as UserMessage);\n  const showMenuItemEdit: boolean = (isUserMessage(message as UserMessage) && isSentMessage(message) && isByMe);\n  const showMenuItemResend: boolean = (isFailedMessage(message) && message?.isResendable && isByMe);\n  const showMenuItemDelete: boolean = !isPendingMessage(message) && isByMe;\n  /**\n   * TODO: Manage timing issue\n   * User delete pending message -> Sending message success\n   */\n  const showMenuItemReply: boolean = (replyType === 'QUOTE_REPLY')\n    && !isFailedMessage(message)\n    && !isPendingMessage(message)\n    && (channel?.isGroupChannel() && !(channel as GroupChannel)?.isBroadcast);\n\n  if (!(showMenuItemCopy || showMenuItemReply || showMenuItemEdit || showMenuItemResend || showMenuItemDelete)) {\n    return null;\n  }\n  return (\n    <div\n      className={getClassName([className, 'sendbird-message-item-menu'])}\n      ref={containerRef}\n    >\n      <ContextMenu\n        menuTrigger={(toggleDropdown: () => void): ReactElement => (\n          <IconButton\n            className=\"sendbird-message-item-menu__trigger\"\n            ref={triggerRef}\n            width=\"32px\"\n            height=\"32px\"\n            onClick={(): void => {\n              toggleDropdown();\n              setSupposedHover(true);\n            }}\n            onBlur={(): void => {\n              setSupposedHover(false);\n            }}\n          >\n            <Icon\n              className=\"sendbird-message-item-menu__trigger__icon\"\n              type={IconTypes.MORE}\n              fillColor={IconColors.CONTENT_INVERSE}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        )}\n        menuItems={(close: () => void): ReactElement => {\n          const closeDropdown = (): void => {\n            close();\n            setSupposedHover(false);\n          };\n          return (\n            <MenuItems\n              className=\"sendbird-message-item-menu__list\"\n              parentRef={triggerRef}\n              parentContainRef={containerRef}\n              closeDropdown={closeDropdown}\n              openLeft={isByMe}\n            >\n              {showMenuItemCopy && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-copy\"\n                  onClick={() => {\n                    copyToClipboard((message as UserMessage)?.message);\n                    closeDropdown();\n                  }}\n                >\n                  {stringSet.MESSAGE_MENU__COPY}\n                </MenuItem>\n              )}\n              {showMenuItemReply && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-reply\"\n                  onClick={() => {\n                    setQuoteMessage(message);\n                    closeDropdown();\n                  }}\n                  disable={message?.parentMessageId > 0}\n                >\n                  {stringSet.MESSAGE_MENU__REPLY}\n                </MenuItem>\n              )}\n              {showMenuItemEdit && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-edit\"\n                  onClick={() => {\n                    if (!disabled) {\n                      showEdit(true);\n                      closeDropdown();\n                    }\n                  }}\n                >\n                  {stringSet.MESSAGE_MENU__EDIT}\n                </MenuItem>\n              )}\n              {showMenuItemResend && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-resend\"\n                  onClick={() => {\n                    if (!disabled) {\n                      resendMessage(message);\n                      closeDropdown();\n                    }\n                  }}\n                >\n                  {stringSet.MESSAGE_MENU__RESEND}\n                </MenuItem>\n              )}\n              {showMenuItemDelete && (\n                <MenuItem\n                  className=\"sendbird-message-item-menu__list__menu-item menu-item-delete\"\n                  onClick={() => {\n                    if (!disabled) {\n                      showRemove(true);\n                      closeDropdown();\n                    }\n                  }}\n                  disable={message?.threadInfo?.replyCount > 0}\n                >\n                  {stringSet.MESSAGE_MENU__DELETE}\n                </MenuItem>\n              )}\n            </MenuItems>\n          );\n        }}\n      />\n    </div>\n  );\n}\n"],"names":["MessageItemMenu","_a","className","message","channel","_b","isByMe","_c","disabled","replyType","showEdit","showRemove","resendMessage","setQuoteMessage","setSupposedHover","stringSet","useContext","LocalizationContext","triggerRef","useRef","containerRef","showMenuItemCopy","isUserMessage","showMenuItemEdit","isSentMessage","showMenuItemResend","isFailedMessage","isResendable","showMenuItemDelete","isPendingMessage","showMenuItemReply","isGroupChannel","isBroadcast","React","getClassName","ContextMenu","toggleDropdown","IconButton","Icon","IconTypes","MORE","IconColors","CONTENT_INVERSE","close","closeDropdown","MenuItems","MenuItem","copyToClipboard","MESSAGE_MENU__COPY","parentMessageId","MESSAGE_MENU__REPLY","MESSAGE_MENU__EDIT","MESSAGE_MENU__RESEND","threadInfo","replyCount","MESSAGE_MENU__DELETE"],"mappings":"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"}

package/cjs/ui/MessageItemReactionMenu.js

@@ -6,14 +6,15 @@ var ui_Icon = require('./Icon.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_ReactionButton = require('./ReactionButton.js');
-var index = require('../index-10b68ab4.js');
-require('../_rollupPluginBabelHelpers-92e5e012.js');
-require('prop-types');
-require('../index-cce2b8c0.js');
-require('../stringSet-afc1ff3b.js');
+var index = require('../index-06c3dca9.js');
+require('../tslib.es6-ba69891c.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../tslib.es6-12c25052.js');
+require('../uuid-49679ac2.js');
+require('../index-089e0fba.js');
+require('../_rollupPluginBabelHelpers-4265e501.js');
+require('prop-types');
+require('../stringSet-857a128c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/MessageItemReactionMenu.js.map

@@ -1 +1 @@
-{"version":3,"file":"MessageItemReactionMenu.js","sources":["../../../src/ui/MessageItemReactionMenu/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useRef } from 'react';\nimport type { FileMessage, Reaction, UserMessage } from '@sendbird/chat/message';\nimport type { Emoji, EmojiContainer } from '@sendbird/chat';\n\nimport ContextMenu, { EmojiListItems } from '../ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport ImageRenderer from '../ImageRenderer';\nimport ReactionButton from '../ReactionButton';\nimport { getClassName, getEmojiListAll, isPendingMessage, isFailedMessage } from '../../utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage | FileMessage;\n  userId: string;\n  spaceFromTrigger?: Record<string, unknown>;\n  emojiContainer?: EmojiContainer;\n  toggleReaction?: (message: UserMessage | FileMessage, reactionKey: string, isReacted: boolean) => void;\n  setSupposedHover?: (bool: boolean) => void;\n}\n\nexport default function MessageItemReactionMenu({\n  className,\n  message,\n  userId,\n  spaceFromTrigger = {},\n  emojiContainer,\n  toggleReaction,\n  setSupposedHover,\n}: Props): ReactElement {\n  const triggerRef = useRef(null);\n  const containerRef = useRef(null);\n\n  if(isPendingMessage(message) || isFailedMessage(message)) {\n    return null;\n  }\n\n  return (\n    <div\n      className={getClassName([className, 'sendbird-message-item-reaction-menu'])}\n      ref={containerRef}\n    >\n      <ContextMenu\n        menuTrigger={(toggleDropdown: () => void): ReactElement => (\n          <IconButton\n            className=\"sendbird-message-item-reaction-menu__trigger\"\n            ref={triggerRef}\n            width=\"32px\"\n            height=\"32px\"\n            onClick={(): void => {\n              toggleDropdown();\n              setSupposedHover(true);\n            }}\n            onBlur={(): void => {\n              setSupposedHover(false);\n            }}\n          >\n            <Icon\n              className=\"sendbird-message-item-reaction-menu__trigger__icon\"\n              type={IconTypes.EMOJI_MORE}\n              fillColor={IconColors.CONTENT_INVERSE}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        )}\n        menuItems={(close: () => void): ReactElement => {\n          const closeDropdown = (): void => {\n            close();\n            setSupposedHover(false);\n          };\n          return (\n            <EmojiListItems\n              parentRef={triggerRef}\n              parentContainRef={containerRef}\n              closeDropdown={closeDropdown}\n              spaceFromTrigger={spaceFromTrigger}\n            >\n              {getEmojiListAll(emojiContainer).map((emoji: Emoji): ReactElement => {\n                const isReacted: boolean = message?.reactions?.\n                  filter((reaction: Reaction) => reaction.key === emoji.key)[0]?.userIds?.\n                  some((reactorId: string) => reactorId === userId);\n                return (\n                  <ReactionButton\n                    key={emoji.key}\n                    width=\"36px\"\n                    height=\"36px\"\n                    selected={isReacted}\n                    onClick={() => {\n                      closeDropdown();\n                      toggleReaction(message, emoji.key, isReacted);\n                    }}\n                  >\n                    <ImageRenderer\n                      url={emoji.url}\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                  </ReactionButton>\n                );\n              })}\n            </EmojiListItems>\n          );\n        }}\n      />\n    </div>\n  );\n}\n"],"names":["MessageItemReactionMenu","_a","className","message","userId","_b","spaceFromTrigger","emojiContainer","toggleReaction","setSupposedHover","triggerRef","useRef","containerRef","isPendingMessage","isFailedMessage","React","getClassName","ContextMenu","toggleDropdown","IconButton","Icon","IconTypes","EMOJI_MORE","IconColors","CONTENT_INVERSE","close","closeDropdown","EmojiListItems","getEmojiListAll","map","emoji","isReacted","reactions","filter","reaction","key","userIds","some","reactorId","ReactionButton","ImageRenderer","url","style","QUESTION","ON_BACKGROUND_3"],"mappings":"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"}
+{"version":3,"file":"MessageItemReactionMenu.js","sources":["../../../src/ui/MessageItemReactionMenu/index.tsx"],"sourcesContent":["import './index.scss';\nimport React, { ReactElement, useRef } from 'react';\nimport type { FileMessage, Reaction, UserMessage } from '@sendbird/chat/message';\nimport type { Emoji, EmojiContainer } from '@sendbird/chat';\n\nimport ContextMenu, { EmojiListItems } from '../ContextMenu';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport ImageRenderer from '../ImageRenderer';\nimport ReactionButton from '../ReactionButton';\nimport { getClassName, getEmojiListAll, isPendingMessage, isFailedMessage } from '../../utils';\n\ninterface Props {\n  className?: string | Array<string>;\n  message: UserMessage | FileMessage;\n  userId: string;\n  spaceFromTrigger?: Record<string, unknown>;\n  emojiContainer?: EmojiContainer;\n  toggleReaction?: (message: UserMessage | FileMessage, reactionKey: string, isReacted: boolean) => void;\n  setSupposedHover?: (bool: boolean) => void;\n}\n\nexport default function MessageItemReactionMenu({\n  className,\n  message,\n  userId,\n  spaceFromTrigger = {},\n  emojiContainer,\n  toggleReaction,\n  setSupposedHover,\n}: Props): ReactElement {\n  const triggerRef = useRef(null);\n  const containerRef = useRef(null);\n\n  if(isPendingMessage(message) || isFailedMessage(message)) {\n    return null;\n  }\n\n  return (\n    <div\n      className={getClassName([className, 'sendbird-message-item-reaction-menu'])}\n      ref={containerRef}\n    >\n      <ContextMenu\n        menuTrigger={(toggleDropdown: () => void): ReactElement => (\n          <IconButton\n            className=\"sendbird-message-item-reaction-menu__trigger\"\n            ref={triggerRef}\n            width=\"32px\"\n            height=\"32px\"\n            onClick={(): void => {\n              toggleDropdown();\n              setSupposedHover(true);\n            }}\n            onBlur={(): void => {\n              setSupposedHover(false);\n            }}\n          >\n            <Icon\n              className=\"sendbird-message-item-reaction-menu__trigger__icon\"\n              type={IconTypes.EMOJI_MORE}\n              fillColor={IconColors.CONTENT_INVERSE}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        )}\n        menuItems={(close: () => void): ReactElement => {\n          const closeDropdown = (): void => {\n            close();\n            setSupposedHover(false);\n          };\n          return (\n            <EmojiListItems\n              parentRef={triggerRef}\n              parentContainRef={containerRef}\n              closeDropdown={closeDropdown}\n              spaceFromTrigger={spaceFromTrigger}\n            >\n              {getEmojiListAll(emojiContainer).map((emoji: Emoji): ReactElement => {\n                const isReacted: boolean = message?.reactions?.\n                  filter((reaction: Reaction) => reaction.key === emoji.key)[0]?.userIds?.\n                  some((reactorId: string) => reactorId === userId);\n                return (\n                  <ReactionButton\n                    key={emoji.key}\n                    width=\"36px\"\n                    height=\"36px\"\n                    selected={isReacted}\n                    onClick={() => {\n                      closeDropdown();\n                      toggleReaction(message, emoji.key, isReacted);\n                    }}\n                  >\n                    <ImageRenderer\n                      url={emoji.url}\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                  </ReactionButton>\n                );\n              })}\n            </EmojiListItems>\n          );\n        }}\n      />\n    </div>\n  );\n}\n"],"names":["MessageItemReactionMenu","_a","className","message","userId","_b","spaceFromTrigger","emojiContainer","toggleReaction","setSupposedHover","triggerRef","useRef","containerRef","isPendingMessage","isFailedMessage","React","getClassName","ContextMenu","toggleDropdown","IconButton","Icon","IconTypes","EMOJI_MORE","IconColors","CONTENT_INVERSE","close","closeDropdown","EmojiListItems","getEmojiListAll","map","emoji","isReacted","reactions","filter","reaction","key","userIds","some","reactorId","ReactionButton","ImageRenderer","url","style","QUESTION","ON_BACKGROUND_3"],"mappings":"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"}

package/cjs/ui/MessageSearchFileItem.js

@@ -1,20 +1,20 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-12c25052.js');
+var tslib_es6 = require('../tslib.es6-ba69891c.js');
 var React = require('react');
 var ui_Avatar = require('./Avatar.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-cce2b8c0.js');
-var LocalizationContext = require('../LocalizationContext-f05328b8.js');
-var index$1 = require('../index-39372722.js');
-var index = require('../index-b1ed74bd.js');
+var ui_Label = require('../index-089e0fba.js');
+var LocalizationContext = require('../LocalizationContext-da62a103.js');
+var index$1 = require('../index-f5cb5c7f.js');
+var index = require('../index-c79f62fd.js');
 require('./ImageRenderer.js');
-require('../_rollupPluginBabelHelpers-92e5e012.js');
+require('../uuid-49679ac2.js');
+require('../_rollupPluginBabelHelpers-4265e501.js');
 require('prop-types');
-require('../uuid-920ae00d.js');
-require('../stringSet-afc1ff3b.js');
-require('../index-2dacade8.js');
-require('../index-4911c708.js');
+require('../stringSet-857a128c.js');
+require('../index-25336220.js');
+require('../index-fb127b1f.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/MessageSearchItem.js

@@ -1,20 +1,20 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-12c25052.js');
+var tslib_es6 = require('../tslib.es6-ba69891c.js');
 var React = require('react');
-var index$1 = require('../index-39372722.js');
-var index = require('../index-b1ed74bd.js');
+var index$1 = require('../index-f5cb5c7f.js');
+var index = require('../index-c79f62fd.js');
 var ui_Avatar = require('./Avatar.js');
-var ui_Label = require('../index-cce2b8c0.js');
-var LocalizationContext = require('../LocalizationContext-f05328b8.js');
-require('../index-2dacade8.js');
-require('../index-4911c708.js');
+var ui_Label = require('../index-089e0fba.js');
+var LocalizationContext = require('../LocalizationContext-da62a103.js');
+require('../index-25336220.js');
+require('../index-fb127b1f.js');
 require('./ImageRenderer.js');
-require('../_rollupPluginBabelHelpers-92e5e012.js');
-require('prop-types');
 require('./Icon.js');
-require('../uuid-920ae00d.js');
-require('../stringSet-afc1ff3b.js');
+require('../_rollupPluginBabelHelpers-4265e501.js');
+require('prop-types');
+require('../uuid-49679ac2.js');
+require('../stringSet-857a128c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/MessageStatus.js

@@ -2,18 +2,18 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-12c25052.js');
+var tslib_es6 = require('../tslib.es6-ba69891c.js');
 var React = require('react');
-var index$1 = require('../index-39372722.js');
+var index$1 = require('../index-f5cb5c7f.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-cce2b8c0.js');
+var ui_Label = require('../index-089e0fba.js');
 var ui_Loader = require('./Loader.js');
-var index = require('../index-10b68ab4.js');
-var LocalizationContext = require('../LocalizationContext-f05328b8.js');
-require('../index-2dacade8.js');
-require('../_rollupPluginBabelHelpers-92e5e012.js');
+var index = require('../index-06c3dca9.js');
+var LocalizationContext = require('../LocalizationContext-da62a103.js');
+require('../index-25336220.js');
+require('../_rollupPluginBabelHelpers-4265e501.js');
 require('prop-types');
-require('../stringSet-afc1ff3b.js');
+require('../stringSet-857a128c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/Modal.js

@@ -3,26 +3,25 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var PropTypes = require('prop-types');
 var reactDom = require('react-dom');
-var LocalizationContext = require('../LocalizationContext-f05328b8.js');
-var index = require('../index-4bebe375.js');
-var ui_IconButton = require('./IconButton.js');
+var index = require('../index-32562627.js');
+var LocalizationContext = require('../LocalizationContext-da62a103.js');
+var ui_Button = require('../index-05692021.js');
 var ui_Icon = require('./Icon.js');
-var ui_Button = require('../index-188e8e7f.js');
-var ui_Label = require('../index-cce2b8c0.js');
-var utils = require('../utils-6f828dbd.js');
-require('../stringSet-afc1ff3b.js');
-require('../index-2dacade8.js');
-require('../_rollupPluginBabelHelpers-92e5e012.js');
+var ui_IconButton = require('./IconButton.js');
+var ui_Label = require('../index-089e0fba.js');
+require('../stringSet-857a128c.js');
+require('../index-25336220.js');
+require('../tslib.es6-ba69891c.js');
+require('../_rollupPluginBabelHelpers-4265e501.js');
+require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
 
-var ModalHeader = function ModalHeader(_ref) {
-  var titleText = _ref.titleText;
+var ModalHeader = function ModalHeader(_a) {
+  var titleText = _a.titleText;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-modal__header"
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
@@ -30,11 +29,8 @@ var ModalHeader = function ModalHeader(_ref) {
     color: ui_Label.LabelColors.ONBACKGROUND_1
   }, titleText));
 };
-ModalHeader.propTypes = {
-  titleText: PropTypes__default["default"].string.isRequired
-};
-var ModalBody = function ModalBody(_ref2) {
-  var children = _ref2.children;
+var ModalBody = function ModalBody(_a) {
+  var children = _a.children;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-modal__body"
   }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
@@ -42,23 +38,15 @@ var ModalBody = function ModalBody(_ref2) {
     color: ui_Label.LabelColors.ONBACKGROUND_2
   }, children));
 };
-ModalBody.propTypes = {
-  children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].element.isRequired, PropTypes__default["default"].arrayOf(PropTypes__default["default"].element.isRequired)])
-};
-ModalBody.defaultProps = {
-  children: null
-};
-var ModalFooter = function ModalFooter(_ref3) {
-  var onSubmit = _ref3.onSubmit,
-      onCancel = _ref3.onCancel,
-      _ref3$disabled = _ref3.disabled,
-      disabled = _ref3$disabled === void 0 ? false : _ref3$disabled,
-      submitText = _ref3.submitText,
-      type = _ref3.type;
-
-  var _useContext = React.useContext(LocalizationContext.LocalizationContext),
-      stringSet = _useContext.stringSet;
-
+var ModalFooter = function ModalFooter(_a) {
+  var submitText = _a.submitText,
+      _b = _a.disabled,
+      disabled = _b === void 0 ? false : _b,
+      _c = _a.type,
+      type = _c === void 0 ? ui_Button.ButtonTypes.DANGER : _c,
+      onSubmit = _a.onSubmit,
+      onCancel = _a.onCancel;
+  var stringSet = React.useContext(LocalizationContext.LocalizationContext).stringSet;
   return /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-modal__footer"
   }, /*#__PURE__*/React__default["default"].createElement(ui_Button.Button, {
@@ -73,27 +61,21 @@ var ModalFooter = function ModalFooter(_ref3) {
     onClick: onSubmit
   }, submitText));
 };
-ModalFooter.propTypes = {
-  onCancel: PropTypes__default["default"].func.isRequired,
-  onSubmit: PropTypes__default["default"].func.isRequired,
-  submitText: PropTypes__default["default"].string.isRequired,
-  disabled: PropTypes__default["default"].bool,
-  type: PropTypes__default["default"].string
-};
-ModalFooter.defaultProps = {
-  disabled: false,
-  type: ui_Button.ButtonTypes.DANGER
-};
 function Modal(props) {
-  var children = props.children,
-      onCancel = props.onCancel,
-      _props$onSubmit = props.onSubmit,
-      onSubmit = _props$onSubmit === void 0 ? utils.noop : _props$onSubmit,
-      disabled = props.disabled,
-      submitText = props.submitText,
+  var _a = props.children,
+      children = _a === void 0 ? null : _a,
       titleText = props.titleText,
-      hideFooter = props.hideFooter,
-      type = props.type;
+      submitText = props.submitText,
+      _b = props.disabled,
+      disabled = _b === void 0 ? false : _b,
+      _c = props.hideFooter,
+      hideFooter = _c === void 0 ? false : _c,
+      _d = props.type,
+      type = _d === void 0 ? ui_Button.ButtonTypes.DANGER : _d,
+      _e = props.onCancel,
+      onCancel = _e === void 0 ? function () {} : _e,
+      _f = props.onSubmit,
+      onSubmit = _f === void 0 ? function () {} : _f;
   return /*#__PURE__*/reactDom.createPortal( /*#__PURE__*/React__default["default"].createElement("div", {
     className: "sendbird-modal"
   }, /*#__PURE__*/React__default["default"].createElement("div", {
@@ -121,20 +103,6 @@ function Modal(props) {
     className: "sendbird-modal__backdrop"
   })), document.getElementById(index.MODAL_ROOT));
 }
-Modal.propTypes = {
-  children: PropTypes__default["default"].oneOfType([PropTypes__default["default"].element, PropTypes__default["default"].arrayOf(PropTypes__default["default"].element)]),
-  onCancel: PropTypes__default["default"].func.isRequired,
-  onSubmit: PropTypes__default["default"].func,
-  hideFooter: PropTypes__default["default"].bool,
-  disabled: PropTypes__default["default"].bool,
-  type: PropTypes__default["default"].string
-};
-Modal.defaultProps = {
-  children: null,
-  hideFooter: false,
-  disabled: false,
-  type: ui_Button.ButtonTypes.DANGER
-};
 
 exports.ModalBody = ModalBody;
 exports.ModalFooter = ModalFooter;

package/cjs/ui/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../src/ui/Modal/index.jsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport PropTypes from 'prop-types';\nimport { createPortal } from 'react-dom';\n\nimport './index.scss';\n\nimport { LocalizationContext } from '../../lib/LocalizationContext';\nimport { MODAL_ROOT } from '../../hooks/useModal/ModalRoot';\nimport IconButton from '../IconButton';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport Button, { ButtonTypes } from '../Button';\nimport Label, { LabelTypography, LabelColors } from '../Label';\nimport { noop } from '../../utils/utils';\n\nexport const ModalHeader = ({ titleText }) => (\n  <div className=\"sendbird-modal__header\">\n    <Label type={LabelTypography.H_1} color={LabelColors.ONBACKGROUND_1}>\n      {titleText}\n    </Label>\n  </div>\n);\nModalHeader.propTypes = {\n  titleText: PropTypes.string.isRequired,\n};\n\nexport const ModalBody = ({ children }) => (\n  <div className=\"sendbird-modal__body\">\n    <Label\n      type={LabelTypography.SUBTITLE_1}\n      color={LabelColors.ONBACKGROUND_2}\n    >\n      {children}\n    </Label>\n  </div>\n);\nModalBody.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.element.isRequired,\n    PropTypes.arrayOf(PropTypes.element.isRequired),\n  ]),\n};\nModalBody.defaultProps = {\n  children: null,\n};\n\nexport const ModalFooter = ({\n  onSubmit,\n  onCancel,\n  disabled = false,\n  submitText,\n  type,\n}) => {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-modal__footer\">\n      <Button type={ButtonTypes.SECONDARY} onClick={onCancel}>\n        <Label type={LabelTypography.BUTTON_1} color={LabelColors.ONBACKGROUND_1}>\n          {stringSet.BUTTON__CANCEL}\n        </Label>\n      </Button>\n      <Button type={type} disabled={disabled} onClick={onSubmit}>\n        {submitText}\n      </Button>\n    </div>\n  );\n};\n\nModalFooter.propTypes = {\n  onCancel: PropTypes.func.isRequired,\n  onSubmit: PropTypes.func.isRequired,\n  submitText: PropTypes.string.isRequired,\n  disabled: PropTypes.bool,\n  type: PropTypes.string,\n};\nModalFooter.defaultProps = {\n  disabled: false,\n  type: ButtonTypes.DANGER,\n};\n\nexport default function Modal(props) {\n  const {\n    children,\n    onCancel,\n    onSubmit = noop,\n    disabled,\n    submitText,\n    titleText,\n    hideFooter,\n    type,\n  } = props;\n  return createPortal((\n    <div className=\"sendbird-modal\">\n      <div className=\"sendbird-modal__content\">\n        <ModalHeader titleText={titleText} />\n        <ModalBody>{children}</ModalBody>\n        {\n          !hideFooter && (\n            <ModalFooter\n              disabled={disabled}\n              onCancel={onCancel}\n              onSubmit={onSubmit}\n              submitText={submitText}\n              type={type}\n            />\n          )\n        }\n        <div className=\"sendbird-modal__close\">\n          <IconButton\n            width=\"32px\"\n            height=\"32px\"\n            onClick={onCancel}\n          >\n            <Icon\n              type={IconTypes.CLOSE}\n              fillColor={IconColors.DEFAULT}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        </div>\n      </div>\n      <div className=\"sendbird-modal__backdrop\" />\n    </div>\n  ), document.getElementById(MODAL_ROOT));\n}\n\nModal.propTypes = {\n  children: PropTypes.oneOfType([\n    PropTypes.element,\n    PropTypes.arrayOf(PropTypes.element),\n  ]),\n  onCancel: PropTypes.func.isRequired,\n  onSubmit: PropTypes.func,\n  hideFooter: PropTypes.bool,\n  disabled: PropTypes.bool,\n  type: PropTypes.string,\n};\nModal.defaultProps = {\n  children: null,\n  hideFooter: false,\n  disabled: false,\n  type: ButtonTypes.DANGER,\n};\n"],"names":["ModalHeader","titleText","React","Label","LabelTypography","H_1","LabelColors","ONBACKGROUND_1","propTypes","PropTypes","string","isRequired","ModalBody","children","SUBTITLE_1","ONBACKGROUND_2","oneOfType","element","arrayOf","defaultProps","ModalFooter","onSubmit","onCancel","disabled","submitText","type","useContext","LocalizationContext","stringSet","Button","ButtonTypes","SECONDARY","BUTTON_1","BUTTON__CANCEL","func","bool","DANGER","Modal","props","noop","hideFooter","createPortal","IconButton","Icon","IconTypes","CLOSE","IconColors","DEFAULT","document","getElementById","MODAL_ROOT"],"mappings":"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"}
+{"version":3,"file":"Modal.js","sources":["../../../src/ui/Modal/index.tsx"],"sourcesContent":["import React, { ReactElement, useContext } from 'react';\nimport { createPortal } from 'react-dom';\n\nimport './index.scss';\n\nimport { MODAL_ROOT } from '../../hooks/useModal/ModalRoot';\nimport { LocalizationContext } from '../../lib/LocalizationContext';\n\nimport Button, { ButtonTypes } from '../Button';\nimport Icon, { IconTypes, IconColors } from '../Icon';\nimport IconButton from '../IconButton';\nimport Label, { LabelTypography, LabelColors } from '../Label';\n\nexport interface ModalHeaderProps {\n  titleText: string;\n}\nexport const ModalHeader = ({ titleText }: ModalHeaderProps): ReactElement => (\n  <div className=\"sendbird-modal__header\">\n    <Label type={LabelTypography.H_1} color={LabelColors.ONBACKGROUND_1}>\n      {titleText}\n    </Label>\n  </div>\n);\n\nexport interface ModalBodyProps {\n  children?: ReactElement;\n}\nexport const ModalBody = ({ children }: ModalBodyProps): ReactElement => (\n  <div className=\"sendbird-modal__body\">\n    <Label\n      type={LabelTypography.SUBTITLE_1}\n      color={LabelColors.ONBACKGROUND_2}\n    >\n      {children}\n    </Label>\n  </div>\n);\n\nexport interface ModalFooterProps {\n  submitText: string;\n  disabled?: boolean;\n  type?: string;\n  onCancel: () => void;\n  onSubmit: () => void;\n}\nexport const ModalFooter = ({\n  submitText,\n  disabled = false,\n  type = ButtonTypes.DANGER,\n  onSubmit,\n  onCancel,\n}: ModalFooterProps): ReactElement => {\n  const { stringSet } = useContext(LocalizationContext);\n  return (\n    <div className=\"sendbird-modal__footer\">\n      <Button type={ButtonTypes.SECONDARY} onClick={onCancel}>\n        <Label type={LabelTypography.BUTTON_1} color={LabelColors.ONBACKGROUND_1}>\n          {stringSet.BUTTON__CANCEL}\n        </Label>\n      </Button>\n      <Button type={type} disabled={disabled} onClick={onSubmit}>\n        {submitText}\n      </Button>\n    </div>\n  );\n};\n\nexport interface ModalProps {\n  children: ReactElement;\n  titleText?: string;\n  submitText?: string;\n  disabled?: boolean;\n  hideFooter?: boolean;\n  type?: string;\n  onCancel?: () => void;\n  onSubmit?: () => void;\n}\nexport default function Modal(props: ModalProps): ReactElement {\n  const {\n    children = null,\n    titleText,\n    submitText,\n    disabled = false,\n    hideFooter = false,\n    type = ButtonTypes.DANGER,\n    onCancel = () => {/* noop */},\n    onSubmit = () => {/* noop */},\n  } = props;\n  return createPortal((\n    <div className=\"sendbird-modal\">\n      <div className=\"sendbird-modal__content\">\n        <ModalHeader titleText={titleText} />\n        <ModalBody>{children}</ModalBody>\n        {\n          !hideFooter && (\n            <ModalFooter\n              disabled={disabled}\n              onCancel={onCancel}\n              onSubmit={onSubmit}\n              submitText={submitText}\n              type={type}\n            />\n          )\n        }\n        <div className=\"sendbird-modal__close\">\n          <IconButton\n            width=\"32px\"\n            height=\"32px\"\n            onClick={onCancel}\n          >\n            <Icon\n              type={IconTypes.CLOSE}\n              fillColor={IconColors.DEFAULT}\n              width=\"24px\"\n              height=\"24px\"\n            />\n          </IconButton>\n        </div>\n      </div>\n      <div className=\"sendbird-modal__backdrop\" />\n    </div>\n  ), document.getElementById(MODAL_ROOT));\n}\n"],"names":["ModalHeader","_a","titleText","React","Label","LabelTypography","H_1","LabelColors","ONBACKGROUND_1","ModalBody","children","SUBTITLE_1","ONBACKGROUND_2","ModalFooter","submitText","_b","disabled","_c","type","ButtonTypes","DANGER","onSubmit","onCancel","stringSet","useContext","LocalizationContext","Button","SECONDARY","BUTTON_1","BUTTON__CANCEL","Modal","props","hideFooter","_d","_e","_f","createPortal","IconButton","Icon","IconTypes","CLOSE","IconColors","DEFAULT","document","getElementById","MODAL_ROOT"],"mappings":"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"}

package/cjs/ui/MutedAvatarOverlay.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-require('../_rollupPluginBabelHelpers-92e5e012.js');
+require('../_rollupPluginBabelHelpers-4265e501.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/OGMessageItemBody.js

@@ -4,27 +4,27 @@ var React = require('react');
 var ui_Word = require('./Word.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-cce2b8c0.js');
-var uuid = require('../uuid-920ae00d.js');
-var index = require('../index-10b68ab4.js');
-var LocalizationContext = require('../LocalizationContext-f05328b8.js');
+var ui_Label = require('../index-089e0fba.js');
+var uuid = require('../uuid-49679ac2.js');
+var index = require('../index-06c3dca9.js');
+var LocalizationContext = require('../LocalizationContext-da62a103.js');
 require('./LinkLabel.js');
-require('../_rollupPluginBabelHelpers-92e5e012.js');
+require('../_rollupPluginBabelHelpers-4265e501.js');
 require('prop-types');
 require('./MentionLabel.js');
 require('./ContextMenu.js');
+require('../tslib.es6-ba69891c.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../stringSet-afc1ff3b.js');
-require('../tslib.es6-12c25052.js');
+require('../stringSet-857a128c.js');
 require('./UserProfile.js');
 require('../withSendbird.js');
 require('../sendbirdSelectors.js');
-require('../topics-57ad0394.js');
-require('../utils-6f828dbd.js');
+require('../topics-a755c9c6.js');
+require('../utils-bf57a41a.js');
 require('./Avatar.js');
-require('../index-188e8e7f.js');
-require('../index-2dacade8.js');
+require('../index-05692021.js');
+require('../index-25336220.js');
 require('../useSendbirdStateContext.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/OpenChannelAdminMessage.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var tslib_es6 = require('../tslib.es6-12c25052.js');
+var tslib_es6 = require('../tslib.es6-ba69891c.js');
 var React = require('react');
-var ui_Label = require('../index-cce2b8c0.js');
-require('../_rollupPluginBabelHelpers-92e5e012.js');
+var ui_Label = require('../index-089e0fba.js');
+require('../_rollupPluginBabelHelpers-4265e501.js');
 require('prop-types');
-require('../stringSet-afc1ff3b.js');
+require('../stringSet-857a128c.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }