chatinput.android.js

'use strict';

import React from 'react';
import ReactNative from 'react-native';
const {Component} = React;

const {requireNativeComponent, ViewPropTypes} = ReactNative;
import PropTypes from 'prop-types';

export default class ChatInput extends Component {
  constructor(props) {
    super(props);
    this._onSendText = this._onSendText.bind(this);
    this._onSendVideo = this._onSendVideo.bind(this);
    this._onSendVoice = this._onSendVoice.bind(this);
    this._onShowKeyboard = this._onShowKeyboard.bind(this);
    this._onFeatureView = this._onFeatureView.bind(this);
    this._onEditTextChange = this._onEditTextChange.bind(this);
  }

  _onSendText(event) {
    if (!this.props.onSendText) {
      return;
    }
    this.props.onSendText(event.nativeEvent.text, event.nativeEvent.ids);
  }

  _onSendVideo(event) {
    if (!this.props.onSendVideo) {
      return;
    }
    this.props.onSendVideo(event.nativeEvent.mediaPath);
  }

  _onSendVoice(event) {
    if (!this.props.onSendVoice) {
      return;
    }
    this.props.onSendVoice(
      event.nativeEvent.mediaPath,
      event.nativeEvent.duration,
    );
  }

  _onShowKeyboard(event) {
    if (!this.props.onShowKeyboard) {
      return;
    }
    this.props.onShowKeyboard(
      event.nativeEvent.inputHeight,
      event.nativeEvent.showType,
    );
  }
  _onFeatureView(event) {
    if (!this.props.onFeatureView) {
      return;
    }
    this.props.onFeatureView(
      event.nativeEvent.inputHeight,
      event.nativeEvent.showType,
    );
  }
  _onEditTextChange(event) {
    if (!this.props.onEditTextChange) {
      return;
    }
    this.props.onEditTextChange(event.nativeEvent.text);
  }

  render() {
    return (
      <RCTChatInput
        {...this.props}
        onSendText={this._onSendText}
        onSendVideo={this._onSendVideo}
        onSendVoice={this._onSendVoice}
        onShowKeyboard={this._onShowKeyboard}
        onFeatureView={this._onFeatureView}
        onEditTextChange={this._onEditTextChange}
      />
    );
  }
}

ChatInput.propTypes = {
  menuContainerHeight: PropTypes.number,
  isDismissMenuContainer: PropTypes.bool,
  onSendVideo: PropTypes.func,
  onSendVoice: PropTypes.func,
  onShowKeyboard: PropTypes.func,
  onFeatureView: PropTypes.func,
  onEditTextChange: PropTypes.func,
  ...ViewPropTypes,
};

var RCTChatInput = requireNativeComponent('RCTChatInput', ChatInput);