@sendbird/uikit-react 3.0.2-beta.2 → 3.1.0

package/ui/FileViewer.js

@@ -2,15 +2,15 @@ import React__default from 'react';
 import PropTypes from 'prop-types';
 import { createPortal } from 'react-dom';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7324a9d2.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0b5ccb8a.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { M as MODAL_ROOT } from '../index-79815d20.js';
-import { A as isSupportedFileView, B as isVideo, C as isImage } from '../index-2a105a6a.js';
-import '../tslib.es6-71164428.js';
+import { M as MODAL_ROOT } from '../index-626e0c91.js';
+import { A as isSupportedFileView, B as isVideo, C as isImage } from '../index-b75c8b72.js';
+import '../tslib.es6-bc2713d7.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-c97525da.js';
-import '../uuid-39710dee.js';
-import '../stringSet-7a28664f.js';
+import '../_rollupPluginBabelHelpers-e62b6c94.js';
+import '../uuid-b172d222.js';
+import '../stringSet-8471446d.js';
 
 var FileViewerComponent = function FileViewerComponent(_ref) {
   var profileUrl = _ref.profileUrl,

package/ui/Icon.js

@@ -1,4 +1,4 @@
-import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-c97525da.js';
+import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-e62b6c94.js';
 import * as React from 'react';
 import React__default from 'react';
 import PropTypes from 'prop-types';

package/ui/IconButton.js

@@ -1,4 +1,4 @@
-import { a as _slicedToArray, b as _toConsumableArray, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-c97525da.js';
+import { a as _slicedToArray, b as _toConsumableArray, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-e62b6c94.js';
 import React__default, { useState } from 'react';
 import PropTypes from 'prop-types';
 

package/ui/ImageRenderer.js

@@ -1,4 +1,4 @@
-import { a as _slicedToArray, b as _toConsumableArray } from '../_rollupPluginBabelHelpers-c97525da.js';
+import { a as _slicedToArray, b as _toConsumableArray } from '../_rollupPluginBabelHelpers-e62b6c94.js';
 import React__default, { useState, useMemo } from 'react';
 import PropTypes from 'prop-types';
 

package/ui/Input.js

@@ -1,8 +1,8 @@
-import { a as _slicedToArray } from '../_rollupPluginBabelHelpers-c97525da.js';
+import { a as _slicedToArray } from '../_rollupPluginBabelHelpers-e62b6c94.js';
 import React__default, { useState } from 'react';
 import PropTypes from 'prop-types';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7324a9d2.js';
-import '../stringSet-7a28664f.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0b5ccb8a.js';
+import '../stringSet-8471446d.js';
 
 var InputLabel = function InputLabel(_ref) {
   var children = _ref.children;

package/ui/Label.js

@@ -1,6 +1,6 @@
-import '../_rollupPluginBabelHelpers-c97525da.js';
+import '../_rollupPluginBabelHelpers-e62b6c94.js';
 import 'react';
 import 'prop-types';
-export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../index-7324a9d2.js';
-import '../stringSet-7a28664f.js';
+export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../index-0b5ccb8a.js';
+import '../stringSet-8471446d.js';
 //# sourceMappingURL=Label.js.map

package/ui/LinkLabel.js

@@ -1,8 +1,8 @@
-import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-c97525da.js';
+import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-e62b6c94.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { a as LabelTypography, b as LabelColors, d as changeColorToClassName, L as Label } from '../index-7324a9d2.js';
-import '../stringSet-7a28664f.js';
+import { a as LabelTypography, b as LabelColors, d as changeColorToClassName, L as Label } from '../index-0b5ccb8a.js';
+import '../stringSet-8471446d.js';
 
 var http = /https?:\/\//;
 function LinkLabel(_ref) {

package/ui/Loader.js

@@ -1,4 +1,4 @@
-import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-c97525da.js';
+import { b as _toConsumableArray } from '../_rollupPluginBabelHelpers-e62b6c94.js';
 import React__default from 'react';
 import PropTypes from 'prop-types';
 import Icon, { IconTypes } from './Icon.js';

package/ui/MentionLabel.js

@@ -1,26 +1,26 @@
 import React__default, { useRef, useState, useCallback } from 'react';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7324a9d2.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0b5ccb8a.js';
 import ConnectedUserProfile from './UserProfile.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../_rollupPluginBabelHelpers-c97525da.js';
+import '../_rollupPluginBabelHelpers-e62b6c94.js';
 import 'prop-types';
-import '../index-2a105a6a.js';
-import '../tslib.es6-71164428.js';
+import '../index-b75c8b72.js';
+import '../tslib.es6-bc2713d7.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../stringSet-7a28664f.js';
-import '../LocalizationContext-6e75b56a.js';
-import '../index-3444f2dd.js';
+import '../stringSet-8471446d.js';
+import '../LocalizationContext-9f3a97d4.js';
+import '../index-6d9f27e9.js';
 import '../withSendbird.js';
 import '../sendbirdSelectors.js';
-import '../topics-7ca110dd.js';
-import '../utils-38a1ad56.js';
+import '../topics-408562ae.js';
+import '../utils-6f162725.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';
-import '../uuid-39710dee.js';
-import '../index-7f7579cb.js';
+import '../uuid-b172d222.js';
+import '../index-be56e57e.js';
 
 function MentionLabel(props) {
   var _a, _b, _c;

package/ui/MessageContent.js

@@ -1,12 +1,12 @@
 import React__default, { useContext, useRef, useState } from 'react';
-import { f as format } from '../index-0b740954.js';
+import { f as format } from '../index-b9397b82.js';
 import Avatar from './Avatar.js';
 import ConnectedUserProfile from './UserProfile.js';
 import MessageStatus from './MessageStatus.js';
 import MessageItemMenu from './MessageItemMenu.js';
 import MessageItemReactionMenu from './MessageItemReactionMenu.js';
 import ContextMenu, { MenuItems } from './ContextMenu.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7324a9d2.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0b5ccb8a.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import TextMessageItemBody from './TextMessageItemBody.js';
@@ -15,24 +15,24 @@ import ThumbnailMessageItemBody from './ThumbnailMessageItemBody.js';
 import OGMessageItemBody from './OGMessageItemBody.js';
 import UnknownMessageItemBody from './UnknownMessageItemBody.js';
 import QuoteMessage from './QuoteMessage.js';
-import { v as getUIKitMessageTypes, k as getClassName, w as getSenderName, x as isTextMessage, y as isOGMessage, z as getUIKitMessageType, p as isThumbnailMessage } from '../index-2a105a6a.js';
-import { a as UserProfileContext } from '../UserProfileContext-f367c086.js';
-import { u as useLocalization } from '../LocalizationContext-6e75b56a.js';
+import { v as getUIKitMessageTypes, k as getClassName, w as getSenderName, x as isTextMessage, y as isOGMessage, z as getUIKitMessageType, p as isThumbnailMessage } from '../index-b75c8b72.js';
+import { a as UserProfileContext } from '../UserProfileContext-0ab13769.js';
+import { u as useLocalization } from '../LocalizationContext-9f3a97d4.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../index-3444f2dd.js';
-import '../tslib.es6-71164428.js';
+import '../index-6d9f27e9.js';
+import '../tslib.es6-bc2713d7.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-c97525da.js';
+import '../_rollupPluginBabelHelpers-e62b6c94.js';
 import 'prop-types';
 import './Icon.js';
-import '../uuid-39710dee.js';
+import '../uuid-b172d222.js';
 import '../withSendbird.js';
 import '../sendbirdSelectors.js';
-import '../topics-7ca110dd.js';
-import '../utils-38a1ad56.js';
-import '../index-7f7579cb.js';
+import '../topics-408562ae.js';
+import '../utils-6f162725.js';
+import '../index-be56e57e.js';
 import './Loader.js';
-import '../stringSet-7a28664f.js';
+import '../stringSet-8471446d.js';
 import './IconButton.js';
 import './ReactionButton.js';
 import 'react-dom';
@@ -44,7 +44,7 @@ import './Word.js';
 import './LinkLabel.js';
 import './MentionLabel.js';
 import './TextButton.js';
-import '../color-8a34313f.js';
+import '../color-af7ca71d.js';
 
 function MessageContent(_a) {
   var _b, _c, _d, _e, _f;

package/ui/MessageInput.js

@@ -1,18 +1,18 @@
-import { a as _slicedToArray, _ as _objectSpread2, b as _toConsumableArray } from '../_rollupPluginBabelHelpers-c97525da.js';
+import { a as _slicedToArray, _ as _objectSpread2, b as _toConsumableArray } from '../_rollupPluginBabelHelpers-e62b6c94.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-3c79b764.js';
-import { U as USER_MENTION_TEMP_CHAR } from '../const-8cce96ac.js';
+import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../const-1df70d22.js';
+import { U as USER_MENTION_TEMP_CHAR } from '../const-e494c46a.js';
 import IconButton from './IconButton.js';
-import { B as Button, a as ButtonTypes, b as ButtonSizes } from '../index-7f7579cb.js';
+import { B as Button, a as ButtonTypes, b as ButtonSizes } from '../index-be56e57e.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-7324a9d2.js';
-import { a as LocalizationContext } from '../LocalizationContext-6e75b56a.js';
-import { l as convertWordToStringObj, S as StringObjType, m as arrayEqual, k as getClassName } from '../index-2a105a6a.js';
-import '../stringSet-7a28664f.js';
-import '../index-3444f2dd.js';
-import '../tslib.es6-71164428.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0b5ccb8a.js';
+import { a as LocalizationContext } from '../LocalizationContext-9f3a97d4.js';
+import { l as convertWordToStringObj, S as StringObjType, m as arrayEqual, k as getClassName } from '../index-b75c8b72.js';
+import '../stringSet-8471446d.js';
+import '../index-6d9f27e9.js';
+import '../tslib.es6-bc2713d7.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,16 @@ 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-2a105a6a.js';
-import { a as LocalizationContext } from '../LocalizationContext-6e75b56a.js';
-import '../_rollupPluginBabelHelpers-c97525da.js';
+import { u as isUserMessage, D as isSentMessage, E as isFailedMessage, F as isPendingMessage, k as getClassName, G as copyToClipboard } from '../index-b75c8b72.js';
+import { a as LocalizationContext } from '../LocalizationContext-9f3a97d4.js';
+import '../_rollupPluginBabelHelpers-e62b6c94.js';
 import 'prop-types';
-import '../index-7324a9d2.js';
-import '../stringSet-7a28664f.js';
+import '../index-0b5ccb8a.js';
+import '../stringSet-8471446d.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../tslib.es6-71164428.js';
-import '../index-3444f2dd.js';
+import '../tslib.es6-bc2713d7.js';
+import '../index-6d9f27e9.js';
 
 function MessageItemMenu(_a) {
   var className = _a.className,

package/ui/MessageItemReactionMenu.js

@@ -4,14 +4,14 @@ 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-2a105a6a.js';
-import '../_rollupPluginBabelHelpers-c97525da.js';
+import { F as isPendingMessage, E as isFailedMessage, k as getClassName, H as getEmojiListAll } from '../index-b75c8b72.js';
+import '../_rollupPluginBabelHelpers-e62b6c94.js';
 import 'prop-types';
-import '../index-7324a9d2.js';
-import '../stringSet-7a28664f.js';
+import '../index-0b5ccb8a.js';
+import '../stringSet-8471446d.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../tslib.es6-71164428.js';
+import '../tslib.es6-bc2713d7.js';
 
 function MessageItemReactionMenu(_a) {
   var className = _a.className,

package/ui/MessageSearchFileItem.js

@@ -1,18 +1,18 @@
-import { a as __spreadArray } from '../tslib.es6-71164428.js';
+import { a as __spreadArray } from '../tslib.es6-bc2713d7.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-7324a9d2.js';
-import { u as useLocalization } from '../LocalizationContext-6e75b56a.js';
-import { f as format } from '../index-0b740954.js';
-import { i as isToday, a as isYesterday, f as formatRelative } from '../index-07c1cd2b.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0b5ccb8a.js';
+import { u as useLocalization } from '../LocalizationContext-9f3a97d4.js';
+import { f as format } from '../index-b9397b82.js';
+import { i as isToday, a as isYesterday, f as formatRelative } from '../index-961dd650.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-c97525da.js';
+import '../_rollupPluginBabelHelpers-e62b6c94.js';
 import 'prop-types';
-import '../uuid-39710dee.js';
-import '../stringSet-7a28664f.js';
-import '../index-3444f2dd.js';
-import '../index-6f372bb8.js';
+import '../uuid-b172d222.js';
+import '../stringSet-8471446d.js';
+import '../index-6d9f27e9.js';
+import '../index-0bca77f6.js';
 
 function getCreatedAt(createdAt, locale) {
   var optionalParam = locale ? {

package/ui/MessageSearchItem.js

@@ -1,18 +1,18 @@
-import { a as __spreadArray } from '../tslib.es6-71164428.js';
+import { a as __spreadArray } from '../tslib.es6-bc2713d7.js';
 import React__default from 'react';
-import { f as format } from '../index-0b740954.js';
-import { i as isToday, a as isYesterday, f as formatRelative } from '../index-07c1cd2b.js';
+import { f as format } from '../index-b9397b82.js';
+import { i as isToday, a as isYesterday, f as formatRelative } from '../index-961dd650.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7324a9d2.js';
-import { u as useLocalization } from '../LocalizationContext-6e75b56a.js';
-import '../index-3444f2dd.js';
-import '../index-6f372bb8.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0b5ccb8a.js';
+import { u as useLocalization } from '../LocalizationContext-9f3a97d4.js';
+import '../index-6d9f27e9.js';
+import '../index-0bca77f6.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-c97525da.js';
+import '../_rollupPluginBabelHelpers-e62b6c94.js';
 import 'prop-types';
 import './Icon.js';
-import '../uuid-39710dee.js';
-import '../stringSet-7a28664f.js';
+import '../uuid-b172d222.js';
+import '../stringSet-8471446d.js';
 
 function getCreatedAt (createdAt, locale) {
   var optionalParam = locale ? {

package/ui/MessageStatus.js

@@ -1,15 +1,15 @@
-import { a as __spreadArray } from '../tslib.es6-71164428.js';
+import { a as __spreadArray } from '../tslib.es6-bc2713d7.js';
 import React__default, { useMemo } from 'react';
-import { f as format } from '../index-0b740954.js';
+import { f as format } from '../index-b9397b82.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7324a9d2.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0b5ccb8a.js';
 import Loader from './Loader.js';
-import { a as getOutgoingMessageStates, h as getOutgoingMessageState, j as isSentStatus } from '../index-2a105a6a.js';
-import { u as useLocalization } from '../LocalizationContext-6e75b56a.js';
-import '../index-3444f2dd.js';
-import '../_rollupPluginBabelHelpers-c97525da.js';
+import { a as getOutgoingMessageStates, h as getOutgoingMessageState, j as isSentStatus } from '../index-b75c8b72.js';
+import { u as useLocalization } from '../LocalizationContext-9f3a97d4.js';
+import '../index-6d9f27e9.js';
+import '../_rollupPluginBabelHelpers-e62b6c94.js';
 import 'prop-types';
-import '../stringSet-7a28664f.js';
+import '../stringSet-8471446d.js';
 
 var MessageStatusTypes = getOutgoingMessageStates();
 function MessageStatus(_a) {

package/ui/Modal.js

@@ -1,16 +1,16 @@
 import React__default, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { createPortal } from 'react-dom';
-import { a as LocalizationContext } from '../LocalizationContext-6e75b56a.js';
-import { M as MODAL_ROOT } from '../index-79815d20.js';
+import { a as LocalizationContext } from '../LocalizationContext-9f3a97d4.js';
+import { M as MODAL_ROOT } from '../index-626e0c91.js';
 import IconButton from './IconButton.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { B as Button, a as ButtonTypes } from '../index-7f7579cb.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7324a9d2.js';
-import { n as noop } from '../utils-38a1ad56.js';
-import '../stringSet-7a28664f.js';
-import '../index-3444f2dd.js';
-import '../_rollupPluginBabelHelpers-c97525da.js';
+import { B as Button, a as ButtonTypes } from '../index-be56e57e.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0b5ccb8a.js';
+import { n as noop } from '../utils-6f162725.js';
+import '../stringSet-8471446d.js';
+import '../index-6d9f27e9.js';
+import '../_rollupPluginBabelHelpers-e62b6c94.js';
 
 var ModalHeader = function ModalHeader(_ref) {
   var titleText = _ref.titleText;
@@ -28,7 +28,10 @@ var ModalBody = function ModalBody(_ref2) {
   var children = _ref2.children;
   return /*#__PURE__*/React__default.createElement("div", {
     className: "sendbird-modal__body"
-  }, children);
+  }, /*#__PURE__*/React__default.createElement(Label, {
+    type: LabelTypography.SUBTITLE_1,
+    color: LabelColors.ONBACKGROUND_2
+  }, children));
 };
 ModalBody.propTypes = {
   children: PropTypes.oneOfType([PropTypes.element.isRequired, PropTypes.arrayOf(PropTypes.element.isRequired)])

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\">{children}</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","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":"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"}
+{"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;;;;"}

package/ui/MutedAvatarOverlay.js

@@ -1,6 +1,6 @@
 import React__default from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../_rollupPluginBabelHelpers-c97525da.js';
+import '../_rollupPluginBabelHelpers-e62b6c94.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-7324a9d2.js';
-import { u as uuidv4 } from '../uuid-39710dee.js';
-import { k as getClassName, e as isEditedMessage } from '../index-2a105a6a.js';
-import { a as LocalizationContext } from '../LocalizationContext-6e75b56a.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0b5ccb8a.js';
+import { u as uuidv4 } from '../uuid-b172d222.js';
+import { k as getClassName, e as isEditedMessage } from '../index-b75c8b72.js';
+import { a as LocalizationContext } from '../LocalizationContext-9f3a97d4.js';
 import './LinkLabel.js';
-import '../_rollupPluginBabelHelpers-c97525da.js';
+import '../_rollupPluginBabelHelpers-e62b6c94.js';
 import 'prop-types';
 import './MentionLabel.js';
 import './ContextMenu.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../stringSet-7a28664f.js';
-import '../tslib.es6-71164428.js';
+import '../stringSet-8471446d.js';
+import '../tslib.es6-bc2713d7.js';
 import './UserProfile.js';
 import '../withSendbird.js';
 import '../sendbirdSelectors.js';
-import '../topics-7ca110dd.js';
-import '../utils-38a1ad56.js';
+import '../topics-408562ae.js';
+import '../utils-6f162725.js';
 import './Avatar.js';
-import '../index-7f7579cb.js';
-import '../index-3444f2dd.js';
+import '../index-be56e57e.js';
+import '../index-6d9f27e9.js';
 import '../useSendbirdStateContext.js';
 
 function OGMessageItemBody(_a) {

package/ui/OpenChannelAdminMessage.js

@@ -1,9 +1,9 @@
-import { a as __spreadArray } from '../tslib.es6-71164428.js';
+import { a as __spreadArray } from '../tslib.es6-bc2713d7.js';
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-7324a9d2.js';
-import '../_rollupPluginBabelHelpers-c97525da.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0b5ccb8a.js';
+import '../_rollupPluginBabelHelpers-e62b6c94.js';
 import 'prop-types';
-import '../stringSet-7a28664f.js';
+import '../stringSet-8471446d.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-6e75b56a.js';
-import { b as getOpenChannelAvatar } from '../utils-6c89c101.js';
-import '../tslib.es6-71164428.js';
+import { a as LocalizationContext } from '../LocalizationContext-9f3a97d4.js';
+import { b as getOpenChannelAvatar } from '../utils-14e75814.js';
+import '../tslib.es6-bc2713d7.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-c97525da.js';
+import '../_rollupPluginBabelHelpers-e62b6c94.js';
 import 'prop-types';
 import './Icon.js';
-import '../uuid-39710dee.js';
-import '../stringSet-7a28664f.js';
-import '../index-3444f2dd.js';
+import '../uuid-b172d222.js';
+import '../stringSet-8471446d.js';
+import '../index-6d9f27e9.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-7324a9d2.js';
-import { a as LocalizationContext } from '../LocalizationContext-6e75b56a.js';
-import '../tslib.es6-71164428.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-0b5ccb8a.js';
+import { a as LocalizationContext } from '../LocalizationContext-9f3a97d4.js';
+import '../tslib.es6-bc2713d7.js';
 import './ImageRenderer.js';
-import '../_rollupPluginBabelHelpers-c97525da.js';
+import '../_rollupPluginBabelHelpers-e62b6c94.js';
 import 'prop-types';
-import '../uuid-39710dee.js';
-import '../stringSet-7a28664f.js';
-import '../index-3444f2dd.js';
+import '../uuid-b172d222.js';
+import '../stringSet-8471446d.js';
+import '../index-6d9f27e9.js';
 
 function OpenchannelConversationHeader(_a) {
   var coverImage = _a.coverImage,