steve-jr / tawkto-react Goto Github PK
View Code? Open in Web Editor NEWRepo will not be maintained any further. Kindly refer to Tawk official plugin ๐๐ผ
Home Page: https://www.npmjs.com/package/tawkto-react
License: MIT License
Repo will not be maintained any further. Kindly refer to Tawk official plugin ๐๐ผ
Home Page: https://www.npmjs.com/package/tawkto-react
License: MIT License
Hello ! Thank you for your work.
Do you think it's possible to add the possibility to select the chat widget ? Because I have multiples chat widget for different pages & situation, like error pages that I want the error chat widget. Do you see ?
Regards
Can you help me how can I use these API commands?
https://developer.tawk.to/jsapi/
For example, I need to showWidget() by click on the button.
Hello! Could anyone update it to react 18?
The behavior I'm expecting is, if the user exits from a page the chat widget will not show up.
Need a function to unsubscribe on page exit on useEffect.
I'm interested to work on that.
I am mounting the component in my home page using this package but want it removed when I open dashboard. Can you please help how can I do so.
thanks
There is not enough information of how to implement this chat, also. following your functional component, it still not working useEffect shows as empty in the devtools.
Did you get this working on your local setup?
I can see a number of scripts being loaded.
and I can see that an iframe has been inserted on the bottom right, exactly where the widget should first show up.
But nothing actually does show up.
PS: This is probably nothing to do with the wrapper, but more to do with Tawkto itself.
As a dependency, it will be installed in a production release
It's possible to customization the component?
I'm unable to add user info after initializing tawk. Any advice?
Hi,
Is there a way to customize the style of the TawkTo because is in an iframe from what I can see and w/o any prop or something it's kinda not doable...
Thanks :)
Could not find a declaration file for module 'tawkto-react'. '/var/www/pterodactyl/node_modules/tawkto-react/src/index.js' implicitly has an 'any' type.
Getting this above error code when implementing inside react useffect , I have checked the property id and key and they are correct , please help me asap !
When I add the PropertyID I can't see the chat box.
I found the issue.
Now the URL is: https://embed.tawk.to/PROPERTY_ID/default
My chat has not "default" as parameter but unique key.
So it should be: https://embed.tawk.to/PROPERTY_ID/KEY
When I open the URL with the right /KEY (and not /default) I got a response back and see JS code.
Maybe you can have a look into it?
its not working in react
I am trying to use it in react with typescript, but I am getting an error
Command:
npm install tawkto-react --save
Response:
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving: [email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! react@"^17.0.2" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.13.1" from [email protected]
npm ERR! node_modules/tawkto-react
npm ERR! tawkto-react@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\xxxxxx\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\xxxxxx\AppData\Local\npm-cache\_logs\2021-11-12T13_17_00_073Z-debug.log
Nothing shows up. It's like it's not executing any code at all!
./node_modules/tawkto-react/src/index.js
SyntaxError: ...\node_modules\tawkto-react\src\index.js: Support for the experimental syntax 'classPrivateProperties' isn't currently enabled (15:23):
13 | class TawkTo {
14 | constructor(propertyId, widgetId, zIndex = null) {
15 | this._Tawk = this.#init(propertyId, widgetId, zIndex);
| ^
16 | }
17 |
18 | #init(propertyId, widgetId, zIndex) {
Add @babel/plugin-proposal-class-properties (https://git.io/vb4SL) to the 'plugins' section of your Babel config to enable transformation.
If you want to leave it as-is, add @babel/plugin-syntax-class-properties (https://git.io/vb4yQ) to the 'plugins' section to enable parsing.
Nothing happen. It doesn't give even an error.
i keep getting can't find document variable
I am getting same error with
npm install tawkto-react --save
npm ERR! code ERESOLVE
npm ERR! ERESOLVE unable to resolve dependency tree
npm ERR!
npm ERR! While resolving:[email protected]
npm ERR! Found: [email protected]
npm ERR! node_modules/react
npm ERR! react@"^17.0.1" from the root project
npm ERR!
npm ERR! Could not resolve dependency:
npm ERR! peer react@"^16.13.1" from [email protected]
npm ERR! node_modules/tawkto-react
npm ERR! tawkto-react@"*" from the root project
npm ERR!
npm ERR! Fix the upstream dependency conflict, or retry
npm ERR! this command with --force, or --legacy-peer-deps
npm ERR! to accept an incorrect (and potentially broken) dependency resolution.
npm ERR!
npm ERR! See C:\Users\xxx\AppData\Local\npm-cache\eresolve-report.txt for a full report.
npm ERR! A complete log of this run can be found in:
npm ERR! C:\Users\xxx\AppData\Local\npm-cache\_logs\2021-11-17T13_12_47_983Z-debug.log
I am getting same error with
npm install tawkto-react --save
npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve dependency tree npm ERR! npm ERR! While resolving:[email protected] npm ERR! Found: [email protected] npm ERR! node_modules/react npm ERR! react@"^17.0.1" from the root project npm ERR! npm ERR! Could not resolve dependency: npm ERR! peer react@"^16.13.1" from [email protected] npm ERR! node_modules/tawkto-react npm ERR! tawkto-react@"*" from the root project npm ERR! npm ERR! Fix the upstream dependency conflict, or retry npm ERR! this command with --force, or --legacy-peer-deps npm ERR! to accept an incorrect (and potentially broken) dependency resolution. npm ERR! npm ERR! See C:\Users\xxx\AppData\Local\npm-cache\eresolve-report.txt for a full report. npm ERR! A complete log of this run can be found in: npm ERR! C:\Users\xxx\AppData\Local\npm-cache\_logs\2021-11-17T13_12_47_983Z-debug.log
You may need an appropriate loader to handle this file type.
| class TawkTo {
| constructor(propertyId, widgetId, zIndex = null) {
| this._Tawk = this.#init(propertyId, widgetId, zIndex);
| }
updated to version 3.0.0 and getting this error
It would really great to have TypeScript support for this module :)
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.