steve-jr / tawkto-react Goto Github PK

Nothing happen. It doesn't give even an error.

As a dependency, it will be installed in a production release

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

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.

./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.

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

It would really great to have TypeScript support for this module :)

I'm unable to add user info after initializing tawk. Any advice?

its not working in react

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

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 :)

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.

Hello! Could anyone update it to react 18?

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.

thanks

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

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.

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.

Nothing shows up. It's like it's not executing any code at all!

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 !

It's possible to customization the component?

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 trying to use it in react with typescript, but I am getting an error

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?

i keep getting can't find document variable

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.