📱 flexpa/login
<FlexpaLogin> is the fastest way to verify health plans
- Uses storybook for previewing and testing components
- Type interfaces for each component
- Uses rollup to bundle each component's code and types (cjs and esm)
- Automatic deployments of new versions to GitHub's package manager with GitHub actions
Try it yourself
You can quickly add a health plan login to any React application.
Install @flexpa/login:
npm install --save @flexpa/login
Import the component and render it on a page:
import { FlexpaLogin } from "@flexpa/login"
export default <FlexpaLogin sandbox />
Run your React project, and the sandbox login flow will render with the settings from sandbox.flexpa.com our public testing environment.
After logging in - your app will receive a signed FlexpaJWT. You will use this to request health plan data. Learn more about flexpa/login at sandbox.flexpa.com.
Development Setup
npm install- To build and start storybook, run
npm run dev.
Running @flexpa/login in another app
If you have changes locally in @flexpa/login and you want to test them in another app (@flexpa/demo for example), we can use yalc to do this.
Install yalc:
npm i yalc -g
In @flexpa/login
yalc publish
In @flexpa/demo
yalc link @flexpa/login
# when you are done
yalc remove @flexpa/login
# or yalc remove --all
If you make more changes to @flexpa/login, you will need to re-push these changes to your desired app. You can do this by running yalc publish --push. If you don't see your changes, you may have to restart the dev server (npm run dev).
Reference
Components
| Component | Purpose |
|---|---|
<FlexpaLogin /> |
An single identity provider (Humana, Cigna, etc.). Designed to be rendered in a list. |
<DigitalInsuranceCard /> |
An example of a CARIN DigitalInsuranceCard. Currently only works with Humana sandbox patient HUser00002. |
<PatientCard /> |
A way to view information about the currently logged in Patient. |
FAQ
| Topic | Answer | Comments |
|---|---|---|
| Runtime | Browser | JSX/React |
| Linting | ESLint | npm run lint |
| Builds | Rollup | npm run build-rollup |
| CSS | Tailwind | Access to https://tailwindui.com/ |
| Dev | Storybook | npm run dev |
| Localhost | 3000 | Default is http://localhost:3000/ |