@sendbird/uikit-react 3.5.0-mobile-rc-3 → 3.5.0-mobile-web-5

package/ui/Accordion.js

@@ -1,9 +1,9 @@
 import React__default, { useState } from 'react';
 import Icon, { IconTypes } from './Icon.js';
 import AccordionGroup$1 from './AccordionGroup.js';
-import { C as Consumer } from '../context-8bd9e132.js';
+import { C as Consumer } from '../context-f542aa7f.js';
 import 'prop-types';
-import '../utils-28649e5d.js';
+import '../utils-cefd05d8.js';
 
 function Accordion(_ref) {
   let {

package/ui/AccordionGroup.js

@@ -1,6 +1,6 @@
 import React__default, { useState } from 'react';
-import { P as Provider } from '../context-8bd9e132.js';
-import '../utils-28649e5d.js';
+import { P as Provider } from '../context-f542aa7f.js';
+import '../utils-cefd05d8.js';
 
 // Wraps all the accordions in an accordion set
 function AccordionGroup(_ref) {

package/ui/AdminMessage.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-092e70e5.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ada3d917.js';
 import 'prop-types';
-import '../stringSet-b7fd994d.js';
+import '../stringSet-21b6dbb8.js';
 
 function AdminMessage(_ref) {
   var _message$isAdminMessa;

package/ui/Avatar.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { u as uuidv4 } from '../uuid-d20d317b.js';
+import { u as uuidv4 } from '../uuid-1141c1b4.js';
 import 'prop-types';
 
 var pxToNumber = (px => {

package/ui/Badge.js

@@ -1,9 +1,9 @@
 import React__default, { useContext } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-092e70e5.js';
-import { a as LocalizationContext } from '../LocalizationContext-674efe64.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ada3d917.js';
+import { a as LocalizationContext } from '../LocalizationContext-689d8aa4.js';
 import 'prop-types';
-import '../stringSet-b7fd994d.js';
-import '../index-9118a2a4.js';
+import '../stringSet-21b6dbb8.js';
+import '../index-d83e2bc2.js';
 
 function Badge(_ref) {
   let {

package/ui/BottomSheet.js

@@ -1,6 +1,6 @@
 import React__default, { useRef } from 'react';
 import { createPortal } from 'react-dom';
-import { M as MODAL_ROOT } from '../index-c165d519.js';
+import { M as MODAL_ROOT } from '../index-8ca9e057.js';
 
 const BottomSheet = props => {
   const {

package/ui/Button.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-092e70e5.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ada3d917.js';
 import 'prop-types';
-import '../stringSet-b7fd994d.js';
+import '../stringSet-21b6dbb8.js';
 
 let ButtonTypes$1 = /*#__PURE__*/function (ButtonTypes) {
   ButtonTypes["PRIMARY"] = "PRIMARY";

package/ui/ChannelAvatar.js

@@ -1,9 +1,9 @@
 import React__default, { useMemo } from 'react';
 import Avatar from './Avatar.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../utils-b9abb204.js';
+import { g as generateDefaultAvatar, a as getChannelAvatarSource } from '../utils-bee6567e.js';
 import './ImageRenderer.js';
-import '../uuid-d20d317b.js';
+import '../uuid-1141c1b4.js';
 import 'prop-types';
 
 function ChannelAvatar(_ref) {

package/ui/ConnectionStatus.js

@@ -1,10 +1,10 @@
 import React__default, { useContext } from 'react';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-092e70e5.js';
-import { a as LocalizationContext } from '../LocalizationContext-674efe64.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ada3d917.js';
+import { a as LocalizationContext } from '../LocalizationContext-689d8aa4.js';
 import 'prop-types';
-import '../stringSet-b7fd994d.js';
-import '../index-9118a2a4.js';
+import '../stringSet-21b6dbb8.js';
+import '../index-d83e2bc2.js';
 
 function ConnectionStatus() {
   const {

package/ui/ContextMenu.js

@@ -1,13 +1,13 @@
 import React__default, { useState, useRef, useEffect } from 'react';
-import { a as _defineProperty, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-fba60f75.js';
+import { a as _defineProperty, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-b764bedf.js';
 import { createPortal } from 'react-dom';
 import SortByRow from './SortByRow.js';
-import { h as getClassName } from '../index-200e4585.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-092e70e5.js';
-import '../uuid-d20d317b.js';
+import { h as getClassName } from '../index-4415e3d4.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ada3d917.js';
+import '../uuid-1141c1b4.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-b7fd994d.js';
+import '../stringSet-21b6dbb8.js';
 
 // padding to handle height of last item in message-list
 const HEIGHT_PADDING = 60;

package/ui/DateSeparator.js

@@ -1,8 +1,8 @@
 import React__default from 'react';
-import { C as Colors, c as changeColorToClassName } from '../color-f9212f23.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-092e70e5.js';
+import { C as Colors, c as changeColorToClassName } from '../color-65ea9130.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ada3d917.js';
 import 'prop-types';
-import '../stringSet-b7fd994d.js';
+import '../stringSet-21b6dbb8.js';
 
 const DateSeparator = _ref => {
   let {

package/ui/EmojiReactions.js

@@ -4,35 +4,35 @@ import ReactionButton from './ReactionButton.js';
 import ImageRenderer from './ImageRenderer.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import ContextMenu, { EmojiListItems } from './ContextMenu.js';
-import { H as getEmojiUrl, I as isReactedBy, J as getEmojiTooltipString, G as getEmojiListAll, K as getEmojiMapAll, h as getClassName } from '../index-200e4585.js';
+import { H as getEmojiUrl, I as isReactedBy, J as getEmojiTooltipString, G as getEmojiListAll, K as getEmojiMapAll, h as getClassName } from '../index-4415e3d4.js';
 import BottomSheet from './BottomSheet.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-092e70e5.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ada3d917.js';
 import UserListItem from './UserListItem.js';
 import Tooltip from './Tooltip.js';
 import TooltipWrapper from './TooltipWrapper.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-c2b754b4.js';
-import { u as useLongPress } from '../useLongPress-d6ae865b.js';
-import { a as LocalizationContext } from '../LocalizationContext-674efe64.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-2604d3dc.js';
+import { u as useLongPress } from '../useLongPress-0c20bd2f.js';
+import { a as LocalizationContext } from '../LocalizationContext-689d8aa4.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
 import { useMessageContext } from '../Message/context.js';
-import { b as _extends } from '../_rollupPluginBabelHelpers-fba60f75.js';
-import '../utils-28649e5d.js';
+import { b as _extends } from '../_rollupPluginBabelHelpers-b764bedf.js';
+import '../utils-cefd05d8.js';
 import 'prop-types';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-d20d317b.js';
+import '../uuid-1141c1b4.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../stringSet-b7fd994d.js';
-import '../index-c165d519.js';
-import '../UserProfileContext-ca6e2310.js';
+import '../stringSet-21b6dbb8.js';
+import '../index-8ca9e057.js';
+import '../UserProfileContext-4c07230f.js';
 import './Avatar.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
 import './UserProfile.js';
 import '../sendbirdSelectors.js';
-import '../topics-abeef9b5.js';
+import '../topics-89a856f6.js';
 import './Button.js';
-import '../index-9118a2a4.js';
+import '../index-d83e2bc2.js';
 import '../withSendbird.js';
 
 const ReactedMembersBottomSheet = _ref => {

package/ui/FileMessageItemBody.js

@@ -1,13 +1,13 @@
 import React__default from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-092e70e5.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ada3d917.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
 import TextButton from './TextButton.js';
-import { h as getClassName, L as getUIKitFileType, t as truncateString } from '../index-200e4585.js';
-import { C as Colors } from '../color-f9212f23.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-c2b754b4.js';
+import { h as getClassName, L as getUIKitFileType, t as truncateString } from '../index-4415e3d4.js';
+import { C as Colors } from '../color-65ea9130.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-2604d3dc.js';
 import 'prop-types';
-import '../stringSet-b7fd994d.js';
-import '../_rollupPluginBabelHelpers-fba60f75.js';
+import '../stringSet-21b6dbb8.js';
+import '../_rollupPluginBabelHelpers-b764bedf.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 function FileMessageItemBody(_ref) {

package/ui/FileViewer.js

@@ -1,17 +1,17 @@
 import React__default, { useContext } from 'react';
 import { createPortal } from 'react-dom';
-import { a as LocalizationContext } from '../LocalizationContext-674efe64.js';
-import { M as MODAL_ROOT } from '../index-c165d519.js';
-import { x as isSupportedFileView, y as isVideo, z as isImage } from '../index-200e4585.js';
+import { a as LocalizationContext } from '../LocalizationContext-689d8aa4.js';
+import { M as MODAL_ROOT } from '../index-8ca9e057.js';
+import { x as isSupportedFileView, y as isVideo, z as isImage } from '../index-4415e3d4.js';
 import Avatar from './Avatar.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-092e70e5.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ada3d917.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import '../stringSet-b7fd994d.js';
-import '../index-9118a2a4.js';
-import '../_rollupPluginBabelHelpers-fba60f75.js';
+import '../stringSet-21b6dbb8.js';
+import '../index-d83e2bc2.js';
+import '../_rollupPluginBabelHelpers-b764bedf.js';
 import '../utils/message/getOutgoingMessageState.js';
 import './ImageRenderer.js';
-import '../uuid-d20d317b.js';
+import '../uuid-1141c1b4.js';
 import 'prop-types';
 
 const FileViewerComponent = _ref => {

package/ui/IconButton.js

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

package/ui/Input.js

@@ -1,7 +1,7 @@
 import React__default, { useState } from 'react';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-092e70e5.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ada3d917.js';
 import 'prop-types';
-import '../stringSet-b7fd994d.js';
+import '../stringSet-21b6dbb8.js';
 
 const InputLabel = _ref => {
   let {

package/ui/Label.js

@@ -1,5 +1,5 @@
 import 'react';
 import 'prop-types';
-export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../index-092e70e5.js';
-import '../stringSet-b7fd994d.js';
+export { b as LabelColors, c as LabelStringSet, a as LabelTypography, L as default } from '../index-ada3d917.js';
+import '../stringSet-21b6dbb8.js';
 //# sourceMappingURL=Label.js.map

package/ui/LinkLabel.js

@@ -1,7 +1,7 @@
 import React__default from 'react';
 import PropTypes from 'prop-types';
-import { d as changeColorToClassName, L as Label, a as LabelTypography, b as LabelColors } from '../index-092e70e5.js';
-import '../stringSet-b7fd994d.js';
+import { d as changeColorToClassName, L as Label, a as LabelTypography, b as LabelColors } from '../index-ada3d917.js';
+import '../stringSet-21b6dbb8.js';
 
 const http = /https?:\/\//;
 function LinkLabel(_ref) {

package/ui/MentionLabel.js

@@ -1,22 +1,22 @@
 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-092e70e5.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ada3d917.js';
 import UserProfile from './UserProfile.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../_rollupPluginBabelHelpers-fba60f75.js';
+import '../_rollupPluginBabelHelpers-b764bedf.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-d20d317b.js';
-import '../index-200e4585.js';
+import '../uuid-1141c1b4.js';
+import '../index-4415e3d4.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-b7fd994d.js';
-import '../LocalizationContext-674efe64.js';
-import '../index-9118a2a4.js';
-import '../UserProfileContext-ca6e2310.js';
+import '../stringSet-21b6dbb8.js';
+import '../LocalizationContext-689d8aa4.js';
+import '../index-d83e2bc2.js';
+import '../UserProfileContext-4c07230f.js';
 import '../sendbirdSelectors.js';
-import '../topics-abeef9b5.js';
-import '../utils-28649e5d.js';
+import '../topics-89a856f6.js';
+import '../utils-cefd05d8.js';
 import './Avatar.js';
 import './ImageRenderer.js';
 import './Icon.js';

package/ui/MentionUserLabel.js

@@ -1,5 +1,5 @@
 import React__default from 'react';
-import { M as MENTION_USER_LABEL_CLASSNAME } from '../consts-383d4a75.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from '../consts-a7afe685.js';
 
 function MentionUserLabel(_ref) {
   let {

package/ui/MessageContent.js

@@ -1,13 +1,13 @@
-import { b as _extends, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-fba60f75.js';
+import { b as _extends, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-b764bedf.js';
 import React__default, { useContext, useRef, useState } from 'react';
-import { f as format } from '../index-ff4bc2bb.js';
+import { f as format } from '../index-e7546341.js';
 import Avatar from './Avatar.js';
 import UserProfile from './UserProfile.js';
-import { M as MessageStatus } from '../index-d029f899.js';
+import { M as MessageStatus } from '../index-dc264d1a.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-092e70e5.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ada3d917.js';
 import EmojiReactions from './EmojiReactions.js';
 import AdminMessage from './AdminMessage.js';
 import TextMessageItemBody from './TextMessageItemBody.js';
@@ -16,58 +16,58 @@ import ThumbnailMessageItemBody from './ThumbnailMessageItemBody.js';
 import OGMessageItemBody from './OGMessageItemBody.js';
 import UnknownMessageItemBody from './UnknownMessageItemBody.js';
 import QuoteMessage from './QuoteMessage.js';
-import { s as getUIKitMessageTypes, h as getClassName, u as getSenderName, v as isOGMessage, w as isTextMessage, r as getUIKitMessageType, d as isVoiceMessage, m as isThumbnailMessage } from '../index-200e4585.js';
-import { a as UserProfileContext } from '../UserProfileContext-ca6e2310.js';
-import { u as useLocalization } from '../LocalizationContext-674efe64.js';
+import { s as getUIKitMessageTypes, h as getClassName, u as getSenderName, v as isOGMessage, w as isTextMessage, r as getUIKitMessageType, d as isVoiceMessage, m as isThumbnailMessage } from '../index-4415e3d4.js';
+import { a as UserProfileContext } from '../UserProfileContext-4c07230f.js';
+import { u as useLocalization } from '../LocalizationContext-689d8aa4.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { u as useLongPress } from '../useLongPress-d6ae865b.js';
-import { M as MobileMenu } from '../index-10f046cd.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-c2b754b4.js';
+import { u as useLongPress } from '../useLongPress-0c20bd2f.js';
+import { M as MobileMenu } from '../index-284c6669.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-2604d3dc.js';
 import ThreadReplies from './ThreadReplies.js';
-import { T as ThreadReplySelectType } from '../const-735145c8.js';
+import { T as ThreadReplySelectType } from '../const-89c31819.js';
 import { VoiceMessageItemBody } from './VoiceMessageItemBody.js';
-import { n as noop } from '../utils-28649e5d.js';
-import '../index-9118a2a4.js';
+import { n as noop } from '../utils-cefd05d8.js';
+import '../index-d83e2bc2.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import 'prop-types';
-import '../uuid-d20d317b.js';
+import '../uuid-1141c1b4.js';
 import '../sendbirdSelectors.js';
-import '../topics-abeef9b5.js';
+import '../topics-89a856f6.js';
 import './Button.js';
-import '../stringSet-b7fd994d.js';
+import '../stringSet-21b6dbb8.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-3cffa0b8.js';
-import '../index-b179de93.js';
+import '../index-fba0a213.js';
+import '../index-c2c5dd5d.js';
 import './IconButton.js';
-import '../types-256ac544.js';
+import '../types-e62d482c.js';
 import './ReactionButton.js';
 import 'react-dom';
 import './SortByRow.js';
 import './ReactionBadge.js';
 import './BottomSheet.js';
-import '../index-c165d519.js';
+import '../index-8ca9e057.js';
 import './UserListItem.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
 import './Tooltip.js';
 import './TooltipWrapper.js';
 import '../Message/context.js';
-import '../tokenize-537ba1e5.js';
-import '../index-6716e8aa.js';
-import '../index.module-a01d7416.js';
+import '../tokenize-52f8c30c.js';
+import '../index-68e4f991.js';
+import '../index.module-8c38026f.js';
 import './MentionLabel.js';
 import './LinkLabel.js';
-import '../consts-d545cae2.js';
+import '../consts-f3cb0986.js';
 import './TextButton.js';
-import '../color-f9212f23.js';
-import '../consts-d45ca387.js';
+import '../color-65ea9130.js';
+import '../consts-60bc9064.js';
 import '../withSendbird.js';
 import './ProgressBar.js';
 import '../VoicePlayer/useVoicePlayer.js';
-import '../index-96b80cca.js';
-import '../consts-67559ec4.js';
+import '../index-1a9ad5e8.js';
+import '../consts-746d9d54.js';
 import '../VoiceRecorder/context.js';
 import './Modal.js';
 import './PlaybackTime.js';

package/ui/MessageInput.js

@@ -1,21 +1,24 @@
-import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-fba60f75.js';
-import React__default, { useCallback, useContext, useRef, useState, useMemo, useEffect } from 'react';
+import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-b764bedf.js';
+import React__default, { useCallback, useRef, useState, useMemo, useEffect } from 'react';
 import PropTypes from 'prop-types';
-import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../const-877bea22.js';
-import { U as USER_MENTION_TEMP_CHAR } from '../const-735145c8.js';
+import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../const-2fda8942.js';
+import { U as USER_MENTION_TEMP_CHAR } from '../const-89c31819.js';
 import IconButton from './IconButton.js';
 import Button, { ButtonTypes, ButtonSizes } from './Button.js';
 import DOMPurify from 'dompurify';
-import { M as MENTION_USER_LABEL_CLASSNAME } from '../consts-383d4a75.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from '../consts-a7afe685.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-092e70e5.js';
-import { a as LocalizationContext } from '../LocalizationContext-674efe64.js';
-import { j as arrayEqual, h as getClassName } from '../index-200e4585.js';
-import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../consts-d545cae2.js';
-import { O as OG_MESSAGE_BODY_CLASSNAME } from '../consts-d45ca387.js';
-import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../tokenize-537ba1e5.js';
-import '../stringSet-b7fd994d.js';
-import '../index-9118a2a4.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-ada3d917.js';
+import { u as useLocalization } from '../LocalizationContext-689d8aa4.js';
+import useSendbirdStateContext from '../useSendbirdStateContext.js';
+import { j as arrayEqual, h as getClassName } from '../index-4415e3d4.js';
+import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../consts-f3cb0986.js';
+import { O as OG_MESSAGE_BODY_CLASSNAME } from '../consts-60bc9064.js';
+import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../tokenize-52f8c30c.js';
+import { K } from '../index.module-8c38026f.js';
+import '../stringSet-21b6dbb8.js';
+import '../index-d83e2bc2.js';
+import '../withSendbird.js';
 import '../utils/message/getOutgoingMessageState.js';
 
 // cretes a sanitized string from a mention user label
@@ -230,6 +233,46 @@ function usePaste(_ref) {
   }, [ref, setIsInput, setHeight, channel, setMentionedUsers]);
 }
 
+/**
+ * Write new utils here
+ * Migrate old utils as needed, and delete utils.js
+ */
+/**
+ * FIXME:
+ * Import this ChannelType enum from @sendbird/chat
+ * once MessageInput.spec unit tests can be run \wo jest <-> ESM issue
+ */
+var ChannelType = /*#__PURE__*/function (ChannelType) {
+  ChannelType["BASE"] = "base";
+  ChannelType["GROUP"] = "group";
+  ChannelType["OPEN"] = "open";
+  return ChannelType;
+}(ChannelType || {});
+/**
+ * FIXME: Simplify this in UIKit@v4
+ * If customer is using MessageInput inside our modules(ie: Channel, Thread, etc),
+ * we should use the config from the module.
+ * If customer is using MessageInput outside our modules(ie: custom UI),
+ * we expect Channel to be undefined and customer gets control to show/hide file-upload.
+ * @param {*} channel GroupChannel | OpenChannel
+ * @param {*} config SendBirdStateConfig
+ * @returns boolean
+ */
+const checkIfFileUploadEnabled = _ref => {
+  let {
+    channel,
+    config
+  } = _ref;
+  const isEnabled = K(channel === null || channel === void 0 ? void 0 : channel.channelType).with(ChannelType.GROUP, () => {
+    var _config$groupChannel;
+    return config === null || config === void 0 ? void 0 : (_config$groupChannel = config.groupChannel) === null || _config$groupChannel === void 0 ? void 0 : _config$groupChannel.enableDocument;
+  }).with(ChannelType.OPEN, () => {
+    var _config$openChannel;
+    return config === null || config === void 0 ? void 0 : (_config$openChannel = config.openChannel) === null || _config$openChannel === void 0 ? void 0 : _config$openChannel.enableDocument;
+  }).otherwise(() => true);
+  return isEnabled;
+};
+
 const TEXT_FIELD_ID = 'sendbird-message-input-text-field';
 const LINE_HEIGHT = 76;
 const noop = () => {};
@@ -298,7 +341,14 @@ const MessageInput = /*#__PURE__*/React__default.forwardRef((props, ref) => {
   const textFieldId = messageFieldId || TEXT_FIELD_ID;
   const {
     stringSet
-  } = useContext(LocalizationContext);
+  } = useLocalization();
+  const {
+    config
+  } = useSendbirdStateContext();
+  const isFileUploadEnabled = checkIfFileUploadEnabled({
+    channel,
+    config
+  });
   const fileInputRef = useRef(null);
   const [isInput, setIsInput] = useState(false);
   const [mentionedUserIds, setMentionedUserIds] = useState([]);
@@ -666,7 +716,9 @@ const MessageInput = /*#__PURE__*/React__default.forwardRef((props, ref) => {
     fillColor: disabled ? IconColors.ON_BACKGROUND_4 : IconColors.PRIMARY,
     width: "20px",
     height: "20px"
-  })), !isEdit && !isInput && ((renderFileUploadIcon === null || renderFileUploadIcon === void 0 ? void 0 : renderFileUploadIcon()) || /*#__PURE__*/React__default.createElement(IconButton, {
+  })), !isEdit && !isInput && ((renderFileUploadIcon === null || renderFileUploadIcon === void 0 ? void 0 : renderFileUploadIcon() // UIKit Dashboard configuration should have lower priority than
+  // renderFileUploadIcon which is set in code level
+  ) || isFileUploadEnabled && /*#__PURE__*/React__default.createElement(IconButton, {
     className: `sendbird-message-input--attach ${isVoiceMessageEnabled ? 'is-voice-message-enabled' : ''}`,
     height: "32px",
     width: "32px",
@@ -746,7 +798,9 @@ MessageInput.propTypes = {
   renderVoiceMessageIcon: PropTypes.func,
   renderSendMessageIcon: PropTypes.func,
   renderFileUploadIcon: PropTypes.func,
-  channel: PropTypes.shape({})
+  channel: PropTypes.shape({
+    channelType: PropTypes.string
+  }).isRequired
 };
 MessageInput.defaultProps = {
   className: '',
@@ -775,8 +829,7 @@ MessageInput.defaultProps = {
   setMentionedUsers: noop,
   renderVoiceMessageIcon: noop,
   renderFileUploadIcon: noop,
-  renderSendMessageIcon: noop,
-  channel: {}
+  renderSendMessageIcon: noop
 };
 
 export { MessageInput as default };