Skip to main content

​
Overview

A Cash Flow Statement (aka CFS, Statement of Cash Flows, or SCF) is a financial statement that provides a detailed overview of a business’s cash movement during a specific period. The CFS provides insight into the business’s operating, investing, and financing activities. This information helps the business understand their cash on hand, which informs their ability to operate in the short-term and long-term as well as their ability to fund business operations. Tight provides an indirect CFS, which is divided into 3 sections:
  • Operating Activities - This section includes the business’s cash flow from core operations, including income generated and expenses paid
  • Investing Activities - This section includes the business’s cash flow from selling or purchasing assets
  • Financing Activities - This section includes the business’s cash flow from equity and debt
The bottom of the CFS summarizes the beginning and ending cash and the resulting cash on hand at the end of the reporting period.

​
Embedding the interactive Cash Flow Statement

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 Cash Flow Statement:
CashFlow.tsx
import { CashFlowStatement, Tight } from "@tight-embedded/react";
import "@tight-embedded/react/index.css";

function CashFlowReport({ accessToken }) {
    return (
      <Tight environment="SANDBOX" accessToken={accessToken} >
        <CashFlowStatement />
      </Tight>
    )
}

​
Props

​
filters
​
grouping
string
The time period grouping of the report (e.g. for creating a month-over-month report).Available options: NONE, MONTHLY, QUARTERLY, YEARLY
​
onChangeGrouping
function
A function that is called whenever the user changes the grouping from the dashboard. This function will only be invoked if the grouping prop is also provided. The callback takes a grouping as its single argument.
​
onChangeFilters
function
A function that is called whenever the user changes the filters from the dashboard. This function will only be invoked if the filters prop is also provided. The callback takes filters as its single argument.