@sendbird/uikit-react 3.6.3 → 3.6.4-rc-0

package/cjs/Channel/components/SuggestedMentionList.js

@@ -1,265 +0,0 @@
-'use strict';
-
-var React = require('react');
-var ui_Label = require('../../index-347004c1.js');
-var ui_Icon = require('../../ui/Icon.js');
-var ui_Avatar = require('../../ui/Avatar.js');
-var LocalizationContext = require('../../LocalizationContext-c014018b.js');
-var uuid = require('../../uuid-3462be83.js');
-var Channel_context = require('../../ChannelProvider-7abd9fa3.js');
-var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-var _const$1 = require('../../const-2371a4db.js');
-var _const = require('../../const-fc4d15a8.js');
-var Thread_context = require('../../ThreadProvider-48a2b384.js');
-require('prop-types');
-require('../../stringSet-b0d09ab2.js');
-require('../../ui/ImageRenderer.js');
-require('../../index-035bdafb.js');
-require('../../UserProfileContext-218e40b8.js');
-require('../../index-ee440b53.js');
-require('../../topics-d64c7836.js');
-require('../../index-f4d89559.js');
-require('../../_rollupPluginBabelHelpers-a2f03c55.js');
-require('../../utils/message/getOutgoingMessageState.js');
-require('../../compareIds-0f9de3a1.js');
-require('@sendbird/chat/groupChannel');
-require('@sendbird/chat/message');
-require('../../consts-e09f89f0.js');
-require('../../resolvedReplyType-478d89dd.js');
-require('../../withSendbird.js');
-require('../../Thread/context/types.js');
-require('@sendbird/chat');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-function SuggestedUserMentionItem(props) {
-  const {
-    member,
-    isFocused = false,
-    parentScrollRef,
-    onClick,
-    onMouseOver,
-    onMouseMove,
-    renderUserMentionItem
-  } = props;
-  const scrollRef = React.useRef(null);
-  const {
-    stringSet = {}
-  } = React.useContext(LocalizationContext.LocalizationContext);
-  React.useEffect(() => {
-    if (isFocused && (parentScrollRef === null || parentScrollRef === void 0 ? void 0 : parentScrollRef.current) != null && (scrollRef === null || scrollRef === void 0 ? void 0 : scrollRef.current) != null && (parentScrollRef.current.scrollTop >= scrollRef.current.offsetTop || parentScrollRef.current.scrollTop + parentScrollRef.current.clientHeight <= scrollRef.current.offsetTop)) {
-      scrollRef.current.scrollIntoView({
-        block: 'nearest',
-        inline: 'nearest'
-      });
-    }
-  }, [isFocused]);
-  const customMentionItem = React.useMemo(() => {
-    if (renderUserMentionItem) {
-      return /*#__PURE__*/React__default["default"].createElement("div", {
-        className: "sendbird-mention-suggest-list__user-item",
-        onClick: event => onClick === null || onClick === void 0 ? void 0 : onClick({
-          event,
-          member: member,
-          itemRef: scrollRef
-        }),
-        onMouseOver: event => onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver({
-          event,
-          member: member,
-          itemRef: scrollRef
-        }),
-        onMouseMove: event => onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove({
-          event,
-          member: member,
-          itemRef: scrollRef
-        }),
-        key: (member === null || member === void 0 ? void 0 : member.userId) || uuid.uuidv4(),
-        ref: scrollRef
-      }, renderUserMentionItem({
-        user: member
-      }));
-    }
-  }, [renderUserMentionItem]);
-  if (customMentionItem) {
-    return customMentionItem;
-  }
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `sendbird-mention-suggest-list__user-item ${isFocused ? 'focused' : ''}`,
-    onClick: event => onClick === null || onClick === void 0 ? void 0 : onClick({
-      event,
-      member: member,
-      itemRef: scrollRef
-    }),
-    onMouseOver: event => onMouseOver === null || onMouseOver === void 0 ? void 0 : onMouseOver({
-      event,
-      member: member,
-      itemRef: scrollRef
-    }),
-    onMouseMove: event => onMouseMove === null || onMouseMove === void 0 ? void 0 : onMouseMove({
-      event,
-      member: member,
-      itemRef: scrollRef
-    }),
-    key: (member === null || member === void 0 ? void 0 : member.userId) || uuid.uuidv4(),
-    ref: scrollRef
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Avatar["default"], {
-    className: "sendbird-mention-suggest-list__user-item__avatar",
-    src: member === null || member === void 0 ? void 0 : member.profileUrl,
-    alt: "user-profile",
-    width: "24px",
-    height: "24px"
-  }), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-mention-suggest-list__user-item__nickname",
-    type: ui_Label.LabelTypography.SUBTITLE_2,
-    color: member !== null && member !== void 0 && member.nickname ? ui_Label.LabelColors.ONBACKGROUND_1 : ui_Label.LabelColors.ONBACKGROUND_3
-  }, (member === null || member === void 0 ? void 0 : member.nickname) || (stringSet === null || stringSet === void 0 ? void 0 : stringSet.MENTION_NAME__NO_NAME)), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-mention-suggest-list__user-item__user-id",
-    type: ui_Label.LabelTypography.SUBTITLE_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, member === null || member === void 0 ? void 0 : member.userId));
-}
-
-const DEBOUNCING_TIME = 300;
-function SuggestedMentionList(props) {
-  var _useChannelContext, _useThreadContext, _stores$sdkStore, _stores$sdkStore$sdk, _stores$sdkStore$sdk$;
-  const {
-    className,
-    targetNickname = '',
-    // memberListQuery,
-    onUserItemClick,
-    onFocusItemChange,
-    onFetchUsers,
-    renderUserMentionItem,
-    inputEvent,
-    ableAddMention = true,
-    maxMentionCount = _const$1.MAX_USER_MENTION_COUNT,
-    maxSuggestionCount = _const$1.MAX_USER_SUGGESTION_COUNT
-  } = props;
-  const currentGroupChannel = Channel_context.useChannelContext === null || Channel_context.useChannelContext === void 0 ? void 0 : (_useChannelContext = Channel_context.useChannelContext()) === null || _useChannelContext === void 0 ? void 0 : _useChannelContext.currentGroupChannel;
-  const currentChannel = Thread_context.useThreadContext === null || Thread_context.useThreadContext === void 0 ? void 0 : (_useThreadContext = Thread_context.useThreadContext()) === null || _useThreadContext === void 0 ? void 0 : _useThreadContext.currentChannel;
-  const channelInstance = currentGroupChannel || currentChannel;
-  const {
-    config,
-    stores
-  } = useSendbirdStateContext();
-  const {
-    logger
-  } = config;
-  const currentUserId = (stores === null || stores === void 0 ? void 0 : (_stores$sdkStore = stores.sdkStore) === null || _stores$sdkStore === void 0 ? void 0 : (_stores$sdkStore$sdk = _stores$sdkStore.sdk) === null || _stores$sdkStore$sdk === void 0 ? void 0 : (_stores$sdkStore$sdk$ = _stores$sdkStore$sdk.currentUser) === null || _stores$sdkStore$sdk$ === void 0 ? void 0 : _stores$sdkStore$sdk$.userId) || '';
-  const scrollRef = React.useRef(null);
-  const {
-    stringSet
-  } = React.useContext(LocalizationContext.LocalizationContext);
-  const [timer, setTimer] = React.useState(null);
-  const [searchString, setSearchString] = React.useState('');
-  const [lastSearchString, setLastSearchString] = React.useState('');
-  const [currentUser, setCurrentUser] = React.useState(null);
-  const [currentMemberList, setCurrentMemberList] = React.useState([]);
-  React.useEffect(() => {
-    clearTimeout(timer);
-    setTimer(setTimeout(() => {
-      setSearchString(targetNickname);
-    }, DEBOUNCING_TIME));
-  }, [targetNickname]);
-  React.useEffect(() => {
-    if ((inputEvent === null || inputEvent === void 0 ? void 0 : inputEvent.key) === _const.MessageInputKeys.Enter) {
-      if (currentMemberList.length > 0) {
-        onUserItemClick(currentUser);
-      }
-    }
-    if ((inputEvent === null || inputEvent === void 0 ? void 0 : inputEvent.key) === _const.MessageInputKeys.ArrowUp) {
-      const currentUserIndex = currentMemberList.findIndex(member => (member === null || member === void 0 ? void 0 : member.userId) === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId));
-      if (0 < currentUserIndex) {
-        setCurrentUser(currentMemberList[currentUserIndex - 1]);
-        onFocusItemChange(currentMemberList[currentUserIndex - 1]);
-      }
-    }
-    if ((inputEvent === null || inputEvent === void 0 ? void 0 : inputEvent.key) === _const.MessageInputKeys.ArrowDown) {
-      const currentUserIndex = currentMemberList.findIndex(member => (member === null || member === void 0 ? void 0 : member.userId) === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId));
-      if (currentUserIndex < currentMemberList.length - 1) {
-        setCurrentUser(currentMemberList[currentUserIndex + 1]);
-        onFocusItemChange(currentMemberList[currentUserIndex + 1]);
-      }
-    }
-  }, [inputEvent]);
-
-  /* Fetch member list */
-  React.useEffect(() => {
-    if (!(channelInstance !== null && channelInstance !== void 0 && channelInstance.createMemberListQuery)) {
-      logger.warning('SuggestedMentionList: Creating member list query failed');
-      return;
-    }
-    if (lastSearchString && searchString.indexOf(lastSearchString) === 0 && currentMemberList.length === 0) {
-      // Don't need to request query again
-      return;
-    }
-    const query = channelInstance === null || channelInstance === void 0 ? void 0 : channelInstance.createMemberListQuery({
-      limit: maxSuggestionCount + 1,
-      // because current user could be included
-      nicknameStartsWithFilter: searchString.slice(_const$1.USER_MENTION_TEMP_CHAR.length)
-    });
-    // Add member list query for customization
-    query.next().then(memberList => {
-      const suggestingMembers = memberList.filter(member => currentUserId !== (member === null || member === void 0 ? void 0 : member.userId)).slice(0, maxSuggestionCount);
-      if (suggestingMembers.length < 1) {
-        logger.info('SuggestedMentionList: Fetched member list is empty');
-      } else {
-        logger.info('SuggestedMentionList: Fetching member list succeeded', {
-          memberListQuery: query,
-          memberList: suggestingMembers
-        });
-        setCurrentUser(suggestingMembers[0]);
-      }
-      setLastSearchString(searchString);
-      onFetchUsers(suggestingMembers);
-      setCurrentMemberList(suggestingMembers);
-    }).catch(error => {
-      if (error) {
-        logger.error('SuggestedMentionList: Fetching member list failed', error);
-      }
-    });
-  }, [channelInstance === null || channelInstance === void 0 ? void 0 : channelInstance.url, searchString]);
-  if (!ableAddMention && currentMemberList.length === 0) {
-    return null;
-  }
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `sendbird-mention-suggest-list ${className}`,
-    key: "sendbird-mention-suggest-list",
-    ref: scrollRef
-  }, ableAddMention && (currentMemberList === null || currentMemberList === void 0 ? void 0 : currentMemberList.map(member => /*#__PURE__*/React__default["default"].createElement(SuggestedUserMentionItem, {
-    key: (member === null || member === void 0 ? void 0 : member.userId) || uuid.uuidv4(),
-    member: member,
-    isFocused: (member === null || member === void 0 ? void 0 : member.userId) === (currentUser === null || currentUser === void 0 ? void 0 : currentUser.userId),
-    parentScrollRef: scrollRef,
-    onClick: _ref => {
-      let {
-        member
-      } = _ref;
-      onUserItemClick(member);
-    },
-    onMouseOver: _ref2 => {
-      let {
-        member
-      } = _ref2;
-      setCurrentUser(member);
-    },
-    renderUserMentionItem: renderUserMentionItem
-  }))), !ableAddMention && /*#__PURE__*/React__default["default"].createElement("div", {
-    className: "sendbird-mention-suggest-list__notice-item"
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    className: "sendbird-mention-suggest-list__notice-item__icon",
-    type: ui_Icon.IconTypes.INFO,
-    fillColor: ui_Icon.IconColors.ON_BACKGROUND_2,
-    width: "20px",
-    height: "20px"
-  }), /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-mention-suggest-list__notice-item__text",
-    type: ui_Label.LabelTypography.SUBTITLE_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, stringSet.MENTION_COUNT__OVER_LIMIT.replace('%d', maxMentionCount))));
-}
-
-module.exports = SuggestedMentionList;
-//# sourceMappingURL=SuggestedMentionList.js.map

package/cjs/Channel/components/TypingIndicator.js

@@ -1,97 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
-var groupChannel = require('@sendbird/chat/groupChannel');
-var LocalizationContext = require('../../LocalizationContext-c014018b.js');
-var uuid = require('../../uuid-3462be83.js');
-var ui_Label = require('../../index-347004c1.js');
-var Channel_context = require('../../ChannelProvider-7abd9fa3.js');
-var useSendbirdStateContext = require('../../useSendbirdStateContext.js');
-require('../../stringSet-b0d09ab2.js');
-require('../../index-035bdafb.js');
-require('prop-types');
-require('../../UserProfileContext-218e40b8.js');
-require('../../const-2371a4db.js');
-require('../../index-ee440b53.js');
-require('../../topics-d64c7836.js');
-require('../../index-f4d89559.js');
-require('../../_rollupPluginBabelHelpers-a2f03c55.js');
-require('../../utils/message/getOutgoingMessageState.js');
-require('../../compareIds-0f9de3a1.js');
-require('@sendbird/chat/message');
-require('../../consts-e09f89f0.js');
-require('../../resolvedReplyType-478d89dd.js');
-require('../../withSendbird.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const TypingIndicatorText = _ref => {
-  let {
-    members
-  } = _ref;
-  const {
-    stringSet
-  } = React.useContext(LocalizationContext.LocalizationContext);
-  if (!members || members.length === 0) {
-    return '';
-  }
-  if (members && members.length === 1) {
-    return `${members[0].nickname} ${stringSet.TYPING_INDICATOR__IS_TYPING}`;
-  }
-  if (members && members.length === 2) {
-    return `${members[0].nickname} ${stringSet.TYPING_INDICATOR__AND} ${members[1].nickname} ${stringSet.TYPING_INDICATOR__ARE_TYPING}`;
-  }
-  return stringSet.TYPING_INDICATOR__MULTIPLE_TYPING;
-};
-const TypingIndicator = () => {
-  var _globalStore$stores, _globalStore$stores$s, _globalStore$config;
-  const {
-    channelUrl
-  } = Channel_context.useChannelContext();
-  const globalStore = useSendbirdStateContext();
-  const sb = globalStore === null || globalStore === void 0 ? void 0 : (_globalStore$stores = globalStore.stores) === null || _globalStore$stores === void 0 ? void 0 : (_globalStore$stores$s = _globalStore$stores.sdkStore) === null || _globalStore$stores$s === void 0 ? void 0 : _globalStore$stores$s.sdk;
-  const logger = globalStore === null || globalStore === void 0 ? void 0 : (_globalStore$config = globalStore.config) === null || _globalStore$config === void 0 ? void 0 : _globalStore$config.logger;
-  const [handlerId, setHandlerId] = React.useState(uuid.uuidv4());
-  const [typingMembers, setTypingMembers] = React.useState([]);
-  React.useEffect(() => {
-    var _sb$groupChannel;
-    if (sb !== null && sb !== void 0 && (_sb$groupChannel = sb.groupChannel) !== null && _sb$groupChannel !== void 0 && _sb$groupChannel.addGroupChannelHandler) {
-      sb.groupChannel.removeGroupChannelHandler(handlerId);
-      const newHandlerId = uuid.uuidv4();
-      const handler = new groupChannel.GroupChannelHandler({
-        onTypingStatusUpdated: groupChannel => {
-          // there is a possible warning in here - setState called after unmount
-          logger.info('Channel > Typing Indicator: onTypingStatusUpdated', groupChannel);
-          if (groupChannel.url === channelUrl) {
-            const members = groupChannel.getTypingUsers();
-            setTypingMembers(members);
-          }
-        }
-      });
-      sb.groupChannel.addGroupChannelHandler(newHandlerId, handler);
-      setHandlerId(newHandlerId);
-    }
-    return () => {
-      var _sb$groupChannel2;
-      setTypingMembers([]);
-      if (sb !== null && sb !== void 0 && (_sb$groupChannel2 = sb.groupChannel) !== null && _sb$groupChannel2 !== void 0 && _sb$groupChannel2.removeGroupChannelHandler) {
-        sb.groupChannel.removeGroupChannelHandler(handlerId);
-      }
-    };
-  }, [channelUrl]);
-  return /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-conversation__footer__typing-indicator__text",
-    type: ui_Label.LabelTypography.CAPTION_2,
-    color: ui_Label.LabelColors.ONBACKGROUND_2
-  }, /*#__PURE__*/React__default["default"].createElement(TypingIndicatorText, {
-    members: typingMembers
-  }));
-};
-
-exports.TypingIndicatorText = TypingIndicatorText;
-exports["default"] = TypingIndicator;
-//# sourceMappingURL=TypingIndicator.js.map

package/cjs/Channel/components/UnreadCount.js

@@ -1,44 +0,0 @@
-'use strict';
-
-var React = require('react');
-var LocalizationContext = require('../../LocalizationContext-c014018b.js');
-var ui_Label = require('../../index-347004c1.js');
-var ui_Icon = require('../../ui/Icon.js');
-require('../../stringSet-b0d09ab2.js');
-require('../../index-035bdafb.js');
-require('prop-types');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const UnreadCount = _ref => {
-  var _time$toString, _time$toString$call;
-  let {
-    className = '',
-    count = 0,
-    time = '',
-    onClick
-  } = _ref;
-  const {
-    stringSet
-  } = React.useContext(LocalizationContext.LocalizationContext);
-  const timeArray = (time === null || time === void 0 ? void 0 : (_time$toString = time.toString) === null || _time$toString === void 0 ? void 0 : (_time$toString$call = _time$toString.call(time)) === null || _time$toString$call === void 0 ? void 0 : _time$toString$call.split(' ')) || [];
-  timeArray === null || timeArray === void 0 ? void 0 : timeArray.splice(-2, 0, stringSet.CHANNEL__MESSAGE_LIST__NOTIFICATION__ON);
-  return /*#__PURE__*/React__default["default"].createElement("div", {
-    className: `sendbird-notification${count < 1 ? '--hide' : ''} ${className}`,
-    onClick: onClick
-  }, /*#__PURE__*/React__default["default"].createElement(ui_Label.Label, {
-    className: "sendbird-notification__text",
-    color: ui_Label.LabelColors.ONCONTENT_1,
-    type: ui_Label.LabelTypography.CAPTION_2
-  }, `${count} `, stringSet.CHANNEL__MESSAGE_LIST__NOTIFICATION__NEW_MESSAGE, ` ${timeArray.join(' ')}`), /*#__PURE__*/React__default["default"].createElement(ui_Icon["default"], {
-    width: "24px",
-    height: "24px",
-    type: ui_Icon.IconTypes.CHEVRON_DOWN,
-    fillColor: ui_Icon.IconColors.CONTENT
-  }));
-};
-
-module.exports = UnreadCount;
-//# sourceMappingURL=UnreadCount.js.map

package/cjs/Channel/context.js

@@ -1,29 +0,0 @@
-'use strict';
-
-Object.defineProperty(exports, '__esModule', { value: true });
-
-require('react');
-require('../UserProfileContext-218e40b8.js');
-require('../useSendbirdStateContext.js');
-require('../const-2371a4db.js');
-var Channel_context = require('../ChannelProvider-7abd9fa3.js');
-require('../resolvedReplyType-478d89dd.js');
-require('prop-types');
-require('../withSendbird.js');
-require('../_rollupPluginBabelHelpers-a2f03c55.js');
-require('../index-ee440b53.js');
-require('../index-035bdafb.js');
-require('../topics-d64c7836.js');
-require('../index-f4d89559.js');
-require('../utils/message/getOutgoingMessageState.js');
-require('../compareIds-0f9de3a1.js');
-require('@sendbird/chat/groupChannel');
-require('../uuid-3462be83.js');
-require('@sendbird/chat/message');
-require('../consts-e09f89f0.js');
-
-
-
-exports.ChannelProvider = Channel_context.ChannelProvider;
-exports.useChannelContext = Channel_context.useChannelContext;
-//# sourceMappingURL=context.js.map

package/cjs/Channel.js

@@ -1,161 +0,0 @@
-'use strict';
-
-var React = require('react');
-var Channel_context = require('./ChannelProvider-7abd9fa3.js');
-var Channel_components_ChannelUI = require('./Channel/components/ChannelUI.js');
-require('./UserProfileContext-218e40b8.js');
-require('prop-types');
-require('./useSendbirdStateContext.js');
-require('./withSendbird.js');
-require('./_rollupPluginBabelHelpers-a2f03c55.js');
-require('./const-2371a4db.js');
-require('./index-ee440b53.js');
-require('./index-035bdafb.js');
-require('./topics-d64c7836.js');
-require('./index-f4d89559.js');
-require('./utils/message/getOutgoingMessageState.js');
-require('./compareIds-0f9de3a1.js');
-require('@sendbird/chat/groupChannel');
-require('./uuid-3462be83.js');
-require('@sendbird/chat/message');
-require('./consts-e09f89f0.js');
-require('./resolvedReplyType-478d89dd.js');
-require('./index-3a1678b7.js');
-require('./LocalizationContext-c014018b.js');
-require('./stringSet-b0d09ab2.js');
-require('./ui/Icon.js');
-require('./index-347004c1.js');
-require('./ui/Loader.js');
-require('./ui/ConnectionStatus.js');
-require('./Channel/components/ChannelHeader.js');
-require('./utils-f4dc128f.js');
-require('./ui/IconButton.js');
-require('./ui/ChannelAvatar.js');
-require('./ui/Avatar.js');
-require('./ui/ImageRenderer.js');
-require('./utils-d19c24e7.js');
-require('./MediaQueryContext-aea0ce1a.js');
-require('./utils-29b5d4dd.js');
-require('./Channel/components/MessageList.js');
-require('./Channel/components/Message.js');
-require('./Channel/components/SuggestedMentionList.js');
-require('./const-fc4d15a8.js');
-require('./ThreadProvider-48a2b384.js');
-require('./Thread/context/types.js');
-require('@sendbird/chat');
-require('./ui/DateSeparator.js');
-require('./color-e2978317.js');
-require('./ui/MessageInput.js');
-require('./ui/Button.js');
-require('dompurify');
-require('./consts-fb57db79.js');
-require('./consts-65d5b30a.js');
-require('./consts-0374d4b1.js');
-require('./tokenize-dd712668.js');
-require('./index.module-81f6dfc4.js');
-require('./ui/MessageContent.js');
-require('./ui/UserProfile.js');
-require('./sendbirdSelectors.js');
-require('./index-b03881eb.js');
-require('./index-449ba503.js');
-require('./index-45f1fd2f.js');
-require('./ui/MessageItemMenu.js');
-require('./ui/ContextMenu.js');
-require('react-dom');
-require('./ui/SortByRow.js');
-require('./types-81253512.js');
-require('./ui/MessageItemReactionMenu.js');
-require('./ui/ReactionButton.js');
-require('./useLongPress-d2e3654f.js');
-require('./ui/EmojiReactions.js');
-require('./ui/ReactionBadge.js');
-require('./ui/BottomSheet.js');
-require('./index-fea92ea0.js');
-require('./ui/UserListItem.js');
-require('./ui/MutedAvatarOverlay.js');
-require('./ui/Checkbox.js');
-require('./ui/Tooltip.js');
-require('./ui/TooltipWrapper.js');
-require('./Message/context.js');
-require('./ui/AdminMessage.js');
-require('./ui/TextMessageItemBody.js');
-require('./index-10a942ae.js');
-require('./ui/MentionLabel.js');
-require('./ui/LinkLabel.js');
-require('./ui/FileMessageItemBody.js');
-require('./ui/TextButton.js');
-require('./ui/ThumbnailMessageItemBody.js');
-require('./ui/OGMessageItemBody.js');
-require('./ui/UnknownMessageItemBody.js');
-require('./ui/QuoteMessage.js');
-require('./index-016f7465.js');
-require('./ui/ThreadReplies.js');
-require('./ui/VoiceMessageItemBody.js');
-require('./ui/ProgressBar.js');
-require('./VoicePlayer/useVoicePlayer.js');
-require('./index-513a30b7.js');
-require('./VoiceRecorder/context.js');
-require('./ui/Modal.js');
-require('./ui/PlaybackTime.js');
-require('./Channel/components/FileViewer.js');
-require('./Channel/components/RemoveMessageModal.js');
-require('./index-4321dbbb.js');
-require('./useDirtyGetMentions-2f9462f1.js');
-require('./Channel/components/UnreadCount.js');
-require('./Channel/components/FrozenNotification.js');
-require('./Channel/components/TypingIndicator.js');
-require('./Channel/components/MessageInput.js');
-require('./ui/QuoteMessageInput.js');
-require('./VoiceMessageInputWrapper-90c4bdb2.js');
-require('./VoiceRecorder/useVoiceRecorder.js');
-require('./index-b713c814.js');
-
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-
-const Channel = props => {
-  return /*#__PURE__*/React__default["default"].createElement(Channel_context.ChannelProvider, {
-    channelUrl: props === null || props === void 0 ? void 0 : props.channelUrl,
-    isReactionEnabled: props === null || props === void 0 ? void 0 : props.isReactionEnabled,
-    isMessageGroupingEnabled: props === null || props === void 0 ? void 0 : props.isMessageGroupingEnabled,
-    showSearchIcon: props === null || props === void 0 ? void 0 : props.showSearchIcon,
-    animatedMessage: props === null || props === void 0 ? void 0 : props.animatedMessage,
-    highlightedMessage: props === null || props === void 0 ? void 0 : props.highlightedMessage,
-    startingPoint: props === null || props === void 0 ? void 0 : props.startingPoint,
-    onBeforeSendUserMessage: props === null || props === void 0 ? void 0 : props.onBeforeSendUserMessage,
-    onBeforeSendFileMessage: props === null || props === void 0 ? void 0 : props.onBeforeSendFileMessage,
-    onBeforeUpdateUserMessage: props === null || props === void 0 ? void 0 : props.onBeforeUpdateUserMessage,
-    onChatHeaderActionClick: props === null || props === void 0 ? void 0 : props.onChatHeaderActionClick,
-    onSearchClick: props === null || props === void 0 ? void 0 : props.onSearchClick,
-    onBackClick: props === null || props === void 0 ? void 0 : props.onBackClick,
-    replyType: props === null || props === void 0 ? void 0 : props.replyType,
-    threadReplySelectType: props === null || props === void 0 ? void 0 : props.threadReplySelectType,
-    queries: props === null || props === void 0 ? void 0 : props.queries,
-    renderUserProfile: props === null || props === void 0 ? void 0 : props.renderUserProfile,
-    filterMessageList: props === null || props === void 0 ? void 0 : props.filterMessageList,
-    disableUserProfile: props === null || props === void 0 ? void 0 : props.disableUserProfile,
-    disableMarkAsRead: props === null || props === void 0 ? void 0 : props.disableMarkAsRead,
-    onReplyInThread: props === null || props === void 0 ? void 0 : props.onReplyInThread,
-    onQuoteMessageClick: props === null || props === void 0 ? void 0 : props.onQuoteMessageClick,
-    onMessageAnimated: props === null || props === void 0 ? void 0 : props.onMessageAnimated,
-    onMessageHighlighted: props === null || props === void 0 ? void 0 : props.onMessageHighlighted,
-    scrollBehavior: props.scrollBehavior
-  }, /*#__PURE__*/React__default["default"].createElement(Channel_components_ChannelUI, {
-    isLoading: props === null || props === void 0 ? void 0 : props.isLoading,
-    renderPlaceholderLoader: props === null || props === void 0 ? void 0 : props.renderPlaceholderLoader,
-    renderPlaceholderInvalid: props === null || props === void 0 ? void 0 : props.renderPlaceholderInvalid,
-    renderPlaceholderEmpty: props === null || props === void 0 ? void 0 : props.renderPlaceholderEmpty,
-    renderChannelHeader: props === null || props === void 0 ? void 0 : props.renderChannelHeader,
-    renderMessage: props === null || props === void 0 ? void 0 : props.renderMessage,
-    renderMessageInput: props === null || props === void 0 ? void 0 : props.renderMessageInput,
-    renderTypingIndicator: props === null || props === void 0 ? void 0 : props.renderTypingIndicator,
-    renderCustomSeparator: props === null || props === void 0 ? void 0 : props.renderCustomSeparator,
-    renderFileUploadIcon: props === null || props === void 0 ? void 0 : props.renderFileUploadIcon,
-    renderVoiceMessageIcon: props === null || props === void 0 ? void 0 : props.renderVoiceMessageIcon,
-    renderSendMessageIcon: props === null || props === void 0 ? void 0 : props.renderSendMessageIcon
-  }));
-};
-
-module.exports = Channel;
-//# sourceMappingURL=Channel.js.map