New Case Study:See how Anthropic automated 95% of dependency reviews with Socket.Learn More
Socket
Sign inDemoInstall
Socket

reactjs-freshchat

Package Overview
Dependencies
Maintainers
1
Versions
21
Alerts
File Explorer

Advanced tools

Socket logo

Install Socket

Detect and block malicious and high-risk dependencies

Install

reactjs-freshchat

A Reactjs component wrapper for Freshchat web-sdk api.

  • 1.3.3
  • latest
  • Source
  • npm
  • Socket score

Version published
Weekly downloads
657
decreased by-36.58%
Maintainers
1
Weekly downloads
 
Created
Source

ReactJS Freshchat

GitHub Workflow Status GitHub Workflow Status NPM

React component wrapper for Freshchat. The oficial documentation can be found here https://developers.freshchat.com/web-sdk/.


List of features

  • Create a chat with anonymous user
  • Create a chat with Logged in user
  • Custom labeled chat
    • Add a label to your chat icon.
    • The ic_styles property can only be set with this option.

Live examples

  • Simple icon chat

    simple chat
  • Labeled icon chat

    labeled chat

Code Demo

  import { Freshchat } from 'reactjs-freshchat';
  import 'reactjs-freshchat/dist/index.css'

 //1. Anonymous User
    <Freshchat token={'YOUR-TOKEN-HERE'} />

 //2. Logged in User
    <Freshchat 
      token={'YOUR-TOKEN-HERE'}
      externalId={"john.doe1987"} 
      firstName={"John"}
      lastName={"Doe"}
    />
 //3. Labeled chat and styled colors
      <Freshchat 
        token={'YOUR-TOKEN-HERE'} 
        label="Label"
        ic_styles={{
          backgroundColor: '#002d85', 
          color: '#fff'
        }}
      />

Download & Installation

$ npm i reactjs-freshchat

Contributing

Keep it simple. Keep it minimal. Don't put every single feature just because you can. Have fun 🚀!

Download the source code. Then, you need to install the dependencies using

yarn 
or 
npm install

Then run the following command to run the component yarn start or npm start .

Then navigate to the example folder and run the start script to run the example project and see your changes.

Authors or Acknowledgments

  • Vinicius Teixeira

License

MIT © ViniciusTei

Keywords

FAQs

Package last updated on 01 Dec 2021

Did you know?

Socket

Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.

Install

Related posts

SocketSocket SOC 2 Logo

Product

  • Package Alerts
  • Integrations
  • Docs
  • Pricing
  • FAQ
  • Roadmap
  • Changelog

Packages

npm

Stay in touch

Get open source security insights delivered straight into your inbox.


  • Terms
  • Privacy
  • Security

Made with ⚡️ by Socket Inc