JavaScript SDK

1
import { TransakConfig, Transak } from '@transak/ui-js-sdk';
2
3
const transakConfig: TransakConfig = {
4
  widgetUrl: "https://global-stg.transak.com?apiKey=YOUR_API_KEY&sessionId=<YOUR_SESSION_ID>",
5
  // .....
6
};
7
8
const transak = new Transak(transakConfig);
9
10
transak.init();
11
12
// To get all the events
13
Transak.on('*', (data) => {
14
  console.log(data);
15
});
16
17
// This will trigger when the user closed the widget
18
Transak.on(Transak.EVENTS.TRANSAK_WIDGET_CLOSE, () => {
19
  console.log('Transak SDK closed!');
20
});
21
22
/*
23
 * This will trigger when the user has confirmed the order
24
 * This doesn't guarantee that payment has completed in all scenarios
25
 * If you want to close/navigate away, use the TRANSAK_ORDER_SUCCESSFUL event
26
 */
27
Transak.on(Transak.EVENTS.TRANSAK_ORDER_CREATED, (orderData) => {
28
  console.log(orderData);
29
});
30
31
/*
32
 * This will trigger when the user marks payment is made
33
 * You can close/navigate away at this event
34
 */
35
Transak.on(Transak.EVENTS.TRANSAK_ORDER_SUCCESSFUL, (orderData) => {
36
  console.log(orderData);
37
  transak.close();
38
});