Invoices list

1
import { createSolvimonCore } from '@solvimon/sdk/core';
2
3
// Generated by your backend via the Solvimon API.
4
const customerPortalObject = {
5
    object_type: 'PORTAL_URL',
6
    id: 'purl_example',
7
    type: 'CUSTOMER_PORTAL',
8
    customer_id: 'cust_example',
9
    token: 'replace-with-a-real-portal-token',
10
    status: 'PUBLISHED',
11
};
12
13
const solvimon = createSolvimonCore({
14
    environment: 'TEST',
15
    locale: 'en-US',
16
});
17
18
const unmount = solvimon.createComponent('invoices-list', {
19
    container: '#sdk-root',
20
    portalObject: customerPortalObject,
21
    configuration: {
22
        showPayButton: true,
23
        showViewButton: true,
24
        pagination: {
25
            enabled: true,
26
            batchSize: 15,
27
        },
28
    },
29
});
30
31
window.addEventListener('beforeunload', () => {
32
    unmount?.();
33
});

1
document.addEventListener('action-request', (event) => {
2
    const { action, data } = event.detail;
3
4
    switch (action) {
5
        case 'view-invoice':
6
            navigate(`/invoices/${data.invoiceId}`);
7
            break;
8
        case 'pay-invoice':
9
            openPaymentModal(data.invoiceId);
10
            break;
11
    }
12
});