Customer payment methods

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('customer-payment-methods', {
19
    container: '#sdk-root',
20
    portalObject: customerPortalObject,
21
    configuration: {
22
        maxItems: 3,
23
        showViewAllButton: true,
24
        showAddButton: true,
25
    },
26
});
27
28
window.addEventListener('beforeunload', () => {
29
    unmount?.();
30
});

1
document.addEventListener('action-request', (event) => {
2
    const { action } = event.detail;
3
4
    switch (action) {
5
        case 'view-all-payment-methods':
6
            navigate('/payment-methods');
7
            break;
8
        case 'add-payment-method':
9
            openAddPaymentMethodFlow();
10
            break;
11
    }
12
});