Transaction History Component
A pre-built, embeddable UI that displays a paginated, searchable transaction history within your application.
Embedding the Component
<div id="transaction-history"></div>
<script src="https://secure.cyogate.net/components/transaction-history.js"
data-public-key="YOUR_PUBLIC_KEY"></script>
<script>
CyoGateComponents.TransactionHistory.mount('#transaction-history', {
dateRange: 'last30days',
pageSize: 25,
showFilters: true,
});
</script>
Configuration Options
| Option | Type | Default | Description |
|---|---|---|---|
dateRange | String | 'last30days' | today, last7days, last30days, custom |
pageSize | Number | 25 | Transactions per page (10–100) |
showFilters | Boolean | true | Show filter controls |
showExport | Boolean | true | Show CSV export button |
Query via API
$post = array(
'security_key' => YOUR_PRIVATE_KEY,
'report_type' => 'transaction',
'start_date' => date('Y-m-d', strtotime('-30 days')),
'end_date' => date('Y-m-d'),
);
$response = gateway_post('https://secure.cyogate.net/api/query.php', $post);