# custom-chatbot-widget > Custom rasa chat widget Latest version **3.3.2** (published 2025-03-11) · Apache-2.0 license · 0 weekly downloads > **Deprecated.** This package is deprecated. ## Install ```sh npm install custom-chatbot-widget pnpm add custom-chatbot-widget yarn add custom-chatbot-widget bun add custom-chatbot-widget ``` ## Health **Score 10/100 (F)** — status: deprecated. Negative: deprecated. ## Facts | | | |---|---| | Version | 3.3.2 | | Published | 2025-03-11 | | First published | 2023-07-05 | | Weekly downloads | 0 | | License | Apache-2.0 | | TypeScript types | none | | Module format | ESM + CommonJS | | Dependencies | 31 | | Unpacked size | 888.2 KB | | Known vulnerabilities | 0 | | Install scripts | no | | Maintainers | adit.pn, restu_averian_putra | | Keywords | react, chat, widget, javascript | ## Links - npm: https://www.npmjs.com/package/custom-chatbot-widget - npm.io page: https://npm.io/package/custom-chatbot-widget ## Dependencies (31) - [os](https://npm.io/package/os.md) ^0.1.2 - [antd](https://npm.io/package/antd.md) ^4.20.0 - [axios](https://npm.io/package/axios.md) ^1.6.0 - [react](https://npm.io/package/react.md) ^17.0.2 - [redux](https://npm.io/package/redux.md) ^4.0.5 - [webhook](https://npm.io/package/webhook.md) ^0.0.2 - [chart.js](https://npm.io/package/chart.js.md) ^4.4.4 - [crypto-js](https://npm.io/package/crypto-js.md) ^4.2.0 - [immutable](https://npm.io/package/immutable.md) ^3.8.2 - [react-dom](https://npm.io/package/react-dom.md) ^17.0.2 - [socket.io](https://npm.io/package/socket.io.md) ^4.7.5 - [file-saver](https://npm.io/package/file-saver.md) ^2.0.5 - [prop-types](https://npm.io/package/prop-types.md) ^15.7.2 - [object-hash](https://npm.io/package/object-hash.md) ^1.1.5 - [react-redux](https://npm.io/package/react-redux.md) ^7.2.5 - [react-popper](https://npm.io/package/react-popper.md) ^2.2.3 - [sockjs-client](https://npm.io/package/sockjs-client.md) ^1.4.0 - [@popperjs/core](https://npm.io/package/@popperjs/core.md) ^2.4.0 - [@stomp/stompjs](https://npm.io/package/@stomp/stompjs.md) ^5.4.2 - [react-markdown](https://npm.io/package/react-markdown.md) ^8.0.3 - [react-chartjs-2](https://npm.io/package/react-chartjs-2.md) ^5.2.0 - [react-draggable](https://npm.io/package/react-draggable.md) ^4.4.6 - [@reduxjs/toolkit](https://npm.io/package/@reduxjs/toolkit.md) ^2.2.7 - [react-router-dom](https://npm.io/package/react-router-dom.md) 5.2.0 - [socket.io-client](https://npm.io/package/socket.io-client.md) ^4.7.5 - [@ant-design/charts](https://npm.io/package/@ant-design/charts.md) ^1.1.13 - [babel-plugin-import](https://npm.io/package/babel-plugin-import.md) ^1.13.8 - [react-use-websocket](https://npm.io/package/react-use-websocket.md) ^4.8.1 - [react-textarea-autosize](https://npm.io/package/react-textarea-autosize.md) ^8.5.3 - [react-immutable-proptypes](https://npm.io/package/react-immutable-proptypes.md) ^2.2.0 - [@babel/plugin-proposal-class-properties](https://npm.io/package/@babel/plugin-proposal-class-properties.md) ^7.18.6 ## Alternatives - [mobx-react](https://npm.io/package/mobx-react.md) — 2.8M weekly downloads - [rc-tree](https://npm.io/package/rc-tree.md) — 2.6M weekly downloads - [@react-oauth/google](https://npm.io/package/@react-oauth/google.md) — 1.3M weekly downloads - [@wagmi/connectors](https://npm.io/package/@wagmi/connectors.md) — 877.0K weekly downloads - [vee-validate](https://npm.io/package/vee-validate.md) — 836.4K weekly downloads ## Recent versions - 3.3.2 (latest) — 2025-03-11 - 3.3.2-alpha.2 (alpha.2) — 2025-03-11 - 3.3.1-alpha.21 (alpha.21) — 2025-02-21 - 3.3.1-alpha.20 (alpha.20) — 2025-02-21 - 3.3.1-alpha.19 (alpha.19) — 2025-02-21 - 3.3.1-alpha.18 (alpha.18) — 2025-02-21 - 3.3.1-alpha.17 (alpha.17) — 2025-02-21 - 3.3.1-alpha.16 (alpha.16) — 2025-02-21 - 3.3.1-alpha.15 (alpha.15) — 2025-02-20 - 3.3.1-alpha.14 (alpha.14) — 2025-02-19 - 3.3.1-alpha.13 (alpha.13) — 2025-02-18 - 3.3.1-alpha.12 (alpha.12) — 2025-02-17 - 3.3.1-alpha.11 (alpha.11) — 2025-02-17 - 3.3.1-alpha.10 (alpha.10) — 2025-02-11 - 3.3.1-alpha.9 (alpha.9) — 2025-02-03 - … 154 more at https://npm.io/package/custom-chatbot-widget/versions ## README ### Built With - [![React][react.js]][react-url] - [![Socket-io][socket-io-img]][socket-io-url] - [![Chart.js][chart.js-img]][chart.js-url] ### Requirements - react :^17.0.2 - react-dom : ^17.0.2 ## Getting Started ```sh npm i custom-chatbot-widget ``` ## Usage ```sh import Widget from 'custom-chatbot-widget'; import { createBrowserHistory } from 'history'; const App = ()=>{ const initPayload = { access_token: 'jwt token', refresh_token: 'refresh token', uagent: window.navigator.userAgent, uriBackend: 'uri backend', uriService: 'uri open ai service chatbot', companyid: 'coid', companycode:'companycode', lang:'EN', uriBackendEnt: 'uri backend go', } const textSayHiAndGetStarted = 'Workplaze is Outstandingly Wonderful'; const history = createBrowserHistory(); return ( {}, onCheckPYAccess:()=>{}, }} /> ) } ``` ## [Click this for Publish Process](./publish_process/README.md) [react.js]: https://img.shields.io/badge/React-20232A?style=for-the-badge&logo=react&logoColor=61DAFB [react-url]: https://reactjs.org/ [socket-io-url]: https://socket.io/ [socket-io-img]: https://img.shields.io/badge/Socket-io?logo=socketdotio&label=Socket.io [chart.js-url]: https://www.chartjs.org/ [chart.js-img]: https://img.shields.io/badge/Chart-js?logo=chartdotjs&logoColor=%23FF6384&label=Chart.js&labelColor=white&color=%23FF6384 --- _Source: https://npm.io/package/custom-chatbot-widget · Machine-readable twin of the npm.io package page. Health data is recomputed on every publish._