Skip to main content

​
Overview

The Aged AR Report shows outstanding invoice totals, grouped on how many days they have been outstanding for, on a per-customer basis. This interactive report provides insight to the business owner-operator regarding how much money they are owed and what cash flow to realistically expect in the near future. This interactive report can be drilled down into to see all of the individual invoices that are outstanding.

​
Embedding the interactive Aged AR Report

To initialize the Tight Embedded experience in your React project, follow the instructions on Embedding Tight’s white-labeled UI. Below is an example embedding of the Aged AR Report:
AgedArReport.tsx
import { AgedAccounts, Tight } from "@tight-embedded/react";
import "@tight-embedded/react/index.css";

function AgedArReport({ accessToken }) {
    return (
      <Tight environment="SANDBOX" accessToken={accessToken} >
        <AgedAccounts />
      </Tight>
    )
}

​
Props

​
filters
​
daysOverdue
string
The number of due days for this reportAvailable options: ZERO_DAYS_AND_UP, THIRTY_ONE_DAYS_AND_UP, SIXTY_ONE_DAYS_AND_UP, NINETY_DAYS_AND_UP
​
onChangeDaysOverdue
function
A function that is called whenever the user changes the days overdue from the dashboard. This function will only be invoked if the daysOverdue prop is also provided. The callback takes a daysOverdue as its single argument.
​
onChangeFilters
function
A function that is called whenever the user changes the filters from the report. This function will only be invoked if the filters prop is also provided. The callback takes filters as its single argument.