Insurance Billing Transaction Component

This component is composed of a FlexCard and the LWC compiled from the FlexCard:

• FlexCard: insPolicyBillingTransactions_nds

• LWC: cfInsPolicyBillingTransactions_nds

• Label: Insurance Policy Billing Transactions Newport

This component is designed for desktop and mobile.

This component is styled with the Newport Design System.

Here's what the Insurance Billing Transactions component looks like when it's rendered in the Policyholder portal:

The parts of this component are:

1. Text label:

   Past Transactions

2. Child Custom Lightning web component (LWC): insPolicyTransactions

   The Custom LWC displays information about transactions, including:

   • The transaction post date

   • The transaction description

   • The transaction type

   • The amount of the transaction

FlexCard Structure

1. Custom LWC: insPolicyTransactions

Note

The listSize is set to 5 by default, however, you can change this on the Properties tab of the custom LWC.

Data Source Called by this Component

The Insurance Billing Transactions component uses the InsGetPolicyTransactionDetails Omnistudio Data Mapper to fetch the transaction details and pass them into the custom LWC.

Customize this Component

To learn about how to customize this kind of component, see the Digital Experience Site Component Customization Overview