Financial report components
@paprel/embed-reports is the complete financial-report domain package. It uses the accounting configuration and includes five Web Components plus typed report resources.
Install and register
Shell
npm install @paprel/embed-core @paprel/embed-accounting @paprel/embed-reports
TypeScript
import { configureAccounting } from "@paprel/embed-accounting";
configureAccounting({ baseUrl, locale: "en", auth });
import "@paprel/embed-accounting";
import "@paprel/embed-reports";
No separate stylesheet import is required.
Components
| Element | Main attributes | Method |
|---|---|---|
paprel-trial-balance | as-of-date, currency | refresh() |
paprel-balance-sheet | as-of-date, currency | refresh() |
paprel-income-statement | date-range, currency | refresh() |
paprel-cash-flow | date-range, currency | refresh() |
paprel-general-ledger | date-range, account-id, currency | refresh() |
HTML
<paprel-trial-balance as-of-date="2026-08-25" currency="USD"></paprel-trial-balance>
<paprel-balance-sheet as-of-date="2026-08-25" currency="USD"></paprel-balance-sheet>
<paprel-income-statement date-range="2026-01-01,2026-08-25" currency="USD"></paprel-income-statement>
<paprel-cash-flow date-range="2026-01-01,2026-08-25" currency="USD"></paprel-cash-flow>
<paprel-general-ledger date-range="2026-01-01,2026-08-25" account-id="ACCOUNT_ID" currency="USD"></paprel-general-ledger>
Change an attribute to reload the relevant report, or call refresh() after an external posting or import completes. Grant the report permissions required by the surfaces you mount on the App Connect client.
Typed resources
The package exports createReportsResource and report request/response types for teams building custom report screens. These types are re-exported from the accounting resource layer so components and headless integrations share the same contract.