Form Components

1
import { OLRuntimeProvider } from "@openledger/accounting-react";
2
import { TransactionAssistant } from "@openledger/accounting-react";
3
4
function AIEnhancedTransactions() {
5
return (
6
7
<OLRuntimeProvider>
8
  <TransactionAssistant
9
    transactions={transactions}
10
    mutate={refreshTransactions}
11
    loadingStatus="success"
12
  />
13
</OLRuntimeProvider>
14
); }

1
import { MainLayout } from "@openledger/accounting-react";
2
3
function AccountingApp() {
4
  return (
5
    <MainLayout>
6
      <DashboardView />
7
    </MainLayout>
8
  );
9
}

1
import { OpenLedgerProvider } from "@openledger/accounting-react";
2
3
function App() {
4
return (
5
6
<OpenLedgerProvider
7
  entityId="your-entity-id"
8
  developerId="your-developer-id"
9
  developerSecret="your-api-key"
10
  theme={{
11
    primary: { hex: "#3366FF" },
12
    background: { hex: "#F5F7FA" },
13
    text: { hex: "#333333" },
14
  }}
15
  apiUrl="https://api.openledger.com/v1"
16
>
17
  <YourApp />
18
</OpenLedgerProvider>
19
); }

1
import { AccountsProvider } from "@openledger/accounting-react";
2
3
function AccountsSection() {
4
  return (
5
    <AccountsProvider>
6
      <ChartOfAccounts />
7
    </AccountsProvider>
8
  );
9
}

1
import { TransactionsProvider } from "@openledger/accounting-react";
2
3
function TransactionsSection() {
4
return (
5
6
<TransactionsProvider>
7
  <TransactionTable />
8
</TransactionsProvider>
9
); }