Apps & Pre-built Integrations
Your choice of integrations
All your patient need
Provider Ecosystem
No code solutions
Advanced Healthcare Connections
Built for Developers
Headless flexibility
app/products/page.tsx
import { loadBask } from "@bask/js"; import { Elements, useCart } from "@bask/react"; const PUBLIC_KEY = process.env.BASK_PUBLIC_KEY; export default function CheckoutPage() { const { isLoading, products } = useCart(); const baskPromise = useMemo(() => { return loadBask(PUBLIC_KEY, { locale: "en" }); }, []); const appearanceSettings = { labels: "floating", variables: { borderRadius: "16px", colorTextPrimary: "black", }, }; return ( <PaymentElement promise={baskPromise} appearance={appearanceSettings} > <PaymentForm products={products} isLoading={isLoading} /> </PaymentElement> ); }
JSON
{ "event": "order.created", "data": { "id": "95632528-07a2-480c-a5f4-86872614ff57", "total": 250.0, "status": "pending", "date": "2025-01-01T00:00:00Z", "products": [ { "id": "dfbed20c-45d6-4f15-ad10-48f040935401", "name": "SEMAGLUTIDE", "price": 250.0, "quantity": 1 } ], "patient": { "id": "89ac2a39-3f1f-419b-a484-2fa3d90cba35", "name": "Jhon Doe", "email": "jhon@gmail.com", "phone": "+13232323232" }, "payment": { "transactionId": "pay_13132423158", "status": "requires_capture", "amount": 250.0, "date": "2025-01-01T00:00:00Z" } }}
Integrations
Apps & Pre-built Integrations
Let's get your e-prescribing business buzzing!