transaction-detail · FinBaze for Platforms

Components

Kind: view (fills its container) · Session key: transactionDetail · React: <FinBazeTransactionDetail />

Create the session#

mutation {
  createEmbedSession(input: {
    companyId: "…"
    user: { externalUserId: "…" }
    components: { transactionDetail: { enabled: true } }
  }) { clientSecret }
}

Requirements#

The company must have these features effective: banking. A hidden feature makes createEmbedSession fail with FEATURE_DISABLED.

Component features#

Switch these off per session with components.transactionDetail.features.

Feature	Default
`categorise`	on
`split`	on
`attachReceipt`	on
`matchInvoices`	on
`aiSuggestions`	on

Options#

Passed to instance.create("transaction-detail", options) or as props.

Option	Type
`transactionId`	`string`	FinBaze transaction id. Or:
`bankAccountId + externalId`	`string`	Your id for the transaction.

Every component also takes appearance and navigation ("internal" or "external").

Events#

Event	React prop
`ready`	`onReady`
`navigate`	`onNavigate`
`error`	`onError`
`transaction.categorised`	`onTransactionCategorised`
`receipt.attached`	`onReceiptAttached`

Use it#

import { FinBazeTransactionDetail } from "@finbaze/embed-react";

<FinBazeTransactionDetail />

const component = instance.create("transaction-detail");
component.mount("#finbaze");