Wallet Screen¶

We provide a complete wallet experience via our WalletScreen - in both a self-managed capacity and a fully "Ansa-managed" experience.

Ansa Managed UI¶

The Ansa-managed screen utilizes your AnsaClient and handles ALL internal workings of the screen.

The simplest setup of WalletScreen is 4 lines.

val ansaClient = AnsaClient.init(
    /* initialization params */ 
)

AnsaTheme {
    AnsaWalletScreen(
        ansaClient = ansaClient,
        customerId = { /* the customer ID provided */ },
        merchantId = { /* the merchant ID provided */ },
    )
}

The Ansa managed experience also supports being used as a nested destination by providing onNavigateBack callback. In doing so, a back arrow will be placed in the Top App Bar of the screen.

AnsaWalletScreen(
    ansaClient = ansaClient,
    customerId = { /* the customer ID provided */ },
    merchantId = { /* the merchant ID provided */ },
    title = "Wallet",
    onNavigateBack = { navigator.pop() }
)