stream-chat-react-native-core/lib/commonjs/components/MessageInput/MessageInputHeaderView.js

The official React Native and Expo components for Stream Chat, a service for building chat applications

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports.MessageInputHeaderView = void 0;
var _react = _interopRequireWildcard(require("react"));
var _reactNative = require("react-native");
var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
var _LinkPreviewList = require("./components/LinkPreviewList");
var _useLinkPreviews = require("./hooks/useLinkPreviews");
var _audioRecorderSelectors = require("./utils/audioRecorderSelectors");
var _messageComposerSelectors = require("./utils/messageComposerSelectors");
var _ComponentsContext = require("../../contexts/componentsContext/ComponentsContext");
var _MessageComposerAPIContext = require("../../contexts/messageComposerContext/MessageComposerAPIContext");
var _useHasAttachments = require("../../contexts/messageInputContext/hooks/useHasAttachments");
var _useMessageComposer = require("../../contexts/messageInputContext/hooks/useMessageComposer");
var _MessageInputContext = require("../../contexts/messageInputContext/MessageInputContext");
var _ThemeContext = require("../../contexts/themeContext/ThemeContext");
var _useStateStore3 = require("../../hooks/useStateStore");
var _theme = require("../../theme");
var _transitions = require("../../utils/animations/transitions");
var _jsxRuntime = require("react/jsx-runtime");
var _jsxFileName = "/home/runner/work/stream-chat-react-native/stream-chat-react-native/package/src/components/MessageInput/MessageInputHeaderView.tsx";
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
var MessageInputHeaderView = () => {
  var _useTheme = (0, _ThemeContext.useTheme)(),
    contentContainer = _useTheme.theme.messageComposer.contentContainer;
  var messageComposer = (0, _useMessageComposer.useMessageComposer)();
  var editing = !!messageComposer.editedMessage;
  var _useMessageComposerAP = (0, _MessageComposerAPIContext.useMessageComposerAPIContext)(),
    clearEditingState = _useMessageComposerAP.clearEditingState;
  var _useStateStore = (0, _useStateStore3.useStateStore)(messageComposer.state, _messageComposerSelectors.messageComposerStateStoreSelector),
    quotedMessage = _useStateStore.quotedMessage;
  var hasLinkPreviews = (0, _useLinkPreviews.useHasLinkPreviews)();
  var _useMessageInputConte = (0, _MessageInputContext.useMessageInputContext)(),
    audioRecorderManager = _useMessageInputConte.audioRecorderManager;
  var _useComponentsContext = (0, _ComponentsContext.useComponentsContext)(),
    AttachmentUploadPreviewList = _useComponentsContext.AttachmentUploadPreviewList,
    Reply = _useComponentsContext.Reply;
  var _useStateStore2 = (0, _useStateStore3.useStateStore)(audioRecorderManager.state, _audioRecorderSelectors.idleRecordingStateSelector),
    isRecordingStateIdle = _useStateStore2.isRecordingStateIdle;
  var hasAttachments = (0, _useHasAttachments.useHasAttachments)();
  var onDismissReply = (0, _react.useCallback)(() => {
    messageComposer.setQuotedMessage(null);
  }, [messageComposer]);
  return isRecordingStateIdle ? (0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
    layout: _transitions.transitions.layout200,
    style: [styles.contentContainer, {
      paddingTop: hasAttachments || quotedMessage || editing || hasLinkPreviews ? _theme.primitives.spacingXs : 0
    }, contentContainer],
    children: [editing ? (0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
      entering: _transitions.transitions.fadeIn200,
      exiting: _transitions.transitions.fadeOut200,
      children: (0, _jsxRuntime.jsx)(Reply, {
        mode: "edit",
        onDismiss: clearEditingState,
        quotedMessage: messageComposer.editedMessage
      })
    }) : null, quotedMessage && !editing ? (0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
      entering: _transitions.transitions.fadeIn200,
      exiting: _transitions.transitions.fadeOut200,
      children: (0, _jsxRuntime.jsx)(Reply, {
        onDismiss: editing ? undefined : onDismissReply,
        mode: "reply"
      })
    }) : null, (0, _jsxRuntime.jsx)(AttachmentUploadPreviewList, {}), (0, _jsxRuntime.jsx)(_LinkPreviewList.LinkPreviewList, {})]
  }) : null;
};
exports.MessageInputHeaderView = MessageInputHeaderView;
var styles = _reactNative.StyleSheet.create({
  contentContainer: {
    gap: _theme.primitives.spacingXxs,
    overflow: 'hidden',
    paddingHorizontal: _theme.primitives.spacingXs
  }
});
//# sourceMappingURL=MessageInputHeaderView.js.map