parcepatacore-risk-react

Official React Component SDK for the Athena Risk Decisioning & Sanctions Screening Engine.

Installation

npm install parcepatacore-risk-react
# or
yarn add parcepatacore-risk-react
# or
pnpm add parcepatacore-risk-react

Quick Start

Wrap your application or component tree in the RiskProvider:

import React from 'react';
import {
  RiskProvider,
  RiskScoreBadge,
  CustomerRiskCard,
  AlertInboxWidget,
  WatchlistMatchWidget
} from '@athena-kyc/risk-screening-react';

export function App() {
  return (
    <RiskProvider
      baseUrl="http://localhost:8003/api/v1"
      tenantId="bank-a-uuid"
      theme="light"
    >
      {/* 1. Real-time Customer Risk Evaluation Card */}
      <CustomerRiskCard
        customerId="CUST-88192"
        customerName="Acme Global Trading"
        country="US"
      />

      {/* 2. Standalone Risk Score Badge */}
      <RiskScoreBadge score={85} size="md" />

      {/* 3. Sanctions & Watchlist Screener */}
      <WatchlistMatchWidget initialName="Acme Trading" />

      {/* 4. Drop-in Sanctions & PEP Alert Inbox */}
      <AlertInboxWidget
        pageSize={10}
        onResolve={(alertId, decision) => console.log(alertId, decision)}
      />
    </RiskProvider>
  );
}

Available Components

Small Components

• <RiskScoreBadge score={85} size="sm" | "md" | "lg" />
• <SanctionsStatusChip status="TRUE_POSITIVE" source="OFAC_SDN" />
• <CIPStatusChip status="COMPLIANT" verified={true} />

Medium Components

• <CustomerRiskCard customerId="CUST-001" onRescore={(res) => ...} />
• <WatchlistMatchWidget initialName="John Doe" onScreenComplete={(matches) => ...} />
• <RuleTriggerImpactCard rule={ruleObject} />

Large Workspaces

• <AlertInboxWidget pageSize={10} onResolve={(id, decision) => ...} />
• <RulesGovernanceWidget onStatusChange={(id, status) => ...} />
• <SimulationLabWidget onSimulationComplete={(result) => ...} />

License

Proprietary — Athena KYC Compliance Platform.