Playground

Generate a test token and open the widget.

Step 1: Access Token

Important: In production, tokens must be generated on your backend server. Never expose your SECRET_KEY in client-side code. This playground simulates backend token generation for testing purposes only.
// Partner's Backend (Node.js) - Token Generation import { generateToken } from '@bluprynt/kyi-widget-sdk/server'; // API endpoint to generate access token for your user app.post('/api/kyi/token', async (req, res) => { const token = await generateToken({ issuer: 'your-partner-id', // Your Bluprynt partner ID secretKey: process.env.BLUPRYNT_SECRET, // Keep secret on server! userId: req.user.id, // Your internal user ID expiresIn: 3600, // Token validity (seconds) }); res.json({ accessToken: token }); });

Step 2: Widget Configuration

Generate above or paste a token from your server

// Partner's Frontend - Widget Initialization import { kyi } from '@bluprynt/kyi-widget-sdk'; const widget = kyi('drawer', 'kyi', accessToken, { onReady: () => console.log('Widget ready'), onClose: () => console.log('Widget closed'), onError: (err) => console.error('Error:', err), }); // Clean up when done widget.destroy();

Step 3: Event Log

[--:--:--]Ready. Generate a token and click a button to test.