@hellokit/bd-payments
A clean, professional, fully customizable multi-step payment dialog for Bangladeshi checkouts — bKash, Nagad, Rocket, Bank Transfer, Card and Cash on Delivery.
Tech Stack
ReactTypeScriptCSS Variables
Key Features
- Guided 3-step payment flow: Method → Details → Review
- Support for bKash, Nagad, Rocket, Upay, CellFin, Bank, Card, and COD
- Fully themeable via --bdp-* CSS variables with light/dark mode
- Scoped styles that never leak into the host app
- Smart transaction-ID input with regex-based validation and SMS extraction
- Sender-number verification separate from your receiving account
- usePaymentDialog() hook for state and async order handling
- Built-in inline SVG logos for all payment methods
- Lightweight, framework-agnostic React with CJS, ESM, and TypeScript support
