@sendbird/uikit-react 3.1.1 → 3.1.2-rc.0

package/ui/MessageInput.js

@@ -1,18 +1,18 @@
-import { a as _slicedToArray, _ as _objectSpread2, b as _toConsumableArray } from '../_rollupPluginBabelHelpers-30d122aa.js';
+import { a as _slicedToArray, _ as _objectSpread2, b as _toConsumableArray } from '../_rollupPluginBabelHelpers-4e546dea.js';
 import React__default, { useContext, useRef, useState, useMemo, useEffect, useCallback } from 'react';
 import PropTypes from 'prop-types';
-import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../const-c81e2d08.js';
-import { U as USER_MENTION_TEMP_CHAR } from '../const-9039e539.js';
+import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../const-2017fde0.js';
+import { U as USER_MENTION_TEMP_CHAR } from '../const-43ed4c6f.js';
 import IconButton from './IconButton.js';
-import { B as Button, a as ButtonTypes, b as ButtonSizes } from '../index-d3358aa9.js';
+import { B as Button, a as ButtonTypes, b as ButtonSizes } from '../index-9ba00bc1.js';
 import MentionUserLabel from './MentionUserLabel.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-07cd4778.js';
-import { a as LocalizationContext } from '../LocalizationContext-61a4a931.js';
-import { l as convertWordToStringObj, S as StringObjType, m as arrayEqual, k as getClassName } from '../index-65007eeb.js';
-import '../stringSet-92f53c6e.js';
-import '../index-191d1d43.js';
-import '../tslib.es6-c793443a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5efc096b.js';
+import { a as LocalizationContext } from '../LocalizationContext-7d740b0a.js';
+import { l as convertWordToStringObj, S as StringObjType, m as arrayEqual, k as getClassName } from '../index-f37bc955.js';
+import '../tslib.es6-5c8a20bb.js';
+import '../stringSet-53204a58.js';
+import '../index-3d519005.js';
 
 var commonjsGlobal = typeof globalThis !== 'undefined' ? globalThis : typeof window !== 'undefined' ? window : typeof global !== 'undefined' ? global : typeof self !== 'undefined' ? self : {};
 

package/ui/MessageItemMenu.js

@@ -2,16 +2,17 @@ import React__default, { useContext, useRef } from 'react';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { u as isUserMessage, D as isSentMessage, E as isFailedMessage, F as isPendingMessage, k as getClassName, G as copyToClipboard } from '../index-65007eeb.js';
-import { a as LocalizationContext } from '../LocalizationContext-61a4a931.js';
-import '../_rollupPluginBabelHelpers-30d122aa.js';
-import 'prop-types';
-import '../index-07cd4778.js';
-import '../stringSet-92f53c6e.js';
+import { u as isUserMessage, D as isSentMessage, E as isFailedMessage, F as isPendingMessage, k as getClassName, G as copyToClipboard } from '../index-f37bc955.js';
+import { a as LocalizationContext } from '../LocalizationContext-7d740b0a.js';
+import '../tslib.es6-5c8a20bb.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../tslib.es6-c793443a.js';
-import '../index-191d1d43.js';
+import '../uuid-8d849862.js';
+import '../index-5efc096b.js';
+import '../_rollupPluginBabelHelpers-4e546dea.js';
+import 'prop-types';
+import '../stringSet-53204a58.js';
+import '../index-3d519005.js';
 
 function MessageItemMenu(_a) {
   var className = _a.className,

package/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","toggleDropdown","IconTypes","MORE","IconColors","CONTENT_INVERSE","close","closeDropdown","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","toggleDropdown","IconTypes","MORE","IconColors","CONTENT_INVERSE","close","closeDropdown","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/ui/MessageItemReactionMenu.js

@@ -4,14 +4,15 @@ import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import ReactionButton from './ReactionButton.js';
-import { F as isPendingMessage, E as isFailedMessage, k as getClassName, H as getEmojiListAll } from '../index-65007eeb.js';
-import '../_rollupPluginBabelHelpers-30d122aa.js';
-import 'prop-types';
-import '../index-07cd4778.js';
-import '../stringSet-92f53c6e.js';
+import { F as isPendingMessage, E as isFailedMessage, k as getClassName, H as getEmojiListAll } from '../index-f37bc955.js';
+import '../tslib.es6-5c8a20bb.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../tslib.es6-c793443a.js';
+import '../uuid-8d849862.js';
+import '../index-5efc096b.js';
+import '../_rollupPluginBabelHelpers-4e546dea.js';
+import 'prop-types';
+import '../stringSet-53204a58.js';
 
 function MessageItemReactionMenu(_a) {
   var className = _a.className,

package/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","toggleDropdown","IconTypes","EMOJI_MORE","IconColors","CONTENT_INVERSE","close","closeDropdown","getEmojiListAll","map","emoji","isReacted","reactions","filter","reaction","key","userIds","some","reactorId","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","toggleDropdown","IconTypes","EMOJI_MORE","IconColors","CONTENT_INVERSE","close","closeDropdown","getEmojiListAll","map","emoji","isReacted","reactions","filter","reaction","key","userIds","some","reactorId","url","style","QUESTION","ON_BACKGROUND_3"],"mappings":";;;;;;;;;;;;;;;;SAsBwBA,wBAAwBC;MAC9CC,SAAS;MACTC,OAAO;MACPC,MAAM;MACNC;MAAAC,gBAAgB,mBAAG;MACnBC,cAAc;MACdC,cAAc;MACdC,gBAAgB;AAEhB,MAAMC,UAAU,GAAGC,MAAM,CAAC,IAAD,CAAzB;AACA,MAAMC,YAAY,GAAGD,MAAM,CAAC,IAAD,CAA3B;;AAEA,MAAGE,gBAAgB,CAACV,OAAD,CAAhB,IAA6BW,eAAe,CAACX,OAAD,CAA/C,EAA0D;AACxD,WAAO,IAAP;AACD;;AAED,sBACEY;AACE,IAAA,SAAS,EAAEC,YAAY,CAAC,CAACd,SAAD,EAAY,qCAAZ,CAAD,CADzB;AAEE,IAAA,GAAG,EAAEU;AAFP,kBAIEG,6BAAC,WAAD;AACE,IAAA,WAAW,EAAE,qBAACE,cAAD;AAA8C,0BACzDF,6BAAC,UAAD;AACE,QAAA,SAAS,EAAC,8CADZ;AAEE,QAAA,GAAG,EAAEL,UAFP;AAGE,QAAA,KAAK,EAAC,MAHR;AAIE,QAAA,MAAM,EAAC,MAJT;AAKE,QAAA,OAAO,EAAE;AACPO,UAAAA,cAAc;AACdR,UAAAA,gBAAgB,CAAC,IAAD,CAAhB;AACD,SARH;AASE,QAAA,MAAM,EAAE;AACNA,UAAAA,gBAAgB,CAAC,KAAD,CAAhB;AACD;AAXH,sBAaEM,6BAAC,IAAD;AACE,QAAA,SAAS,EAAC,oDADZ;AAEE,QAAA,IAAI,EAAEG,SAAS,CAACC,UAFlB;AAGE,QAAA,SAAS,EAAEC,UAAU,CAACC,eAHxB;AAIE,QAAA,KAAK,EAAC,MAJR;AAKE,QAAA,MAAM,EAAC;AALT,QAbF,CADyD;AAsB1D,KAvBH;AAwBE,IAAA,SAAS,EAAE,mBAACC,KAAD;AACT,UAAMC,aAAa,GAAG,SAAhBA,aAAgB;AACpBD,QAAAA,KAAK;AACLb,QAAAA,gBAAgB,CAAC,KAAD,CAAhB;AACD,OAHD;;AAIA,0BACEM,6BAAC,cAAD;AACE,QAAA,SAAS,EAAEL,UADb;AAEE,QAAA,gBAAgB,EAAEE,YAFpB;AAGE,QAAA,aAAa,EAAEW,aAHjB;AAIE,QAAA,gBAAgB,EAAEjB;AAJpB,SAMGkB,eAAe,CAACjB,cAAD,CAAf,CAAgCkB,GAAhC,CAAoC,UAACC,KAAD;;;AACnC,YAAMC,SAAS,GAAY,MAAA,MAAA,MAAAxB,OAAO,SAAP,IAAAA,OAAO,WAAP,SAAA,GAAAA,OAAO,CAAEyB,SAAT,UAAA,iBAAA,SAAA,MACzBC,OAAO,UAACC,QAAD;AAAwB,iBAAAA,QAAQ,CAACC,GAAT,KAAiBL,KAAK,CAACK,GAAvB;AAA0B,WAAE,EADlC,UAAA,iBAAA,SAAA,MACsCC,OADtC,UAAA,iBAAA,SAAA,MAEzBC,KAAK,UAACC,SAAD;AAAuB,iBAAAA,SAAS,KAAK9B,MAAd;AAAoB,UAFlD;AAGA,4BACEW,6BAAC,cAAD;AACE,UAAA,GAAG,EAAEW,KAAK,CAACK,GADb;AAEE,UAAA,KAAK,EAAC,MAFR;AAGE,UAAA,MAAM,EAAC,MAHT;AAIE,UAAA,QAAQ,EAAEJ,SAJZ;AAKE,UAAA,OAAO,EAAE;AACPJ,YAAAA,aAAa;AACbf,YAAAA,cAAc,CAACL,OAAD,EAAUuB,KAAK,CAACK,GAAhB,EAAqBJ,SAArB,CAAd;AACD;AARH,wBAUEZ,6BAAC,aAAD;AACE,UAAA,GAAG,EAAEW,KAAK,CAACS,GADb;AAEE,UAAA,KAAK,EAAC,MAFR;AAGE,UAAA,MAAM,EAAC,MAHT;AAIE,UAAA,WAAW,EAAE,qBAACC,KAAD;AAAW,gCACtBrB;AAAK,cAAA,KAAK,EAAEqB;AAAZ,4BACErB,6BAAC,IAAD;AACE,cAAA,IAAI,EAAEG,SAAS,CAACmB,QADlB;AAEE,cAAA,SAAS,EAAEjB,UAAU,CAACkB,eAFxB;AAGE,cAAA,KAAK,EAAC,MAHR;AAIE,cAAA,MAAM,EAAC;AAJT,cADF,CADsB;AASvB;AAbH,UAVF,CADF;AA4BD,OAhCA,CANH,CADF;AA0CD;AAvEH,IAJF,CADF;AAgFD;;;;"}

package/ui/MessageSearchFileItem.js

@@ -1,18 +1,18 @@
-import { a as __spreadArray } from '../tslib.es6-c793443a.js';
+import { a as __spreadArray } from '../tslib.es6-5c8a20bb.js';
 import React__default from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-07cd4778.js';
-import { u as useLocalization } from '../LocalizationContext-61a4a931.js';
-import { f as format } from '../index-aa2d32cc.js';
-import { i as isToday, a as isYesterday, f as formatRelative } from '../index-b1f9e3f9.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5efc096b.js';
+import { u as useLocalization } from '../LocalizationContext-7d740b0a.js';
+import { f as format } from '../index-d4e18807.js';
+import { i as isToday, a as isYesterday, f as formatRelative } from '../index-62f1a209.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-30d122aa.js';
+import '../uuid-8d849862.js';
+import '../_rollupPluginBabelHelpers-4e546dea.js';
 import 'prop-types';
-import '../uuid-7c3f59a3.js';
-import '../stringSet-92f53c6e.js';
-import '../index-191d1d43.js';
-import '../index-5428ab4f.js';
+import '../stringSet-53204a58.js';
+import '../index-3d519005.js';
+import '../index-47b8d0ce.js';
 
 function getCreatedAt(createdAt, locale) {
   var optionalParam = locale ? {

package/ui/MessageSearchItem.js

@@ -1,18 +1,18 @@
-import { a as __spreadArray } from '../tslib.es6-c793443a.js';
+import { a as __spreadArray } from '../tslib.es6-5c8a20bb.js';
 import React__default from 'react';
-import { f as format } from '../index-aa2d32cc.js';
-import { i as isToday, a as isYesterday, f as formatRelative } from '../index-b1f9e3f9.js';
+import { f as format } from '../index-d4e18807.js';
+import { i as isToday, a as isYesterday, f as formatRelative } from '../index-62f1a209.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-07cd4778.js';
-import { u as useLocalization } from '../LocalizationContext-61a4a931.js';
-import '../index-191d1d43.js';
-import '../index-5428ab4f.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5efc096b.js';
+import { u as useLocalization } from '../LocalizationContext-7d740b0a.js';
+import '../index-3d519005.js';
+import '../index-47b8d0ce.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-30d122aa.js';
-import 'prop-types';
 import './Icon.js';
-import '../uuid-7c3f59a3.js';
-import '../stringSet-92f53c6e.js';
+import '../_rollupPluginBabelHelpers-4e546dea.js';
+import 'prop-types';
+import '../uuid-8d849862.js';
+import '../stringSet-53204a58.js';
 
 function getCreatedAt (createdAt, locale) {
   var optionalParam = locale ? {

package/ui/MessageStatus.js

@@ -1,15 +1,15 @@
-import { a as __spreadArray } from '../tslib.es6-c793443a.js';
+import { a as __spreadArray } from '../tslib.es6-5c8a20bb.js';
 import React__default, { useMemo } from 'react';
-import { f as format } from '../index-aa2d32cc.js';
+import { f as format } from '../index-d4e18807.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-07cd4778.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5efc096b.js';
 import Loader from './Loader.js';
-import { a as getOutgoingMessageStates, h as getOutgoingMessageState, j as isSentStatus } from '../index-65007eeb.js';
-import { u as useLocalization } from '../LocalizationContext-61a4a931.js';
-import '../index-191d1d43.js';
-import '../_rollupPluginBabelHelpers-30d122aa.js';
+import { a as getOutgoingMessageStates, h as getOutgoingMessageState, j as isSentStatus } from '../index-f37bc955.js';
+import { u as useLocalization } from '../LocalizationContext-7d740b0a.js';
+import '../index-3d519005.js';
+import '../_rollupPluginBabelHelpers-4e546dea.js';
 import 'prop-types';
-import '../stringSet-92f53c6e.js';
+import '../stringSet-53204a58.js';
 
 var MessageStatusTypes = getOutgoingMessageStates();
 function MessageStatus(_a) {

package/ui/Modal.js

@@ -1,19 +1,19 @@
 import React__default, { useContext } from 'react';
-import PropTypes from 'prop-types';
 import { createPortal } from 'react-dom';
-import { a as LocalizationContext } from '../LocalizationContext-61a4a931.js';
-import { M as MODAL_ROOT } from '../index-42b2527f.js';
-import IconButton from './IconButton.js';
+import { M as MODAL_ROOT } from '../index-7965b338.js';
+import { a as LocalizationContext } from '../LocalizationContext-7d740b0a.js';
+import { a as ButtonTypes, B as Button } from '../index-9ba00bc1.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { B as Button, a as ButtonTypes } from '../index-d3358aa9.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-07cd4778.js';
-import { n as noop } from '../utils-b69f7583.js';
-import '../stringSet-92f53c6e.js';
-import '../index-191d1d43.js';
-import '../_rollupPluginBabelHelpers-30d122aa.js';
+import IconButton from './IconButton.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5efc096b.js';
+import '../stringSet-53204a58.js';
+import '../index-3d519005.js';
+import '../tslib.es6-5c8a20bb.js';
+import '../_rollupPluginBabelHelpers-4e546dea.js';
+import 'prop-types';
 
-var ModalHeader = function ModalHeader(_ref) {
-  var titleText = _ref.titleText;
+var ModalHeader = function ModalHeader(_a) {
+  var titleText = _a.titleText;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-modal__header"
   }, /*#__PURE__*/React__default.createElement(Label, {
@@ -21,11 +21,8 @@ var ModalHeader = function ModalHeader(_ref) {
     color: LabelColors.ONBACKGROUND_1
   }, titleText));
 };
-ModalHeader.propTypes = {
-  titleText: PropTypes.string.isRequired
-};
-var ModalBody = function ModalBody(_ref2) {
-  var children = _ref2.children;
+var ModalBody = function ModalBody(_a) {
+  var children = _a.children;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-modal__body"
   }, /*#__PURE__*/React__default.createElement(Label, {
@@ -33,23 +30,15 @@ var ModalBody = function ModalBody(_ref2) {
     color: LabelColors.ONBACKGROUND_2
   }, children));
 };
-ModalBody.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.element.isRequired, PropTypes.arrayOf(PropTypes.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 = useContext(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 ? ButtonTypes.DANGER : _c,
+      onSubmit = _a.onSubmit,
+      onCancel = _a.onCancel;
+  var stringSet = useContext(LocalizationContext).stringSet;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-modal__footer"
   }, /*#__PURE__*/React__default.createElement(Button, {
@@ -64,27 +53,21 @@ var ModalFooter = function ModalFooter(_ref3) {
     onClick: onSubmit
   }, submitText));
 };
-ModalFooter.propTypes = {
-  onCancel: PropTypes.func.isRequired,
-  onSubmit: PropTypes.func.isRequired,
-  submitText: PropTypes.string.isRequired,
-  disabled: PropTypes.bool,
-  type: PropTypes.string
-};
-ModalFooter.defaultProps = {
-  disabled: false,
-  type: ButtonTypes.DANGER
-};
 function Modal(props) {
-  var children = props.children,
-      onCancel = props.onCancel,
-      _props$onSubmit = props.onSubmit,
-      onSubmit = _props$onSubmit === void 0 ? 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 ? ButtonTypes.DANGER : _d,
+      _e = props.onCancel,
+      onCancel = _e === void 0 ? function () {} : _e,
+      _f = props.onSubmit,
+      onSubmit = _f === void 0 ? function () {} : _f;
   return /*#__PURE__*/createPortal( /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-modal"
   }, /*#__PURE__*/React__default.createElement("div", {
@@ -112,20 +95,6 @@ function Modal(props) {
     className: "sendbird-modal__backdrop"
   })), document.getElementById(MODAL_ROOT));
 }
-Modal.propTypes = {
-  children: PropTypes.oneOfType([PropTypes.element, PropTypes.arrayOf(PropTypes.element)]),
-  onCancel: PropTypes.func.isRequired,
-  onSubmit: PropTypes.func,
-  hideFooter: PropTypes.bool,
-  disabled: PropTypes.bool,
-  type: PropTypes.string
-};
-Modal.defaultProps = {
-  children: null,
-  hideFooter: false,
-  disabled: false,
-  type: ButtonTypes.DANGER
-};
 
 export { ModalBody, ModalFooter, ModalHeader, Modal as default };
 //# sourceMappingURL=Modal.js.map

package/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","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","ButtonTypes","SECONDARY","BUTTON_1","BUTTON__CANCEL","func","bool","DANGER","Modal","props","noop","hideFooter","createPortal","IconTypes","CLOSE","IconColors","DEFAULT","document","getElementById","MODAL_ROOT"],"mappings":";;;;;;;;;;;;;;IAcaA,WAAW,GAAG,SAAdA,WAAc;AAAA,MAAGC,SAAH,QAAGA,SAAH;AAAA,sBACzBC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,6BAAC,KAAD;AAAO,IAAA,IAAI,EAAEC,eAAe,CAACC,GAA7B;AAAkC,IAAA,KAAK,EAAEC,WAAW,CAACC;AAArD,KACGL,SADH,CADF,CADyB;AAAA;AAO3BD,WAAW,CAACO,SAAZ,GAAwB;AACtBN,EAAAA,SAAS,EAAEO,SAAS,CAACC,MAAV,CAAiBC;AADN,CAAxB;IAIaC,SAAS,GAAG,SAAZA,SAAY;AAAA,MAAGC,QAAH,SAAGA,QAAH;AAAA,sBACvBV;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,6BAAC,KAAD;AACE,IAAA,IAAI,EAAEC,eAAe,CAACU,UADxB;AAEE,IAAA,KAAK,EAAER,WAAW,CAACS;AAFrB,KAIGF,QAJH,CADF,CADuB;AAAA;AAUzBD,SAAS,CAACJ,SAAV,GAAsB;AACpBK,EAAAA,QAAQ,EAAEJ,SAAS,CAACO,SAAV,CAAoB,CAC5BP,SAAS,CAACQ,OAAV,CAAkBN,UADU,EAE5BF,SAAS,CAACS,OAAV,CAAkBT,SAAS,CAACQ,OAAV,CAAkBN,UAApC,CAF4B,CAApB;AADU,CAAtB;AAMAC,SAAS,CAACO,YAAV,GAAyB;AACvBN,EAAAA,QAAQ,EAAE;AADa,CAAzB;IAIaO,WAAW,GAAG,SAAdA,WAAc,QAMrB;AAAA,MALJC,QAKI,SALJA,QAKI;AAAA,MAJJC,QAII,SAJJA,QAII;AAAA,6BAHJC,QAGI;AAAA,MAHJA,QAGI,+BAHO,KAGP;AAAA,MAFJC,UAEI,SAFJA,UAEI;AAAA,MADJC,IACI,SADJA,IACI;;AACJ,oBAAsBC,UAAU,CAACC,mBAAD,CAAhC;AAAA,MAAQC,SAAR,eAAQA,SAAR;;AACA,sBACEzB;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,6BAAC,MAAD;AAAQ,IAAA,IAAI,EAAE0B,WAAW,CAACC,SAA1B;AAAqC,IAAA,OAAO,EAAER;AAA9C,kBACEnB,6BAAC,KAAD;AAAO,IAAA,IAAI,EAAEC,eAAe,CAAC2B,QAA7B;AAAuC,IAAA,KAAK,EAAEzB,WAAW,CAACC;AAA1D,KACGqB,SAAS,CAACI,cADb,CADF,CADF,eAME7B,6BAAC,MAAD;AAAQ,IAAA,IAAI,EAAEsB,IAAd;AAAoB,IAAA,QAAQ,EAAEF,QAA9B;AAAwC,IAAA,OAAO,EAAEF;AAAjD,KACGG,UADH,CANF,CADF;AAYD;AAEDJ,WAAW,CAACZ,SAAZ,GAAwB;AACtBc,EAAAA,QAAQ,EAAEb,SAAS,CAACwB,IAAV,CAAetB,UADH;AAEtBU,EAAAA,QAAQ,EAAEZ,SAAS,CAACwB,IAAV,CAAetB,UAFH;AAGtBa,EAAAA,UAAU,EAAEf,SAAS,CAACC,MAAV,CAAiBC,UAHP;AAItBY,EAAAA,QAAQ,EAAEd,SAAS,CAACyB,IAJE;AAKtBT,EAAAA,IAAI,EAAEhB,SAAS,CAACC;AALM,CAAxB;AAOAU,WAAW,CAACD,YAAZ,GAA2B;AACzBI,EAAAA,QAAQ,EAAE,KADe;AAEzBE,EAAAA,IAAI,EAAEI,WAAW,CAACM;AAFO,CAA3B;AAKe,SAASC,KAAT,CAAeC,KAAf,EAAsB;AACnC,MACExB,QADF,GASIwB,KATJ,CACExB,QADF;AAAA,MAEES,QAFF,GASIe,KATJ,CAEEf,QAFF;AAAA,wBASIe,KATJ,CAGEhB,QAHF;AAAA,MAGEA,QAHF,gCAGaiB,IAHb;AAAA,MAIEf,QAJF,GASIc,KATJ,CAIEd,QAJF;AAAA,MAKEC,UALF,GASIa,KATJ,CAKEb,UALF;AAAA,MAMEtB,SANF,GASImC,KATJ,CAMEnC,SANF;AAAA,MAOEqC,UAPF,GASIF,KATJ,CAOEE,UAPF;AAAA,MAQEd,IARF,GASIY,KATJ,CAQEZ,IARF;AAUA,sBAAOe,YAAY,eACjBrC;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,6BAAC,WAAD;AAAa,IAAA,SAAS,EAAED;AAAxB,IADF,eAEEC,6BAAC,SAAD,QAAYU,QAAZ,CAFF,EAII,CAAC0B,UAAD,iBACEpC,6BAAC,WAAD;AACE,IAAA,QAAQ,EAAEoB,QADZ;AAEE,IAAA,QAAQ,EAAED,QAFZ;AAGE,IAAA,QAAQ,EAAED,QAHZ;AAIE,IAAA,UAAU,EAAEG,UAJd;AAKE,IAAA,IAAI,EAAEC;AALR,IALN,eAcEtB;AAAK,IAAA,SAAS,EAAC;AAAf,kBACEA,6BAAC,UAAD;AACE,IAAA,KAAK,EAAC,MADR;AAEE,IAAA,MAAM,EAAC,MAFT;AAGE,IAAA,OAAO,EAAEmB;AAHX,kBAKEnB,6BAAC,IAAD;AACE,IAAA,IAAI,EAAEsC,SAAS,CAACC,KADlB;AAEE,IAAA,SAAS,EAAEC,UAAU,CAACC,OAFxB;AAGE,IAAA,KAAK,EAAC,MAHR;AAIE,IAAA,MAAM,EAAC;AAJT,IALF,CADF,CAdF,CADF,eA8BEzC;AAAK,IAAA,SAAS,EAAC;AAAf,IA9BF,CADiB,EAiChB0C,QAAQ,CAACC,cAAT,CAAwBC,UAAxB,CAjCgB,CAAnB;AAkCD;AAEDX,KAAK,CAAC5B,SAAN,GAAkB;AAChBK,EAAAA,QAAQ,EAAEJ,SAAS,CAACO,SAAV,CAAoB,CAC5BP,SAAS,CAACQ,OADkB,EAE5BR,SAAS,CAACS,OAAV,CAAkBT,SAAS,CAACQ,OAA5B,CAF4B,CAApB,CADM;AAKhBK,EAAAA,QAAQ,EAAEb,SAAS,CAACwB,IAAV,CAAetB,UALT;AAMhBU,EAAAA,QAAQ,EAAEZ,SAAS,CAACwB,IANJ;AAOhBM,EAAAA,UAAU,EAAE9B,SAAS,CAACyB,IAPN;AAQhBX,EAAAA,QAAQ,EAAEd,SAAS,CAACyB,IARJ;AAShBT,EAAAA,IAAI,EAAEhB,SAAS,CAACC;AATA,CAAlB;AAWA0B,KAAK,CAACjB,YAAN,GAAqB;AACnBN,EAAAA,QAAQ,EAAE,IADS;AAEnB0B,EAAAA,UAAU,EAAE,KAFO;AAGnBhB,EAAAA,QAAQ,EAAE,KAHS;AAInBE,EAAAA,IAAI,EAAEI,WAAW,CAACM;AAJC,CAArB;;;;"}
+{"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","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","SECONDARY","BUTTON_1","BUTTON__CANCEL","Modal","props","hideFooter","_d","_e","_f","createPortal","IconTypes","CLOSE","IconColors","DEFAULT","document","getElementById","MODAL_ROOT"],"mappings":"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"}

package/ui/MutedAvatarOverlay.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../_rollupPluginBabelHelpers-30d122aa.js';
+import '../_rollupPluginBabelHelpers-4e546dea.js';
 import 'prop-types';
 
 function MutedAvatarOverlay(props) {

package/ui/OGMessageItemBody.js

@@ -2,27 +2,27 @@ import React__default, { useContext } from 'react';
 import Word from './Word.js';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-07cd4778.js';
-import { u as uuidv4 } from '../uuid-7c3f59a3.js';
-import { k as getClassName, e as isEditedMessage } from '../index-65007eeb.js';
-import { a as LocalizationContext } from '../LocalizationContext-61a4a931.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5efc096b.js';
+import { u as uuidv4 } from '../uuid-8d849862.js';
+import { k as getClassName, e as isEditedMessage } from '../index-f37bc955.js';
+import { a as LocalizationContext } from '../LocalizationContext-7d740b0a.js';
 import './LinkLabel.js';
-import '../_rollupPluginBabelHelpers-30d122aa.js';
+import '../_rollupPluginBabelHelpers-4e546dea.js';
 import 'prop-types';
 import './MentionLabel.js';
 import './ContextMenu.js';
+import '../tslib.es6-5c8a20bb.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../stringSet-92f53c6e.js';
-import '../tslib.es6-c793443a.js';
+import '../stringSet-53204a58.js';
 import './UserProfile.js';
 import '../withSendbird.js';
 import '../sendbirdSelectors.js';
-import '../topics-71b67878.js';
-import '../utils-b69f7583.js';
+import '../topics-3dbd69e2.js';
+import '../utils-e0115d03.js';
 import './Avatar.js';
-import '../index-d3358aa9.js';
-import '../index-191d1d43.js';
+import '../index-9ba00bc1.js';
+import '../index-3d519005.js';
 import '../useSendbirdStateContext.js';
 
 function OGMessageItemBody(_a) {

package/ui/OpenChannelAdminMessage.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../tslib.es6-c793443a.js';
+import { a as __spreadArray } from '../tslib.es6-5c8a20bb.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-07cd4778.js';
-import '../_rollupPluginBabelHelpers-30d122aa.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5efc096b.js';
+import '../_rollupPluginBabelHelpers-4e546dea.js';
 import 'prop-types';
-import '../stringSet-92f53c6e.js';
+import '../stringSet-53204a58.js';
 
 function OpenChannelAdminMessage(_a) {
   var className = _a.className,

package/ui/OpenChannelAvatar.js

@@ -1,15 +1,15 @@
 import React__default, { useContext, useMemo } from 'react';
 import Avatar from './Avatar.js';
-import { a as LocalizationContext } from '../LocalizationContext-61a4a931.js';
-import { b as getOpenChannelAvatar } from '../utils-b37c6db3.js';
-import '../tslib.es6-c793443a.js';
+import { a as LocalizationContext } from '../LocalizationContext-7d740b0a.js';
+import { b as getOpenChannelAvatar } from '../utils-edeb25c5.js';
+import '../tslib.es6-5c8a20bb.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-30d122aa.js';
-import 'prop-types';
 import './Icon.js';
-import '../uuid-7c3f59a3.js';
-import '../stringSet-92f53c6e.js';
-import '../index-191d1d43.js';
+import '../_rollupPluginBabelHelpers-4e546dea.js';
+import 'prop-types';
+import '../uuid-8d849862.js';
+import '../stringSet-53204a58.js';
+import '../index-3d519005.js';
 
 function ChannelAvatar(_a) {
   var channel = _a.channel,

package/ui/OpenchannelConversationHeader.js

@@ -2,15 +2,15 @@ import React__default, { useContext } from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-07cd4778.js';
-import { a as LocalizationContext } from '../LocalizationContext-61a4a931.js';
-import '../tslib.es6-c793443a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5efc096b.js';
+import { a as LocalizationContext } from '../LocalizationContext-7d740b0a.js';
+import '../tslib.es6-5c8a20bb.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-30d122aa.js';
+import '../uuid-8d849862.js';
+import '../_rollupPluginBabelHelpers-4e546dea.js';
 import 'prop-types';
-import '../uuid-7c3f59a3.js';
-import '../stringSet-92f53c6e.js';
-import '../index-191d1d43.js';
+import '../stringSet-53204a58.js';
+import '../index-3d519005.js';
 
 function OpenchannelConversationHeader(_a) {
   var coverImage = _a.coverImage,

package/ui/OpenchannelFileMessage.js

@@ -1,32 +1,32 @@
-import { a as __spreadArray } from '../tslib.es6-c793443a.js';
+import { a as __spreadArray } from '../tslib.es6-5c8a20bb.js';
 import React__default, { useRef, useContext } from 'react';
-import { f as format } from '../index-aa2d32cc.js';
+import { f as format } from '../index-d4e18807.js';
 import Avatar from './Avatar.js';
 import ContextMenu, { MenuItems, MenuItem } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-07cd4778.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-5efc096b.js';
 import Loader from './Loader.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import IconButton from './IconButton.js';
 import TextButton from './TextButton.js';
 import ConnectedUserProfile from './UserProfile.js';
-import { a as UserProfileContext } from '../UserProfileContext-3524e64c.js';
-import { u as useLocalization } from '../LocalizationContext-61a4a931.js';
-import { g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, c as isFineDelete, d as checkIsPending, e as checkIsFailed } from '../openChannelUtils-6a414996.js';
-import '../index-191d1d43.js';
+import { a as UserProfileContext } from '../UserProfileContext-9b7b1d4f.js';
+import { u as useLocalization } from '../LocalizationContext-7d740b0a.js';
+import { g as getSenderFromMessage, s as showMenuTrigger, b as isFineResend, c as isFineDelete, d as checkIsPending, e as checkIsFailed } from '../openChannelUtils-1ae6ef95.js';
+import '../index-3d519005.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-30d122aa.js';
+import '../uuid-8d849862.js';
+import '../_rollupPluginBabelHelpers-4e546dea.js';
 import 'prop-types';
-import '../uuid-7c3f59a3.js';
-import '../index-65007eeb.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../stringSet-92f53c6e.js';
-import '../color-f6548425.js';
+import '../index-f37bc955.js';
+import '../stringSet-53204a58.js';
+import '../color-7a9e9046.js';
 import '../withSendbird.js';
 import '../sendbirdSelectors.js';
-import '../topics-71b67878.js';
-import '../utils-b69f7583.js';
-import '../index-d3358aa9.js';
+import '../topics-3dbd69e2.js';
+import '../utils-e0115d03.js';
+import '../index-9ba00bc1.js';
 
 var checkFileType = function checkFileType(fileUrl) {
   var audioFile = /(\.mp3)$/i;