@esauti/react

React bindings for @esauti/browser:

• <EsautiProvider options={...} />
• useEsauti() hook
• <EsautiForm formId="..." />
• <EsautiFocus focusId="..." />

This package contains no business logic; all tracking/events/forms/focus behavior lives in @esauti/browser.

Install

npm i @esauti/react

Quick start (React + Vite)

import React from "react";
import { EsautiProvider, EsautiForm, EsautiFocus, useEsauti } from "@esauti/react";

function App() {
  return (
    <EsautiProvider
      options={{
        baseUrl: "https://tenant.esauti.com",
        token: "YOUR_INTEGRATION_TOKEN",
        source: "web",
        enableSpaAutoTracking: true,
      }}
    >
      <EsautiFocus focusId="42" />
      <Main />
    </EsautiProvider>
  );
}

function Main() {
  const esauti = useEsauti();

  return (
    <div>
      <button onClick={() => window.esauti_start_tracking?.()}>
        Accept cookies (start tracking)
      </button>

      <EsautiForm formId="123" height={720} />
    </div>
  );
}

export default App;

Build

npm run build

MIT License