JSPM

Package Exports

@cardscan.ai/insurance-cardscan-react
@cardscan.ai/insurance-cardscan-react/dist/index.es.js
@cardscan.ai/insurance-cardscan-react/dist/index.js

This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (@cardscan.ai/insurance-cardscan-react) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.

Readme

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.

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

drawing

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.

@cardscan.ai/insurance-cardscan-react