Components
Kind: element (inline) · Session key: receiptButton · React: <FinBazeReceiptButton />
Create the session#
mutation {
createEmbedSession(input: {
companyId: "…"
user: { externalUserId: "…" }
components: { receiptButton: { enabled: true } }
}) { clientSecret }
}
Requirements#
The company must have these features effective: banking, process_documents. A hidden feature makes createEmbedSession fail with FEATURE_DISABLED.
Component features#
None.
Options#
Passed to instance.create("receipt-button", options) or as props.
| Option | Type | |
|---|---|---|
| `transactionId | bankAccountId + externalId` | string |
label | string | Button label. |
variant | "button" | "icon" | Look. |
Every component also takes appearance and navigation ("internal" or "external").
Events#
| Event | React prop |
|---|---|
ready | onReady |
navigate | onNavigate |
error | onError |
receipt.attached | onReceiptAttached |
Use it#
import { FinBazeReceiptButton } from "@finbaze/embed-react";
<FinBazeReceiptButton />
const component = instance.create("receipt-button");
component.mount("#finbaze");