Overview

The Fraud Prevention library for React (@transmitsecurity/riskid-reactjs-ts) is a wrapper of the Mosaic Fraud Prevention JavaScript SDK. Once integrated, the library automatically collects device and behavioral telemetry and submits it to Mosaic for analysis. When specific user actions occur (such as login or account registration), you can report those events to receive risk-based recommendations via the Recommendations backend API.

• Collects device and behavioral data automatically in the background
• Reports user action events (login, registration, transaction, etc.) for risk assessment
• Provides action tokens for correlating client-side and backend events
• React context provider and hook-based API

  npm i @transmitsecurity/riskid-reactjs-ts

Import the TSAccountProtectionProvider and wrap your application:

import { TSAccountProtectionProvider } from '@transmitsecurity/riskid-reactjs-ts';

<TSAccountProtectionProvider
  clientId="CLIENT_ID"
  options={{ serverUrl: 'https://api.transmitsecurity.io/risk-collect/' }}
>
  <App />
</TSAccountProtectionProvider>

Configure the server URL based on your region:

Use the useTSAccountProtection hook to access the library methods:

import { useTSAccountProtection } from '@transmitsecurity/riskid-reactjs-ts';

function InnerComponent() {
  const { triggerActionEvent, setAuthenticatedUser, clearUser } = useTSAccountProtection();

  const handleLogin = async () => {
    const actionResponse = await triggerActionEvent('login');
    // Send actionResponse.actionToken to your backend
  };
}

• React quickstart
• Recommendations API