@flexpa/login v0.0.34
📱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/ |
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago
2 years ago