@sendbird/uikit-react 3.4.0-rc.1 → 3.4.0-rc.2

package/App.js

@@ -0,0 +1,664 @@
+import React__default, { useState, useEffect } from 'react';
+import PropTypes from 'prop-types';
+import Sendbird from './SendbirdProvider.js';
+import { u as useMediaQueryContext } from './MediaQueryContext-a551e770.js';
+import ChannelList from './ChannelList.js';
+import Channel from './Channel.js';
+import ChannelSettings from './ChannelSettings.js';
+import MessageSearchPannel from './MessageSearch.js';
+import Thread from './Thread.js';
+import { GroupChannelHandler } from '@sendbird/chat/groupChannel';
+import useSendbirdStateContext from './useSendbirdStateContext.js';
+import { u as uuidv4 } from './uuid-9f7da91d.js';
+import { V as VOICE_RECORDER_DEFAULT_MAX, a as VOICE_RECORDER_DEFAULT_MIN } from './consts-886b25ca.js';
+import './_rollupPluginBabelHelpers-3e5825fa.js';
+import './withSendbird.js';
+import '@sendbird/chat';
+import '@sendbird/chat/openChannel';
+import './actionTypes-3245f646.js';
+import './index-8ee9e1f5.js';
+import './tslib.es6-cd680863.js';
+import './utils/message/getOutgoingMessageState.js';
+import 'css-vars-ponyfill';
+import './VoiceRecorder/context.js';
+import './lame.all.js';
+import './index-a3a4b35c.js';
+import './LocalizationContext-a6aa8be8.js';
+import './stringSet-ad8993d1.js';
+import './index-757a563a.js';
+import './ChannelListProvider-43f3a74a.js';
+import './topics-9fbe0d61.js';
+import './utils-aae15fda.js';
+import './UserProfileContext-dd096494.js';
+import './ChannelList/components/ChannelListUI.js';
+import './ChannelList/components/ChannelListHeader.js';
+import './index-67c5e94c.js';
+import './ui/Avatar.js';
+import './ui/ImageRenderer.js';
+import './ui/Icon.js';
+import './ChannelList/components/AddChannel.js';
+import './ui/IconButton.js';
+import './CreateChannel.js';
+import './CreateChannel/components/CreateChannelUI.js';
+import './CreateChannelProvider-763b1601.js';
+import './sendbirdSelectors.js';
+import './CreateChannel/components/InviteUsers.js';
+import './ui/Modal.js';
+import 'react-dom';
+import './index-d4908e3c.js';
+import './ui/Button.js';
+import './ui/UserListItem.js';
+import './ui/MutedAvatarOverlay.js';
+import './ui/Checkbox.js';
+import './ui/UserProfile.js';
+import './ui/ContextMenu.js';
+import './ui/SortByRow.js';
+import './CreateChannel/components/SelectChannelType.js';
+import './ChannelList/components/ChannelPreview.js';
+import './ui/ChannelAvatar.js';
+import './utils-c196d7c4.js';
+import './ui/Badge.js';
+import './index-c8a147a4.js';
+import './index-6ccea9a6.js';
+import './ui/Loader.js';
+import './index-7283bb53.js';
+import './index-00eb27a6.js';
+import './ui/MentionUserLabel.js';
+import './ui/TextButton.js';
+import './color-ed83ffc3.js';
+import './Channel/components/TypingIndicator.js';
+import './ChannelProvider-def8e42f.js';
+import './compareIds-c8335d61.js';
+import './const-e27598a1.js';
+import '@sendbird/chat/message';
+import './ui/ReactionButton.js';
+import './useLongPress-49f5ba4f.js';
+import './ChannelList/components/ChannelPreviewAction.js';
+import './EditUserProfile.js';
+import './index-1c547263.js';
+import './ui/Input.js';
+import './index-86034384.js';
+import './Channel/components/ChannelUI.js';
+import './ui/ConnectionStatus.js';
+import './Channel/components/ChannelHeader.js';
+import './utils-d5c443b8.js';
+import './Channel/components/MessageList.js';
+import './Channel/components/Message.js';
+import './Channel/components/SuggestedMentionList.js';
+import './const-a965f964.js';
+import './ThreadProvider-e0d19ff6.js';
+import './Thread/context/types.js';
+import './ui/DateSeparator.js';
+import './ui/MessageInput.js';
+import 'react-dom/server';
+import './ui/MessageContent.js';
+import './ui/MessageItemMenu.js';
+import './types-17028dc8.js';
+import './ui/MessageItemReactionMenu.js';
+import './ui/EmojiReactions.js';
+import './ui/Tooltip.js';
+import './ui/TooltipWrapper.js';
+import './ui/ReactionBadge.js';
+import './ui/AdminMessage.js';
+import './ui/TextMessageItemBody.js';
+import './ui/Word.js';
+import './ui/LinkLabel.js';
+import './ui/MentionLabel.js';
+import './ui/FileMessageItemBody.js';
+import './ui/ThumbnailMessageItemBody.js';
+import './ui/OGMessageItemBody.js';
+import './ui/UnknownMessageItemBody.js';
+import './ui/QuoteMessage.js';
+import './ui/BottomSheet.js';
+import './ui/ThreadReplies.js';
+import './ui/VoiceMessageItemBody.js';
+import './ui/ProgressBar.js';
+import './VoicePlayer/useVoicePlayer.js';
+import './ui/PlaybackTime.js';
+import './Channel/components/FileViewer.js';
+import './Channel/components/RemoveMessageModal.js';
+import './Channel/components/FrozenNotification.js';
+import './Channel/components/UnreadCount.js';
+import './Channel/components/MessageInput.js';
+import './ui/QuoteMessageInput.js';
+import './VoiceMessageInputWrapper-f70b47c7.js';
+import './VoiceRecorder/useVoiceRecorder.js';
+import './index-978b3d6d.js';
+import './ChannelSettings/components/ChannelSettingsUI.js';
+import './ChannelSettings/context.js';
+import './ChannelSettings/components/ChannelProfile.js';
+import './ChannelSettings/components/EditDetailsModal.js';
+import './ChannelSettings/components/ModerationPanel.js';
+import './ui/Accordion.js';
+import './ui/AccordionGroup.js';
+import './context-2f7024fc.js';
+import './ChannelSettings/components/UserListItem.js';
+import './MemberList-304b6711.js';
+import './ChannelSettings/components/LeaveChannel.js';
+import './ChannelSettings/components/UserPanel.js';
+import './MessageSearch/components/MessageSearchUI.js';
+import './MessageSearch/context.js';
+import './ui/MessageSearchItem.js';
+import './ui/MessageSearchFileItem.js';
+import './Thread/components/ThreadUI.js';
+import './Thread/components/ParentMessageInfo.js';
+import './RemoveMessageModal-aee6074c.js';
+import './Thread/components/ParentMessageInfoItem.js';
+import './ui/FileViewer.js';
+import './Thread/components/ThreadHeader.js';
+import './Thread/components/ThreadList.js';
+import './Thread/components/ThreadListItem.js';
+import 'date-fns';
+import './Thread/components/ThreadMessageInput.js';
+
+var DesktopLayout = function (props) {
+  var isReactionEnabled = props.isReactionEnabled,
+      replyType = props.replyType,
+      isMessageGroupingEnabled = props.isMessageGroupingEnabled,
+      allowProfileEdit = props.allowProfileEdit,
+      showSearchIcon = props.showSearchIcon,
+      onProfileEditSuccess = props.onProfileEditSuccess,
+      disableAutoSelect = props.disableAutoSelect,
+      currentChannel = props.currentChannel,
+      setCurrentChannel = props.setCurrentChannel,
+      showSettings = props.showSettings,
+      setShowSettings = props.setShowSettings,
+      showSearch = props.showSearch,
+      setShowSearch = props.setShowSearch,
+      highlightedMessage = props.highlightedMessage,
+      setHighlightedMessage = props.setHighlightedMessage,
+      startingPoint = props.startingPoint,
+      setStartingPoint = props.setStartingPoint,
+      showThread = props.showThread,
+      setShowThread = props.setShowThread,
+      threadTargetMessage = props.threadTargetMessage,
+      setThreadTargetMessage = props.setThreadTargetMessage;
+
+  var _a = useState(null),
+      animatedMessageId = _a[0],
+      setAnimatedMessageId = _a[1];
+
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-app__wrap"
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-app__channellist-wrap"
+  }, /*#__PURE__*/React__default.createElement(ChannelList, {
+    allowProfileEdit: allowProfileEdit,
+    onProfileEditSuccess: onProfileEditSuccess,
+    disableAutoSelect: disableAutoSelect,
+    onChannelSelect: function (channel) {
+      setStartingPoint(null);
+      setHighlightedMessage(null);
+
+      if (channel) {
+        setCurrentChannel(channel);
+      } else {
+        setCurrentChannel(null);
+      }
+    }
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: "\n          ".concat(showSettings ? 'sendbird-app__conversation--settings-open' : '', "\n          ").concat(showSearch ? 'sendbird-app__conversation--search-open' : '', "\n          sendbird-app__conversation-wrap\n        ")
+  }, /*#__PURE__*/React__default.createElement(Channel, {
+    channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '',
+    onChatHeaderActionClick: function () {
+      setShowSearch(false);
+      setShowThread(false);
+      setShowSettings(!showSettings);
+    },
+    onSearchClick: function () {
+      setShowSettings(false);
+      setShowThread(false);
+      setShowSearch(!showSearch);
+    },
+    onReplyInThread: function (_a) {
+      var message = _a.message;
+      setShowSettings(false);
+      setShowSearch(false);
+
+      if (replyType === 'THREAD') {
+        setThreadTargetMessage({
+          parentMessage: message,
+          parentMessageId: message === null || message === void 0 ? void 0 : message.messageId
+        });
+        setShowThread(true);
+      }
+    },
+    onQuoteMessageClick: function (_a) {
+      var message = _a.message;
+      setShowSettings(false);
+      setShowSearch(false);
+
+      if (replyType === 'THREAD') {
+        setThreadTargetMessage(message);
+        setShowThread(true);
+      }
+    },
+    onMessageAnimated: function () {
+      setAnimatedMessageId(null);
+    },
+    onMessageHighlighted: function () {
+      setHighlightedMessage(null);
+    },
+    showSearchIcon: showSearchIcon,
+    startingPoint: startingPoint,
+    animatedMessage: animatedMessageId,
+    highlightedMessage: highlightedMessage,
+    isReactionEnabled: isReactionEnabled,
+    replyType: replyType,
+    isMessageGroupingEnabled: isMessageGroupingEnabled
+  })), showSettings && /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-app__settingspanel-wrap"
+  }, /*#__PURE__*/React__default.createElement(ChannelSettings, {
+    className: "sendbird-channel-settings",
+    channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '',
+    onCloseClick: function () {
+      setShowSettings(false);
+    }
+  })), showSearch && /*#__PURE__*/React__default.createElement("div", {
+    className: "sendbird-app__searchpanel-wrap"
+  }, /*#__PURE__*/React__default.createElement(MessageSearchPannel, {
+    channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '',
+    onResultClick: function (message) {
+      if (message.messageId === highlightedMessage) {
+        setHighlightedMessage(null);
+        setTimeout(function () {
+          setHighlightedMessage(message.messageId);
+        });
+      } else {
+        setStartingPoint(message.createdAt);
+        setHighlightedMessage(message.messageId);
+      }
+    },
+    onCloseClick: function () {
+      setShowSearch(false);
+    }
+  })), showThread && /*#__PURE__*/React__default.createElement(Thread, {
+    className: "sendbird-app__thread",
+    channelUrl: (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) || '',
+    message: threadTargetMessage,
+    onHeaderActionClick: function () {
+      setShowThread(false);
+    },
+    onMoveToParentMessage: function (_a) {
+      var message = _a.message,
+          channel = _a.channel;
+
+      if ((channel === null || channel === void 0 ? void 0 : channel.url) !== (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url)) {
+        setCurrentChannel(channel);
+      }
+
+      if ((message === null || message === void 0 ? void 0 : message.messageId) !== animatedMessageId) {
+        setStartingPoint(message === null || message === void 0 ? void 0 : message.createdAt);
+      }
+
+      setTimeout(function () {
+        setAnimatedMessageId(message === null || message === void 0 ? void 0 : message.messageId);
+      }, 500);
+    }
+  }));
+};
+
+var PANELS;
+
+(function (PANELS) {
+  PANELS["CHANNEL_LIST"] = "CHANNEL_LIST";
+  PANELS["CHANNEL"] = "CHANNEL";
+  PANELS["CHANNEL_SETTINGS"] = "CHANNEL_SETTINGS";
+  PANELS["MESSAGE_SEARCH"] = "MESSAGE_SEARCH";
+})(PANELS || (PANELS = {}));
+
+var MobileLayout = function (props) {
+  var _a, _b, _c;
+
+  var replyType = props.replyType,
+      isMessageGroupingEnabled = props.isMessageGroupingEnabled,
+      allowProfileEdit = props.allowProfileEdit,
+      isReactionEnabled = props.isReactionEnabled,
+      showSearchIcon = props.showSearchIcon,
+      onProfileEditSuccess = props.onProfileEditSuccess,
+      currentChannel = props.currentChannel,
+      setCurrentChannel = props.setCurrentChannel,
+      highlightedMessage = props.highlightedMessage,
+      setHighlightedMessage = props.setHighlightedMessage,
+      startingPoint = props.startingPoint,
+      setStartingPoint = props.setStartingPoint;
+
+  var _d = useState(PANELS === null || PANELS === void 0 ? void 0 : PANELS.CHANNEL_LIST),
+      panel = _d[0],
+      setPanel = _d[1];
+
+  var store = useSendbirdStateContext();
+  var sdk = (_b = (_a = store === null || store === void 0 ? void 0 : store.stores) === null || _a === void 0 ? void 0 : _a.sdkStore) === null || _b === void 0 ? void 0 : _b.sdk;
+  var userId = (_c = store === null || store === void 0 ? void 0 : store.config) === null || _c === void 0 ? void 0 : _c.userId;
+
+  var goToMessage = function (message) {
+    setStartingPoint(message === null || message === void 0 ? void 0 : message.createdAt);
+    setTimeout(function () {
+      setHighlightedMessage(message === null || message === void 0 ? void 0 : message.messageId);
+    });
+  };
+
+  useEffect(function () {
+    if (panel !== (PANELS === null || PANELS === void 0 ? void 0 : PANELS.CHANNEL)) {
+      goToMessage();
+    }
+  }, [panel]);
+  useEffect(function () {
+    var _a, _b;
+
+    var handlerId = uuidv4();
+
+    if ((_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.addGroupChannelHandler) {
+      var handler = new GroupChannelHandler({
+        onUserBanned: function (groupChannel, user) {
+          if (groupChannel.url === (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) && (user === null || user === void 0 ? void 0 : user.userId) === userId) {
+            setPanel(PANELS.CHANNEL_LIST);
+          }
+        },
+        onChannelDeleted: function (channelUrl) {
+          if (channelUrl === (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url)) {
+            setPanel(PANELS.CHANNEL_LIST);
+          }
+        },
+        onUserLeft: function (groupChannel, user) {
+          if (groupChannel.url === (currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url) && (user === null || user === void 0 ? void 0 : user.userId) === userId) {
+            setPanel(PANELS.CHANNEL_LIST);
+          }
+        }
+      });
+      (_b = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _b === void 0 ? void 0 : _b.addGroupChannelHandler(handlerId, handler);
+    }
+
+    return function () {
+      var _a, _b;
+
+      (_b = (_a = sdk === null || sdk === void 0 ? void 0 : sdk.groupChannel) === null || _a === void 0 ? void 0 : _a.removeGroupChannelHandler) === null || _b === void 0 ? void 0 : _b.call(_a, handlerId);
+    };
+  }, [sdk]);
+  return /*#__PURE__*/React__default.createElement("div", null, panel === (PANELS === null || PANELS === void 0 ? void 0 : PANELS.CHANNEL_LIST) && /*#__PURE__*/React__default.createElement("div", {
+    className: "sb_mobile__panelwrap"
+  }, /*#__PURE__*/React__default.createElement(ChannelList, {
+    onProfileEditSuccess: onProfileEditSuccess,
+    onChannelSelect: function (channel) {
+      setCurrentChannel(channel);
+      setPanel(PANELS.CHANNEL);
+    },
+    allowProfileEdit: allowProfileEdit // this condition must be true for mobile
+    ,
+    disableAutoSelect: true
+  })), panel === (PANELS === null || PANELS === void 0 ? void 0 : PANELS.CHANNEL) && /*#__PURE__*/React__default.createElement("div", {
+    className: "sb_mobile__panelwrap"
+  }, /*#__PURE__*/React__default.createElement(Channel, {
+    replyType: replyType,
+    channelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url,
+    onSearchClick: function () {
+      setPanel(PANELS.MESSAGE_SEARCH);
+    },
+    onBackClick: function () {
+      setPanel(PANELS.CHANNEL_LIST);
+    },
+    isReactionEnabled: isReactionEnabled,
+    showSearchIcon: showSearchIcon,
+    isMessageGroupingEnabled: isMessageGroupingEnabled,
+    startingPoint: startingPoint,
+    highlightedMessage: highlightedMessage,
+    onChatHeaderActionClick: function () {
+      setPanel(PANELS.CHANNEL_SETTINGS);
+    }
+  })), panel === (PANELS === null || PANELS === void 0 ? void 0 : PANELS.CHANNEL_SETTINGS) && /*#__PURE__*/React__default.createElement("div", {
+    className: "sb_mobile__panelwrap"
+  }, /*#__PURE__*/React__default.createElement(ChannelSettings, {
+    channelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url,
+    onCloseClick: function () {
+      setPanel(PANELS.CHANNEL);
+    },
+    onLeaveChannel: function () {
+      setPanel(PANELS.CHANNEL_LIST);
+    }
+  })), panel === (PANELS === null || PANELS === void 0 ? void 0 : PANELS.MESSAGE_SEARCH) && /*#__PURE__*/React__default.createElement("div", {
+    className: "sb_mobile__panelwrap"
+  }, /*#__PURE__*/React__default.createElement(MessageSearchPannel, {
+    channelUrl: currentChannel === null || currentChannel === void 0 ? void 0 : currentChannel.url,
+    onCloseClick: function () {
+      setPanel(PANELS.CHANNEL);
+    },
+    onResultClick: function (message) {
+      setPanel(PANELS.CHANNEL);
+      goToMessage(message);
+    }
+  })));
+};
+
+var AppLayout = function (props) {
+  var isReactionEnabled = props.isReactionEnabled,
+      replyType = props.replyType,
+      isMessageGroupingEnabled = props.isMessageGroupingEnabled,
+      allowProfileEdit = props.allowProfileEdit,
+      showSearchIcon = props.showSearchIcon,
+      onProfileEditSuccess = props.onProfileEditSuccess,
+      disableAutoSelect = props.disableAutoSelect,
+      currentChannel = props.currentChannel,
+      setCurrentChannel = props.setCurrentChannel;
+
+  var _a = useState(false),
+      showThread = _a[0],
+      setShowThread = _a[1];
+
+  var _b = useState(null),
+      threadTargetMessage = _b[0],
+      setThreadTargetMessage = _b[1];
+
+  var _c = useState(false),
+      showSettings = _c[0],
+      setShowSettings = _c[1];
+
+  var _d = useState(false),
+      showSearch = _d[0],
+      setShowSearch = _d[1];
+
+  var _e = useState(null),
+      highlightedMessage = _e[0],
+      setHighlightedMessage = _e[1];
+
+  var _f = useState(null),
+      startingPoint = _f[0],
+      setStartingPoint = _f[1];
+
+  var isMobile = useMediaQueryContext().isMobile;
+  return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, isMobile ? /*#__PURE__*/React__default.createElement(MobileLayout, {
+    replyType: replyType,
+    isMessageGroupingEnabled: isMessageGroupingEnabled,
+    allowProfileEdit: allowProfileEdit,
+    isReactionEnabled: isReactionEnabled,
+    showSearchIcon: showSearchIcon,
+    onProfileEditSuccess: onProfileEditSuccess,
+    currentChannel: currentChannel,
+    setCurrentChannel: setCurrentChannel,
+    highlightedMessage: highlightedMessage,
+    setHighlightedMessage: setHighlightedMessage,
+    startingPoint: startingPoint,
+    setStartingPoint: setStartingPoint
+  }) : /*#__PURE__*/React__default.createElement(DesktopLayout, {
+    isReactionEnabled: isReactionEnabled,
+    replyType: replyType,
+    isMessageGroupingEnabled: isMessageGroupingEnabled,
+    allowProfileEdit: allowProfileEdit,
+    showSearchIcon: showSearchIcon,
+    onProfileEditSuccess: onProfileEditSuccess,
+    disableAutoSelect: disableAutoSelect,
+    currentChannel: currentChannel,
+    setCurrentChannel: setCurrentChannel,
+    showThread: showThread,
+    setShowThread: setShowThread,
+    threadTargetMessage: threadTargetMessage,
+    setThreadTargetMessage: setThreadTargetMessage,
+    showSettings: showSettings,
+    setShowSettings: setShowSettings,
+    showSearch: showSearch,
+    setShowSearch: setShowSearch,
+    highlightedMessage: highlightedMessage,
+    setHighlightedMessage: setHighlightedMessage,
+    startingPoint: startingPoint,
+    setStartingPoint: setStartingPoint
+  }));
+};
+
+/**
+ * This is a drop in Chat solution
+ * Can also be used as an example for creating
+ * default chat apps
+ */
+function App(props) {
+  const {
+    appId,
+    userId,
+    accessToken,
+    customApiHost,
+    customWebSocketHost,
+    mediaQueryBreakPoint,
+    theme,
+    userListQuery,
+    nickname,
+    profileUrl,
+    dateLocale,
+    config = {},
+    isReactionEnabled,
+    isMentionEnabled,
+    isVoiceMessageEnabled,
+    voiceRecord,
+    replyType,
+    isMessageGroupingEnabled,
+    colorSet,
+    stringSet,
+    allowProfileEdit,
+    disableUserProfile,
+    disableMarkAsDelivered,
+    renderUserProfile,
+    showSearchIcon,
+    onProfileEditSuccess,
+    imageCompression,
+    disableAutoSelect,
+    isTypingIndicatorEnabledOnChannelList,
+    isMessageReceiptStatusEnabledOnChannelList
+  } = props;
+  const [currentChannel, setCurrentChannel] = useState(null);
+  return /*#__PURE__*/React__default.createElement(Sendbird, {
+    stringSet: stringSet,
+    appId: appId,
+    userId: userId,
+    accessToken: accessToken,
+    customApiHost: customApiHost,
+    customWebSocketHost: customWebSocketHost,
+    mediaQueryBreakPoint: mediaQueryBreakPoint,
+    theme: theme,
+    nickname: nickname,
+    profileUrl: profileUrl,
+    dateLocale: dateLocale,
+    userListQuery: userListQuery,
+    config: config,
+    colorSet: colorSet,
+    disableUserProfile: disableUserProfile,
+    disableMarkAsDelivered: disableMarkAsDelivered,
+    renderUserProfile: renderUserProfile,
+    imageCompression: imageCompression,
+    isReactionEnabled: isReactionEnabled,
+    isMentionEnabled: isMentionEnabled,
+    isVoiceMessageEnabled: isVoiceMessageEnabled,
+    voiceRecord: voiceRecord,
+    onUserProfileMessage: channel => {
+      setCurrentChannel(channel);
+    },
+    isTypingIndicatorEnabledOnChannelList: isTypingIndicatorEnabledOnChannelList,
+    isMessageReceiptStatusEnabledOnChannelList: isMessageReceiptStatusEnabledOnChannelList,
+    replyType: replyType
+  }, /*#__PURE__*/React__default.createElement(AppLayout, {
+    currentChannel: currentChannel,
+    setCurrentChannel: setCurrentChannel,
+    isReactionEnabled: isReactionEnabled,
+    replyType: replyType,
+    isMessageGroupingEnabled: isMessageGroupingEnabled,
+    allowProfileEdit: allowProfileEdit,
+    showSearchIcon: showSearchIcon,
+    onProfileEditSuccess: onProfileEditSuccess,
+    disableAutoSelect: disableAutoSelect
+  }));
+}
+App.propTypes = {
+  appId: PropTypes.string.isRequired,
+  userId: PropTypes.string.isRequired,
+  accessToken: PropTypes.string,
+  customApiHost: PropTypes.string,
+  customWebSocketHost: PropTypes.string,
+  theme: PropTypes.string,
+  userListQuery: PropTypes.func,
+  nickname: PropTypes.string,
+  profileUrl: PropTypes.string,
+  mediaQueryBreakPoint: PropTypes.string,
+  allowProfileEdit: PropTypes.bool,
+  disableUserProfile: PropTypes.bool,
+  disableMarkAsDelivered: PropTypes.bool,
+  renderUserProfile: PropTypes.func,
+  onProfileEditSuccess: PropTypes.func,
+  dateLocale: PropTypes.shape({}),
+  config: PropTypes.shape({
+    // None Error Warning Info 'All/Debug'
+    logLevel: PropTypes.oneOfType([PropTypes.string, PropTypes.arrayOf(PropTypes.string)]),
+    isREMUnitEnabled: PropTypes.bool
+  }),
+  isReactionEnabled: PropTypes.bool,
+  replyType: PropTypes.oneOf(['NONE', 'QUOTE_REPLY', 'THREAD']),
+  showSearchIcon: PropTypes.bool,
+  isMessageGroupingEnabled: PropTypes.bool,
+  stringSet: PropTypes.objectOf(PropTypes.string),
+  colorSet: PropTypes.objectOf(PropTypes.string),
+  imageCompression: PropTypes.shape({
+    compressionRate: PropTypes.number,
+    resizingWidth: PropTypes.oneOfType([PropTypes.number, PropTypes.string]),
+    resizingHeight: PropTypes.oneOfType([PropTypes.number, PropTypes.string])
+  }),
+  disableAutoSelect: PropTypes.bool,
+  isMentionEnabled: PropTypes.bool,
+  isVoiceMessageEnabled: PropTypes.bool,
+  voiceRecord: PropTypes.shape({
+    maxRecordingTime: PropTypes.number,
+    minRecordingTime: PropTypes.number
+  }),
+  isTypingIndicatorEnabledOnChannelList: PropTypes.bool,
+  isMessageReceiptStatusEnabledOnChannelList: PropTypes.bool
+};
+App.defaultProps = {
+  accessToken: '',
+  customApiHost: '',
+  customWebSocketHost: '',
+  theme: 'light',
+  nickname: '',
+  profileUrl: '',
+  userListQuery: null,
+  mediaQueryBreakPoint: null,
+  dateLocale: null,
+  allowProfileEdit: false,
+  onProfileEditSuccess: null,
+  disableUserProfile: false,
+  disableMarkAsDelivered: false,
+  showSearchIcon: false,
+  renderUserProfile: null,
+  config: {},
+  isReactionEnabled: true,
+  isMentionEnabled: false,
+  isVoiceMessageEnabled: true,
+  voiceRecord: {
+    maxRecordingTime: VOICE_RECORDER_DEFAULT_MAX,
+    minRecordingTime: VOICE_RECORDER_DEFAULT_MIN
+  },
+  replyType: 'NONE',
+  isMessageGroupingEnabled: true,
+  stringSet: null,
+  colorSet: null,
+  imageCompression: {},
+  disableAutoSelect: false,
+  isTypingIndicatorEnabledOnChannelList: false,
+  isMessageReceiptStatusEnabledOnChannelList: false
+};
+
+export { App as default };
+//# sourceMappingURL=App.js.map