Frontend ComponentsUI components

Wallet balances

The Wallet balances component renders a customer’s current credit wallet balances. Use it when you want to show prepaid credit or balance state in your product.

Overview

Wallet balances is driven by a portalObject your backend generates for a specific customer. The SDK uses it to fetch and display that customer’s active wallets and their remaining balances. Your frontend never handles API keys directly.

This is a display-only component — it has no interactive actions.

Mount the component

Wallet balances component
1import { createSolvimonCore } from '@solvimon/sdk/core';
2
3// Generated by your backend via the Solvimon API.
4const 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
13const solvimon = createSolvimonCore({
14    environment: 'TEST',
15    locale: 'en-US',
16});
17
18const unmount = solvimon.createComponent('wallet-balances', {
19    container: '#sdk-root',
20    portalObject: customerPortalObject,
21});
22
23window.addEventListener('beforeunload', () => {
24    unmount?.();
25});