@botonic/react/src/components/multichannel/multichannel-reply.jsx

Build Chatbots using React

import React, { useContext } from 'react'

import { RequestContext } from '../../contexts'
import { Reply } from '../reply'
import { isWhatsapp } from './multichannel-utils'

export const MultichannelReply = props => {
  const requestContext = useContext(RequestContext)
  const hasPath = () => Boolean(props.path)
  const hasPayload = () => Boolean(props.payload)
  const getText = () => `${props.children}`

  if (isWhatsapp(requestContext)) {
    if (hasPath() || hasPayload()) return `${getText()}`
    return null
  } else {
    return <Reply {...props}>{props.children}</Reply>
  }
}