React Freshchat

React Freshchat is a wrapper on top of Freshchat (see official documentation here https://developers.freshchat.com/).

How to use

DO NOT INCLUDE Freshchat script in head, React Freshchat will automatically add it with a lazy load technique

• Install react-freshchat (see Installation).
• Import the lib where you initialize your React App.
• Include the component with the token.

Example

import React from 'react'
import FreshChat from 'react-freshchat'

class App extends React.Component {
  // ...
  render() {
    return <div>
      <FreshChat
        token={config.freshchat.token}
        email="user@email.com"
        first_name="..."
        onInit={widget => {
          /* Use `widget` instead of `window.fcWidget`
            widget.user.setProperties({
              email: user.email,
              first_name: user.firstName,
              last_name: user.lastName,
              phone: user.phoneNumber,
            })
          */
        }}
      />
    </div>
  }
}

For more details: https://developers.freshchat.com/

Installation

Only NPM is supported for now: npm i -s react-freshchat

UMD Support

UMD is supported out of the box.

TODO

• Unit Testing
• Integrate Webpack