@sendbird/uikit-react 3.5.0-mobile-rc-2 → 3.5.0-mobile-rc-4

package/cjs/ui/Accordion.js

@@ -5,9 +5,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var ui_Icon = require('./Icon.js');
 var ui_AccordionGroup = require('./AccordionGroup.js');
-var context = require('../context-197da590.js');
+var context = require('../context-2a4c2d22.js');
 require('prop-types');
-require('../utils-16920dec.js');
+require('../utils-26f6ba66.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/AccordionGroup.js

@@ -1,8 +1,8 @@
 'use strict';
 
 var React = require('react');
-var context = require('../context-197da590.js');
-require('../utils-16920dec.js');
+var context = require('../context-2a4c2d22.js');
+require('../utils-26f6ba66.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/AdminMessage.js

@@ -1,9 +1,9 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-dc79adcc.js');
+var ui_Label = require('../index-36f8250f.js');
 require('prop-types');
-require('../stringSet-f096ea52.js');
+require('../stringSet-69ca82fa.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/Avatar.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_Icon = require('./Icon.js');
-var uuid = require('../uuid-982f480d.js');
+var uuid = require('../uuid-415e7036.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/Badge.js

@@ -1,11 +1,11 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-dc79adcc.js');
-var LocalizationContext = require('../LocalizationContext-08e5c17b.js');
+var ui_Label = require('../index-36f8250f.js');
+var LocalizationContext = require('../LocalizationContext-5077fe4a.js');
 require('prop-types');
-require('../stringSet-f096ea52.js');
-require('../index-66390034.js');
+require('../stringSet-69ca82fa.js');
+require('../index-621e3015.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/BottomSheet.js

@@ -2,7 +2,7 @@
 
 var React = require('react');
 var reactDom = require('react-dom');
-var index = require('../index-43dc753a.js');
+var index = require('../index-53273d37.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/Button.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_Label = require('../index-dc79adcc.js');
+var ui_Label = require('../index-36f8250f.js');
 require('prop-types');
-require('../stringSet-f096ea52.js');
+require('../stringSet-69ca82fa.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/ChannelAvatar.js

@@ -3,9 +3,9 @@
 var React = require('react');
 var ui_Avatar = require('./Avatar.js');
 var ui_Icon = require('./Icon.js');
-var utils = require('../utils-f4aa815e.js');
+var utils = require('../utils-399e42e0.js');
 require('./ImageRenderer.js');
-require('../uuid-982f480d.js');
+require('../uuid-415e7036.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/ConnectionStatus.js

@@ -2,11 +2,11 @@
 
 var React = require('react');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-dc79adcc.js');
-var LocalizationContext = require('../LocalizationContext-08e5c17b.js');
+var ui_Label = require('../index-36f8250f.js');
+var LocalizationContext = require('../LocalizationContext-5077fe4a.js');
 require('prop-types');
-require('../stringSet-f096ea52.js');
-require('../index-66390034.js');
+require('../stringSet-69ca82fa.js');
+require('../index-621e3015.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/ContextMenu.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-36df1dd2.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-adf1aba0.js');
 var reactDom = require('react-dom');
 var ui_SortByRow = require('./SortByRow.js');
-var index = require('../index-afdcc71c.js');
-var ui_Label = require('../index-dc79adcc.js');
-require('../uuid-982f480d.js');
+var index = require('../index-bde9599e.js');
+var ui_Label = require('../index-36f8250f.js');
+require('../uuid-415e7036.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('prop-types');
-require('../stringSet-f096ea52.js');
+require('../stringSet-69ca82fa.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/DateSeparator.js

@@ -1,10 +1,10 @@
 'use strict';
 
 var React = require('react');
-var color = require('../color-529206b1.js');
-var ui_Label = require('../index-dc79adcc.js');
+var color = require('../color-baf4f7ac.js');
+var ui_Label = require('../index-36f8250f.js');
 require('prop-types');
-require('../stringSet-f096ea52.js');
+require('../stringSet-69ca82fa.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/EmojiReactions.js

@@ -6,35 +6,35 @@ var ui_ReactionButton = require('./ReactionButton.js');
 var ui_ImageRenderer = require('./ImageRenderer.js');
 var ui_Icon = require('./Icon.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var index = require('../index-afdcc71c.js');
+var index = require('../index-bde9599e.js');
 var ui_BottomSheet = require('./BottomSheet.js');
-var ui_Label = require('../index-dc79adcc.js');
+var ui_Label = require('../index-36f8250f.js');
 var ui_UserListItem = require('./UserListItem.js');
 var ui_Tooltip = require('./Tooltip.js');
 var ui_TooltipWrapper = require('./TooltipWrapper.js');
-var MediaQueryContext = require('../MediaQueryContext-456e731e.js');
-var useLongPress = require('../useLongPress-a69973fa.js');
-var LocalizationContext = require('../LocalizationContext-08e5c17b.js');
+var MediaQueryContext = require('../MediaQueryContext-734ae1c9.js');
+var useLongPress = require('../useLongPress-d1ebf7be.js');
+var LocalizationContext = require('../LocalizationContext-5077fe4a.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
 var Message_context = require('../Message/context.js');
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-36df1dd2.js');
-require('../utils-16920dec.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-adf1aba0.js');
+require('../utils-26f6ba66.js');
 require('prop-types');
 require('react-dom');
 require('./SortByRow.js');
-require('../uuid-982f480d.js');
+require('../uuid-415e7036.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../stringSet-f096ea52.js');
-require('../index-43dc753a.js');
-require('../UserProfileContext-7a6236bc.js');
+require('../stringSet-69ca82fa.js');
+require('../index-53273d37.js');
+require('../UserProfileContext-c4f05bb0.js');
 require('./Avatar.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
 require('./UserProfile.js');
 require('../sendbirdSelectors.js');
-require('../topics-3c26f8b2.js');
+require('../topics-0c78e863.js');
 require('./Button.js');
-require('../index-66390034.js');
+require('../index-621e3015.js');
 require('../withSendbird.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/FileMessageItemBody.js

@@ -1,15 +1,15 @@
 'use strict';
 
 var React = require('react');
-var ui_Label = require('../index-dc79adcc.js');
+var ui_Label = require('../index-36f8250f.js');
 var ui_Icon = require('./Icon.js');
 var ui_TextButton = require('./TextButton.js');
-var index = require('../index-afdcc71c.js');
-var color = require('../color-529206b1.js');
-var MediaQueryContext = require('../MediaQueryContext-456e731e.js');
+var index = require('../index-bde9599e.js');
+var color = require('../color-baf4f7ac.js');
+var MediaQueryContext = require('../MediaQueryContext-734ae1c9.js');
 require('prop-types');
-require('../stringSet-f096ea52.js');
-require('../_rollupPluginBabelHelpers-36df1dd2.js');
+require('../stringSet-69ca82fa.js');
+require('../_rollupPluginBabelHelpers-adf1aba0.js');
 require('../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/FileViewer.js

@@ -4,18 +4,18 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var reactDom = require('react-dom');
-var LocalizationContext = require('../LocalizationContext-08e5c17b.js');
-var index = require('../index-43dc753a.js');
-var index$1 = require('../index-afdcc71c.js');
+var LocalizationContext = require('../LocalizationContext-5077fe4a.js');
+var index = require('../index-53273d37.js');
+var index$1 = require('../index-bde9599e.js');
 var ui_Avatar = require('./Avatar.js');
-var ui_Label = require('../index-dc79adcc.js');
+var ui_Label = require('../index-36f8250f.js');
 var ui_Icon = require('./Icon.js');
-require('../stringSet-f096ea52.js');
-require('../index-66390034.js');
-require('../_rollupPluginBabelHelpers-36df1dd2.js');
+require('../stringSet-69ca82fa.js');
+require('../index-621e3015.js');
+require('../_rollupPluginBabelHelpers-adf1aba0.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('./ImageRenderer.js');
-require('../uuid-982f480d.js');
+require('../uuid-415e7036.js');
 require('prop-types');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/IconButton.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-36df1dd2.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-adf1aba0.js');
 var React = require('react');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/cjs/ui/Input.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var ui_Label = require('../index-dc79adcc.js');
+var ui_Label = require('../index-36f8250f.js');
 require('prop-types');
-require('../stringSet-f096ea52.js');
+require('../stringSet-69ca82fa.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/Label.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('prop-types');
-var ui_Label = require('../index-dc79adcc.js');
-require('../stringSet-f096ea52.js');
+var ui_Label = require('../index-36f8250f.js');
+require('../stringSet-69ca82fa.js');
 
 
 

package/cjs/ui/LinkLabel.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var PropTypes = require('prop-types');
-var ui_Label = require('../index-dc79adcc.js');
-require('../stringSet-f096ea52.js');
+var ui_Label = require('../index-36f8250f.js');
+require('../stringSet-69ca82fa.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/MentionLabel.js

@@ -2,23 +2,23 @@
 
 var React = require('react');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../index-dc79adcc.js');
+var ui_Label = require('../index-36f8250f.js');
 var ui_UserProfile = require('./UserProfile.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-require('../_rollupPluginBabelHelpers-36df1dd2.js');
+require('../_rollupPluginBabelHelpers-adf1aba0.js');
 require('react-dom');
 require('./SortByRow.js');
-require('../uuid-982f480d.js');
-require('../index-afdcc71c.js');
+require('../uuid-415e7036.js');
+require('../index-bde9599e.js');
 require('../utils/message/getOutgoingMessageState.js');
 require('prop-types');
-require('../stringSet-f096ea52.js');
-require('../LocalizationContext-08e5c17b.js');
-require('../index-66390034.js');
-require('../UserProfileContext-7a6236bc.js');
+require('../stringSet-69ca82fa.js');
+require('../LocalizationContext-5077fe4a.js');
+require('../index-621e3015.js');
+require('../UserProfileContext-c4f05bb0.js');
 require('../sendbirdSelectors.js');
-require('../topics-3c26f8b2.js');
-require('../utils-16920dec.js');
+require('../topics-0c78e863.js');
+require('../utils-26f6ba66.js');
 require('./Avatar.js');
 require('./ImageRenderer.js');
 require('./Icon.js');

package/cjs/ui/MentionUserLabel.js

@@ -1,7 +1,7 @@
 'use strict';
 
 var React = require('react');
-var consts = require('../consts-e2998e23.js');
+var consts = require('../consts-016d7043.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/cjs/ui/MessageContent.js

@@ -1,15 +1,15 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-36df1dd2.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-adf1aba0.js');
 var React = require('react');
-var index$1 = require('../index-963a1cb0.js');
+var index$1 = require('../index-e7a4c994.js');
 var ui_Avatar = require('./Avatar.js');
 var ui_UserProfile = require('./UserProfile.js');
-var ui_MessageStatus = require('../index-738bdba1.js');
+var ui_MessageStatus = require('../index-eb15a4ee.js');
 var ui_MessageItemMenu = require('./MessageItemMenu.js');
 var ui_MessageItemReactionMenu = require('./MessageItemReactionMenu.js');
 var ui_ContextMenu = require('./ContextMenu.js');
-var ui_Label = require('../index-dc79adcc.js');
+var ui_Label = require('../index-36f8250f.js');
 var ui_EmojiReactions = require('./EmojiReactions.js');
 var ui_AdminMessage = require('./AdminMessage.js');
 var ui_TextMessageItemBody = require('./TextMessageItemBody.js');
@@ -18,58 +18,58 @@ var ui_ThumbnailMessageItemBody = require('./ThumbnailMessageItemBody.js');
 var ui_OGMessageItemBody = require('./OGMessageItemBody.js');
 var ui_UnknownMessageItemBody = require('./UnknownMessageItemBody.js');
 var ui_QuoteMessage = require('./QuoteMessage.js');
-var index = require('../index-afdcc71c.js');
-var UserProfileContext = require('../UserProfileContext-7a6236bc.js');
-var LocalizationContext = require('../LocalizationContext-08e5c17b.js');
+var index = require('../index-bde9599e.js');
+var UserProfileContext = require('../UserProfileContext-c4f05bb0.js');
+var LocalizationContext = require('../LocalizationContext-5077fe4a.js');
 var useSendbirdStateContext = require('../useSendbirdStateContext.js');
-var useLongPress = require('../useLongPress-a69973fa.js');
-var index$2 = require('../index-3ca314da.js');
-var MediaQueryContext = require('../MediaQueryContext-456e731e.js');
+var useLongPress = require('../useLongPress-d1ebf7be.js');
+var index$2 = require('../index-549994d9.js');
+var MediaQueryContext = require('../MediaQueryContext-734ae1c9.js');
 var ui_ThreadReplies = require('./ThreadReplies.js');
-var _const = require('../const-f45b8147.js');
+var _const = require('../const-66f2367d.js');
 var ui_VoiceMessageItemBody = require('./VoiceMessageItemBody.js');
-var utils = require('../utils-16920dec.js');
-require('../index-66390034.js');
+var utils = require('../utils-26f6ba66.js');
+require('../index-621e3015.js');
 require('./ImageRenderer.js');
 require('./Icon.js');
 require('prop-types');
-require('../uuid-982f480d.js');
+require('../uuid-415e7036.js');
 require('../sendbirdSelectors.js');
-require('../topics-3c26f8b2.js');
+require('../topics-0c78e863.js');
 require('./Button.js');
-require('../stringSet-f096ea52.js');
+require('../stringSet-69ca82fa.js');
 require('./Loader.js');
 require('../utils/message/getOutgoingMessageState.js');
-require('../index-d246f067.js');
-require('../index-7eab3b18.js');
+require('../index-17d4f887.js');
+require('../index-147cf333.js');
 require('./IconButton.js');
-require('../types-81799612.js');
+require('../types-0c970a08.js');
 require('./ReactionButton.js');
 require('react-dom');
 require('./SortByRow.js');
 require('./ReactionBadge.js');
 require('./BottomSheet.js');
-require('../index-43dc753a.js');
+require('../index-53273d37.js');
 require('./UserListItem.js');
 require('./MutedAvatarOverlay.js');
 require('./Checkbox.js');
 require('./Tooltip.js');
 require('./TooltipWrapper.js');
 require('../Message/context.js');
-require('../tokenize-64ea0c48.js');
-require('../index-2c2b84d3.js');
-require('../index.module-76c961aa.js');
+require('../tokenize-2bf879b9.js');
+require('../index-f530a2c2.js');
+require('../index.module-d0516000.js');
 require('./MentionLabel.js');
 require('./LinkLabel.js');
-require('../consts-47075b32.js');
+require('../consts-a96b7d38.js');
 require('./TextButton.js');
-require('../color-529206b1.js');
-require('../consts-513030e5.js');
+require('../color-baf4f7ac.js');
+require('../consts-117364e2.js');
 require('../withSendbird.js');
 require('./ProgressBar.js');
 require('../VoicePlayer/useVoicePlayer.js');
-require('../index-7f58f1fb.js');
-require('../consts-df560049.js');
+require('../index-f74334ce.js');
+require('../consts-b8abaa6f.js');
 require('../VoiceRecorder/context.js');
 require('./Modal.js');
 require('./PlaybackTime.js');

package/cjs/ui/MessageInput.js

@@ -1,23 +1,26 @@
 'use strict';
 
-var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-36df1dd2.js');
+var _rollupPluginBabelHelpers = require('../_rollupPluginBabelHelpers-adf1aba0.js');
 var React = require('react');
 var PropTypes = require('prop-types');
-var _const$1 = require('../const-12d439f2.js');
-var _const = require('../const-f45b8147.js');
+var _const$1 = require('../const-7dbc9e4e.js');
+var _const = require('../const-66f2367d.js');
 var ui_IconButton = require('./IconButton.js');
 var ui_Button = require('./Button.js');
 var DOMPurify = require('dompurify');
-var consts = require('../consts-e2998e23.js');
+var consts = require('../consts-016d7043.js');
 var ui_Icon = require('./Icon.js');
-var ui_Label = require('../index-dc79adcc.js');
-var LocalizationContext = require('../LocalizationContext-08e5c17b.js');
-var index = require('../index-afdcc71c.js');
-var consts$2 = require('../consts-47075b32.js');
-var consts$1 = require('../consts-513030e5.js');
-var tokenize = require('../tokenize-64ea0c48.js');
-require('../stringSet-f096ea52.js');
-require('../index-66390034.js');
+var ui_Label = require('../index-36f8250f.js');
+var LocalizationContext = require('../LocalizationContext-5077fe4a.js');
+var useSendbirdStateContext = require('../useSendbirdStateContext.js');
+var index = require('../index-bde9599e.js');
+var consts$2 = require('../consts-a96b7d38.js');
+var consts$1 = require('../consts-117364e2.js');
+var tokenize = require('../tokenize-2bf879b9.js');
+var index_module = require('../index.module-d0516000.js');
+require('../stringSet-69ca82fa.js');
+require('../index-621e3015.js');
+require('../withSendbird.js');
 require('../utils/message/getOutgoingMessageState.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -238,6 +241,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 = index_module.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 = () => {};
@@ -306,7 +349,14 @@ const MessageInput = /*#__PURE__*/React__default["default"].forwardRef((props, r
   const textFieldId = messageFieldId || TEXT_FIELD_ID;
   const {
     stringSet
-  } = React.useContext(LocalizationContext.LocalizationContext);
+  } = LocalizationContext.useLocalization();
+  const {
+    config
+  } = useSendbirdStateContext();
+  const isFileUploadEnabled = checkIfFileUploadEnabled({
+    channel,
+    config
+  });
   const fileInputRef = React.useRef(null);
   const [isInput, setIsInput] = React.useState(false);
   const [mentionedUserIds, setMentionedUserIds] = React.useState([]);
@@ -674,7 +724,9 @@ const MessageInput = /*#__PURE__*/React__default["default"].forwardRef((props, r
     fillColor: disabled ? ui_Icon.IconColors.ON_BACKGROUND_4 : ui_Icon.IconColors.PRIMARY,
     width: "20px",
     height: "20px"
-  })), !isEdit && !isInput && ((renderFileUploadIcon === null || renderFileUploadIcon === void 0 ? void 0 : renderFileUploadIcon()) || /*#__PURE__*/React__default["default"].createElement(ui_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["default"].createElement(ui_IconButton, {
     className: `sendbird-message-input--attach ${isVoiceMessageEnabled ? 'is-voice-message-enabled' : ''}`,
     height: "32px",
     width: "32px",
@@ -754,7 +806,9 @@ MessageInput.propTypes = {
   renderVoiceMessageIcon: PropTypes__default["default"].func,
   renderSendMessageIcon: PropTypes__default["default"].func,
   renderFileUploadIcon: PropTypes__default["default"].func,
-  channel: PropTypes__default["default"].shape({})
+  channel: PropTypes__default["default"].shape({
+    channelType: PropTypes__default["default"].string
+  }).isRequired
 };
 MessageInput.defaultProps = {
   className: '',
@@ -783,8 +837,7 @@ MessageInput.defaultProps = {
   setMentionedUsers: noop,
   renderVoiceMessageIcon: noop,
   renderFileUploadIcon: noop,
-  renderSendMessageIcon: noop,
-  channel: {}
+  renderSendMessageIcon: noop
 };
 
 module.exports = MessageInput;