index.js

import React, {Component} from 'react'
import {GiftedChat} from 'react-native-gifted-chat'

import PropTypes from 'prop-types';


class XMPPMessenger extends Component {

  constructor(props) {
    super(props)
  }

  componentDidMount() {
    const {xmpp} = this.props
    // xmpp.xmppObject.on('message', this.onReceiveMessage.bind(this))
  }

  onReceiveMessage(text) {
    // this.props.onReceiveMessage(text)
  }


  onSend(messages = []) {
    const { xmpp } = this.props
    const { settings } = this.props.xmpp
    const { chattingWith } = this.props
    this.props.onSend(messages[0])
    // xmpp.sendMessage(messages[0].text, `${chattingWith}@${settings.domain}`) // change this
    if(this.props.isLoggedIn && messages[0].text !=''){
       xmpp.sendMessage(messages[0].text, `${chattingWith}@${settings.domain}`)
    }
    else{
      if(this.props.cacheAction && messages[0].text !='')
        this.props.cacheAction({message:messages[0],to:`${chattingWith}@${settings.domain}`})
    }
 

    // ^^ gifted chat push an array of message. we require the first
    // one. thus sending only one
  }

  render() {
    let {chat, chattingWith} = this.props,
      key = `${chat.jid}:${chattingWith}`,
      {user, parsePatterns,systemMessageParsePatterns, ...rest} = this.props
    return (
      <GiftedChat
        {...rest}
        messages={chat.messages[key] || []}
        onSend={(messages) => this.onSend(messages)}
        user={this.props.user}
        parsePatterns={this.props.parsePatterns}
        systemMessageParsePatterns={this.props.systemMessageParsePatterns}
      />
    )
  }
}

XMPPMessenger.defaultProps = {
  onReceiveMessage: () => {},
}

XMPPMessenger.propTypes = {
  xmpp: PropTypes.object.isRequired,
  chat: PropTypes.object.isRequired,
  chattingWith: PropTypes.string.isRequired,
  onSend: PropTypes.func.isRequired,
  user: PropTypes.object.isRequired,
  parsePatterns: PropTypes.func.isRequired,
  systemMessageParsePatterns: PropTypes.func.isRequired,

}


export default XMPPMessenger

/*
* props
* chat: chat object that contains usually a redux reducer
* chattingWith: xmpp id of the person chatting with
*
* */