Revert

Open-source unified API for product integrations

@revertdotdev/revert-react

Overview

Revert is the fastest way to integrate with your customer's tools with a single set of APIs & SDKs.

This package contains the React sdk with the following:

1. RevertConnect component
2. useRevertConnect hook

$3

First, install the Revert npm package:

``javascript
yarn add @revertdotdev/revert-react
`

$3

1. Adding the component will instantly give your app a way for your users to connect their tools by opening our Modal on clicking where they will be a able to choose & connect their 3rd party tool.

`javascript
function App() {
return (

config={{
revertToken: 'YOUR_PUBLIC_TOKEN',
tenantId: 'CUSTOMER_TENANT_ID',
}}
/>

);
}
`

2. If you wish to use your own UI for it you can use the useRevertConnnect hook and call the open() method when appropriate. For example:

`javascript
const { loading, error, open } = useRevertConnect({ config: configObject });
return (
disabled={loading || Boolean(error)}
id="revert-connect-button"
onClick={() => open()}
style={{
padding: 10,
outline: 'none',
background: 'rgb(39, 45, 192)',
border: '1px solid rgb(39, 45, 192)',
borderRadius: 5,
cursor: 'pointer',
color: '#fff',
...props.style,
}}
>
{props.children || 'Connect your tool'}

);
`

You can also pass in the integrationId inside the open() method above to directly open the integration you are interested in. These are the integration IDs that are currently supported:

- open('hubspot')
- open('zohocrm')
- open('sfdc')`

$3

In case of questions/feedback, you can get in touch in the following ways

- Open a Github support issue
- Contact us over email.