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

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-428dfbbb.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c13a345e.js';
 import UserProfile from './UserProfile.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import '../_rollupPluginBabelHelpers-447283c1.js';
+import '../_rollupPluginBabelHelpers-67b8fcb1.js';
 import 'react-dom';
 import './SortByRow.js';
-import '../uuid-aad1e324.js';
-import '../index-23c41d59.js';
+import '../uuid-91cc1b9f.js';
+import '../index-3884739d.js';
 import '../utils/message/getOutgoingMessageState.js';
 import 'prop-types';
-import '../stringSet-c7aab2f2.js';
-import '../LocalizationContext-98745624.js';
-import '../index-88ce0c27.js';
-import '../UserProfileContext-ce4a3d51.js';
+import '../stringSet-48003663.js';
+import '../LocalizationContext-98d0f9ef.js';
+import '../index-ae663bfa.js';
+import '../UserProfileContext-876edecc.js';
 import '../sendbirdSelectors.js';
-import '../topics-1e293d68.js';
-import '../utils-24dcdae9.js';
+import '../topics-913cf30c.js';
+import '../utils-5248be17.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-08ba417b.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from '../consts-2569b193.js';
 
 function MentionUserLabel(_ref) {
   let {

package/ui/MessageContent.js

@@ -1,13 +1,13 @@
-import { b as _extends, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-447283c1.js';
+import { b as _extends, _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-67b8fcb1.js';
 import React__default, { useContext, useRef, useState } from 'react';
-import { f as format } from '../index-9bd6a977.js';
+import { f as format } from '../index-d9e61250.js';
 import Avatar from './Avatar.js';
 import UserProfile from './UserProfile.js';
-import { M as MessageStatus } from '../index-777dd564.js';
+import { M as MessageStatus } from '../index-eb5489b5.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-428dfbbb.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c13a345e.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-23c41d59.js';
-import { a as UserProfileContext } from '../UserProfileContext-ce4a3d51.js';
-import { u as useLocalization } from '../LocalizationContext-98745624.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-3884739d.js';
+import { a as UserProfileContext } from '../UserProfileContext-876edecc.js';
+import { u as useLocalization } from '../LocalizationContext-98d0f9ef.js';
 import useSendbirdStateContext from '../useSendbirdStateContext.js';
-import { u as useLongPress } from '../useLongPress-9865142d.js';
-import { M as MobileMenu } from '../index-903c2a2c.js';
-import { u as useMediaQueryContext } from '../MediaQueryContext-6d766662.js';
+import { u as useLongPress } from '../useLongPress-84190b3e.js';
+import { M as MobileMenu } from '../index-315dcf0d.js';
+import { u as useMediaQueryContext } from '../MediaQueryContext-08f242eb.js';
 import ThreadReplies from './ThreadReplies.js';
-import { T as ThreadReplySelectType } from '../const-6d65fabb.js';
+import { T as ThreadReplySelectType } from '../const-37554925.js';
 import { VoiceMessageItemBody } from './VoiceMessageItemBody.js';
-import { n as noop } from '../utils-24dcdae9.js';
-import '../index-88ce0c27.js';
+import { n as noop } from '../utils-5248be17.js';
+import '../index-ae663bfa.js';
 import './ImageRenderer.js';
 import './Icon.js';
 import 'prop-types';
-import '../uuid-aad1e324.js';
+import '../uuid-91cc1b9f.js';
 import '../sendbirdSelectors.js';
-import '../topics-1e293d68.js';
+import '../topics-913cf30c.js';
 import './Button.js';
-import '../stringSet-c7aab2f2.js';
+import '../stringSet-48003663.js';
 import './Loader.js';
 import '../utils/message/getOutgoingMessageState.js';
-import '../index-220d8a67.js';
-import '../index-e06140fa.js';
+import '../index-1fa6dddb.js';
+import '../index-fdfe6417.js';
 import './IconButton.js';
-import '../types-0cc4206d.js';
+import '../types-406698d9.js';
 import './ReactionButton.js';
 import 'react-dom';
 import './SortByRow.js';
 import './ReactionBadge.js';
 import './BottomSheet.js';
-import '../index-81c890ab.js';
+import '../index-f697fbcb.js';
 import './UserListItem.js';
 import './MutedAvatarOverlay.js';
 import './Checkbox.js';
 import './Tooltip.js';
 import './TooltipWrapper.js';
 import '../Message/context.js';
-import '../tokenize-fcce2576.js';
-import '../index-84b66a35.js';
-import '../index.module-2576c9ac.js';
+import '../tokenize-d4044e1f.js';
+import '../index-b42c0eb1.js';
+import '../index.module-7ee52842.js';
 import './MentionLabel.js';
 import './LinkLabel.js';
-import '../consts-66ff57d0.js';
+import '../consts-3a3fab91.js';
 import './TextButton.js';
-import '../color-e245623c.js';
-import '../consts-ed8231c7.js';
+import '../color-69f6e789.js';
+import '../consts-ca67a8bb.js';
 import '../withSendbird.js';
 import './ProgressBar.js';
 import '../VoicePlayer/useVoicePlayer.js';
-import '../index-d8a55f17.js';
-import '../consts-1a2e6bf0.js';
+import '../index-f6e1c352.js';
+import '../consts-5cbbba56.js';
 import '../VoiceRecorder/context.js';
 import './Modal.js';
 import './PlaybackTime.js';

package/ui/MessageInput.js

@@ -1,21 +1,24 @@
-import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-447283c1.js';
-import React__default, { useCallback, useContext, useRef, useState, useMemo, useEffect } from 'react';
+import { _ as _objectSpread2 } from '../_rollupPluginBabelHelpers-67b8fcb1.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-973fe8be.js';
-import { U as USER_MENTION_TEMP_CHAR } from '../const-6d65fabb.js';
+import { N as NodeTypes, M as MessageInputKeys, a as NodeNames } from '../const-a243b539.js';
+import { U as USER_MENTION_TEMP_CHAR } from '../const-37554925.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-08ba417b.js';
+import { M as MENTION_USER_LABEL_CLASSNAME } from '../consts-2569b193.js';
 import Icon, { IconTypes, IconColors } from './Icon.js';
-import { L as Label, a as LabelTypography, b as LabelColors } from '../index-428dfbbb.js';
-import { a as LocalizationContext } from '../LocalizationContext-98745624.js';
-import { j as arrayEqual, h as getClassName } from '../index-23c41d59.js';
-import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../consts-66ff57d0.js';
-import { O as OG_MESSAGE_BODY_CLASSNAME } from '../consts-ed8231c7.js';
-import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../tokenize-fcce2576.js';
-import '../stringSet-c7aab2f2.js';
-import '../index-88ce0c27.js';
+import { L as Label, a as LabelTypography, b as LabelColors } from '../index-c13a345e.js';
+import { u as useLocalization } from '../LocalizationContext-98d0f9ef.js';
+import useSendbirdStateContext from '../useSendbirdStateContext.js';
+import { j as arrayEqual, h as getClassName } from '../index-3884739d.js';
+import { T as TEXT_MESSAGE_BODY_CLASSNAME } from '../consts-3a3fab91.js';
+import { O as OG_MESSAGE_BODY_CLASSNAME } from '../consts-ca67a8bb.js';
+import { t as tokenizeMessage, T as TOKEN_TYPES, U as USER_MENTION_PREFIX } from '../tokenize-d4044e1f.js';
+import { K } from '../index.module-7ee52842.js';
+import '../stringSet-48003663.js';
+import '../index-ae663bfa.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 };