@cardscan.ai/insurance-cardscan-react

CardScan.ai: React Widget

CardScan.ai is the fastest way to add health insurance card scanning to your mobile or web application.

---

CardScan.ai has UI widgets to support scanning on web, mobile web, Flutter, React Native, native iOS and Android. Or use the API to build your own implementation.

Widget Features:

• Smart Card Detection
• Auto & Manual Capture
• Customizable User Prompts
• Browser/Device Permission Helper
• Retrying Failed & Low-Quality Scans
• Responsive UI
• Web to Mobile Handoff

Basic Example:

import React from "react";
import { render } from "react-dom";
import {CardScanView} from "@cardscan.ai/insurance-cardscan-react";

function onSuccess(card: any) {
  console.log("new card: ", card);
}

// See Authentication on where to get this token.
const token = 'JWT_TOKEN'

// Render CardScanView
render(
  <CardScanView
    live={false}
    sessionToken={token}
    onSuccess={onSuccess}
    />
  ,document.getElementById("root")
);

Compatibility

• Node Versions: 14, 16, 18
• React Versions: >=17.0.2, 18.2.0+
• Webpack Versions: 4.x, 5.x
• Babel Versions: 6.x, 7.x

Peer Dependencies

• React: >=17.0.2
• React-DOM: >=17.0.2

Documentation

Checkout the full docs and React Widget docs.