@layerfi/components 0.1.31 → 0.1.33

package/dist/index.d.ts

@@ -36,13 +36,17 @@ declare module '@layerfi/components/api/layer/authenticated_http' {
 }
 declare module '@layerfi/components/api/layer/balance_sheet' {
   import { BalanceSheet } from '@layerfi/components/types';
-  export interface GetBalanceSheetParams {
+  export const getBalanceSheet: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: GetBalanceSheetParams | undefined;
+  } | undefined) => () => Promise<GetBalanceSheetReturn>;
+  export type GetBalanceSheetReturn = {
+      data?: BalanceSheet;
+      error?: unknown;
+  };
+  export interface GetBalanceSheetParams extends Record<string, string | undefined> {
       businessId: string;
-      date: string;
+      effectiveDate: string;
   }
-  export const getBalanceSheet: (_token: string, _params: {
-      params: GetBalanceSheetParams;
-  }) => () => BalanceSheet;
 
 }
 declare module '@layerfi/components/api/layer/bankTransactions' {
@@ -319,6 +323,22 @@ declare module '@layerfi/components/api/layer/profit_and_loss' {
       error?: unknown;
   }>;
 
+}
+declare module '@layerfi/components/api/layer/statement-of-cash-flow' {
+  import { StatementOfCashFlow } from '@layerfi/components/types';
+  export const getStatementOfCashFlow: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: GetStatementOfCashFlowParams | undefined;
+  } | undefined) => () => Promise<GetStatementOfCashFlowReturn>;
+  export type GetStatementOfCashFlowReturn = {
+      data?: StatementOfCashFlow;
+      error?: unknown;
+  };
+  export interface GetStatementOfCashFlowParams extends Record<string, string | undefined> {
+      businessId: string;
+      startDate: string;
+      endDate: string;
+  }
+
 }
 declare module '@layerfi/components/api/layer/tasks' {
   import { TaskTypes } from '@layerfi/components/types/tasks';
@@ -383,9 +403,9 @@ declare module '@layerfi/components/api/layer' {
       } | undefined) => Promise<{
           data: import("@layerfi/components/types").Account;
       }>;
-      getBalanceSheet: (_token: string, _params: {
-          params: import("@layerfi/components/api/layer/balance_sheet").GetBalanceSheetParams;
-      }) => () => import("@layerfi/components/types").BalanceSheet;
+      getBalanceSheet: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: import("@layerfi/components/api/layer/balance_sheet").GetBalanceSheetParams | undefined;
+      } | undefined) => () => Promise<import("@layerfi/components/api/layer/balance_sheet").GetBalanceSheetReturn>;
       getBankTransactions: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: import("@layerfi/components/api/layer/bankTransactions").GetBankTransactionsParams | undefined;
       } | undefined) => () => Promise<import("@layerfi/components/api/layer/bankTransactions").GetBankTransactionsReturn>;
@@ -575,6 +595,9 @@ declare module '@layerfi/components/api/layer' {
           } | undefined;
           body?: Record<string, unknown> | undefined;
       } | undefined) => Promise<Record<string, unknown>>;
+      getStatementOfCashFlow: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: import("@layerfi/components/api/layer/statement-of-cash-flow").GetStatementOfCashFlowParams | undefined;
+      } | undefined) => () => Promise<import("@layerfi/components/api/layer/statement-of-cash-flow").GetStatementOfCashFlowReturn>;
   };
 
 }
@@ -666,8 +689,22 @@ declare module '@layerfi/components/components/BadgeLoader/index' {
 
 }
 declare module '@layerfi/components/components/BalanceSheet/BalanceSheet' {
-  import React from 'react';
-  export const BalanceSheet: () => React.JSX.Element;
+  import React, { PropsWithChildren } from 'react';
+  export type BalanceSheetViewProps = PropsWithChildren & {
+      withExpandAllButton?: boolean;
+  };
+  export type BalanceSheetProps = PropsWithChildren & {
+      effectiveDate?: Date;
+  };
+  export const BalanceSheet: (props: BalanceSheetProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/BalanceSheet/constants' {
+  export const BALANCE_SHEET_ROWS: {
+      name: string;
+      displayName: string;
+      lineItem: string;
+  }[];
 
 }
 declare module '@layerfi/components/components/BalanceSheet/index' {
@@ -676,17 +713,25 @@ declare module '@layerfi/components/components/BalanceSheet/index' {
 }
 declare module '@layerfi/components/components/BalanceSheetDatePicker/BalanceSheetDatePicker' {
   import React from 'react';
-  type Props = {
-      value: Date;
-      onChange: React.ChangeEventHandler<HTMLInputElement>;
+  export type BalanceSheetDatePickerProps = {
+      effectiveDate: Date;
+      setEffectiveDate: (date: Date) => void;
   };
-  export const BalanceSheetDatePicker: ({ value, onChange }: Props) => React.JSX.Element;
-  export {};
+  export const BalanceSheetDatePicker: ({ effectiveDate, setEffectiveDate, }: BalanceSheetDatePickerProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/BalanceSheetDatePicker/index' {
   export { BalanceSheetDatePicker } from '@layerfi/components/components/BalanceSheetDatePicker/BalanceSheetDatePicker';
 
+}
+declare module '@layerfi/components/components/BalanceSheetExpandAllButton/BalanceSheetExpandAllButton' {
+  import React from 'react';
+  export const BalanceSheetExpandAllButton: () => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/BalanceSheetExpandAllButton/index' {
+  export { BalanceSheetExpandAllButton } from '@layerfi/components/components/BalanceSheetExpandAllButton/BalanceSheetExpandAllButton';
+
 }
 declare module '@layerfi/components/components/BalanceSheetRow/BalanceSheetRow' {
   import React from 'react';
@@ -697,14 +742,34 @@ declare module '@layerfi/components/components/BalanceSheetRow/BalanceSheetRow'
       lineItem?: LineItem | null;
       variant?: string;
       summarize?: boolean;
+      defaultExpanded?: boolean;
   };
-  export const BalanceSheetRow: ({ lineItem, depth, maxDepth, variant, summarize, }: Props) => React.JSX.Element | null;
+  export const BalanceSheetRow: ({ lineItem, depth, maxDepth, variant, summarize, defaultExpanded, }: Props) => React.JSX.Element | null;
   export {};
 
 }
 declare module '@layerfi/components/components/BalanceSheetRow/index' {
   export { BalanceSheetRow } from '@layerfi/components/components/BalanceSheetRow/BalanceSheetRow';
 
+}
+declare module '@layerfi/components/components/BalanceSheetTable/BalanceSheetTable' {
+  import React from 'react';
+  import { BalanceSheet } from '@layerfi/components/types';
+  type BalanceSheetRowProps = {
+      name: string;
+      displayName: string;
+      lineItem: string;
+  };
+  export const BalanceSheetTable: ({ data, config, }: {
+      data: BalanceSheet;
+      config: BalanceSheetRowProps[];
+  }) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/BalanceSheetTable/index' {
+  export { BalanceSheetTable } from '@layerfi/components/components/BalanceSheetTable/BalanceSheetTable';
+
 }
 declare module '@layerfi/components/components/BankTransactionList/Assignment' {
   import React from 'react';
@@ -1354,6 +1419,23 @@ declare module '@layerfi/components/components/DataState/DataState' {
 declare module '@layerfi/components/components/DataState/index' {
   export { DataState, DataStateStatus } from '@layerfi/components/components/DataState/DataState';
 
+}
+declare module '@layerfi/components/components/DateDayPicker/DateDayPicker' {
+  import React from 'react';
+  interface DateDayPickerProps {
+      dateDay: Date;
+      changeDateDay: (dateDay: Date) => void;
+      enableFutureDates?: boolean;
+      currentDateOption?: boolean;
+      minDate?: Date;
+  }
+  export const DateDayPicker: ({ dateDay, changeDateDay, minDate, enableFutureDates, currentDateOption, }: DateDayPickerProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/DateDayPicker/index' {
+  export { DateDayPicker } from '@layerfi/components/components/DateDayPicker/DateDayPicker';
+
 }
 declare module '@layerfi/components/components/DateMonthPicker/DateMonthPicker' {
   import React from 'react';
@@ -1364,8 +1446,9 @@ declare module '@layerfi/components/components/DateMonthPicker/DateMonthPicker'
       enableFutureDates?: boolean;
       minDate?: Date;
       currentDateOption?: boolean;
+      responsive?: boolean;
   }
-  export const DateMonthPicker: ({ dateRange, changeDateRange, enableFutureDates, minDate, currentDateOption, }: DateMonthPickerProps) => React.JSX.Element;
+  export const DateMonthPicker: ({ dateRange, changeDateRange, enableFutureDates, minDate, currentDateOption, responsive, }: DateMonthPickerProps) => React.JSX.Element;
   export {};
 
 }
@@ -1474,19 +1557,6 @@ declare module '@layerfi/components/components/GlobalWidgets/GlobalWidgets' {
 declare module '@layerfi/components/components/GlobalWidgets/index' {
   export { GlobalWidgets } from '@layerfi/components/components/GlobalWidgets/GlobalWidgets';
 
-}
-declare module '@layerfi/components/components/Hello/Hello' {
-  import React from 'react';
-  type Props = {
-      user?: string | undefined;
-  };
-  export const Hello: ({ user }: Props) => React.JSX.Element;
-  export {};
-
-}
-declare module '@layerfi/components/components/Hello/index' {
-  export { Hello } from '@layerfi/components/components/Hello/Hello';
-
 }
 declare module '@layerfi/components/components/HoverMenu/HoverMenu' {
   import React, { ReactNode } from 'react';
@@ -1506,7 +1576,6 @@ declare module '@layerfi/components/components/HoverMenu/index' {
 }
 declare module '@layerfi/components/components/Input/DateInput' {
   import React from 'react';
-  import 'react-datepicker/dist/react-datepicker.css';
   export const DateInput: ({ selected, onChange, ...props }: {
       selected?: string | undefined;
       onChange?: ((date: string) => void) | undefined;
@@ -1518,6 +1587,18 @@ declare module '@layerfi/components/components/Input/DateInput' {
       showTimeSelectOnly?: boolean | undefined;
   }) => React.JSX.Element;
 
+}
+declare module '@layerfi/components/components/Input/DateRangeInput' {
+  import React from 'react';
+  export const DateRangeInput: ({ selected, onChange, ...props }: {
+      selected?: Date[] | undefined;
+      onChange?: ((dates: [Date | null, Date | null]) => void) | undefined;
+      dateFormat?: string | undefined;
+      timeIntervals?: number | undefined;
+      timeCaption?: string | undefined;
+      placeholderText?: string | undefined;
+  }) => React.JSX.Element;
+
 }
 declare module '@layerfi/components/components/Input/FileInput' {
   import React from 'react';
@@ -1588,6 +1669,7 @@ declare module '@layerfi/components/components/Input/index' {
   export { Select } from '@layerfi/components/components/Input/Select';
   export { InputWithBadge } from '@layerfi/components/components/Input/InputWithBadge';
   export { DateInput } from '@layerfi/components/components/Input/DateInput';
+  export { DateRangeInput } from '@layerfi/components/components/Input/DateRangeInput';
 
 }
 declare module '@layerfi/components/components/Journal/Journal' {
@@ -1929,6 +2011,29 @@ declare module '@layerfi/components/components/Panel/Panel' {
 declare module '@layerfi/components/components/Panel/index' {
   export { Panel } from '@layerfi/components/components/Panel/Panel';
 
+}
+declare module '@layerfi/components/components/PanelView/PanelView' {
+  import React, { ReactNode } from 'react';
+  export interface PanelViewProps {
+      children: ReactNode;
+      title?: string;
+      headerControls?: ReactNode;
+  }
+  export const PanelView: ({ title, children, headerControls, }: PanelViewProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/PanelView/index' {
+  export { PanelView } from '@layerfi/components/components/PanelView/PanelView';
+
+}
+declare module '@layerfi/components/components/PanelViewHeader/PanelViewHeader' {
+  import React, { ReactNode } from 'react';
+  export interface PanelViewHeaderProps {
+      title?: string;
+      controls?: ReactNode;
+  }
+  export const PanelViewHeader: ({ title, controls }: PanelViewHeaderProps) => React.JSX.Element;
+
 }
 declare module '@layerfi/components/components/Pill/Pill' {
   import React, { PropsWithChildren } from 'react';
@@ -2042,8 +2147,9 @@ declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/Detai
       sidebarScope?: SidebarScope;
       date: number | Date;
       isLoading?: boolean;
+      showDatePicker?: boolean;
   }
-  export const DetailedChart: ({ filteredData, filteredTotal, hoveredItem, setHoveredItem, sidebarScope, date, isLoading, }: DetailedChartProps) => React.JSX.Element;
+  export const DetailedChart: ({ filteredData, filteredTotal, hoveredItem, setHoveredItem, sidebarScope, date, isLoading, showDatePicker, }: DetailedChartProps) => React.JSX.Element;
   export {};
 
 }
@@ -2172,17 +2278,6 @@ declare module '@layerfi/components/components/ProfitAndLossView/ProfitAndLossVi
 declare module '@layerfi/components/components/ProfitAndLossView/index' {
   export { ProfitAndLossView } from '@layerfi/components/components/ProfitAndLossView/ProfitAndLossView';
 
-}
-declare module '@layerfi/components/components/SkeletonBalanceSheetRow/SkeletonBalanceSheetRow' {
-  import React, { PropsWithChildren } from 'react';
-  type Props = PropsWithChildren;
-  export const SkeletonBalanceSheetRow: ({ children }: Props) => React.JSX.Element;
-  export {};
-
-}
-declare module '@layerfi/components/components/SkeletonBalanceSheetRow/index' {
-  export { SkeletonBalanceSheetRow } from '@layerfi/components/components/SkeletonBalanceSheetRow/SkeletonBalanceSheetRow';
-
 }
 declare module '@layerfi/components/components/SkeletonLoader/SkeletonLoader' {
   import React from 'react';
@@ -2197,6 +2292,66 @@ declare module '@layerfi/components/components/SkeletonLoader/SkeletonLoader' {
 declare module '@layerfi/components/components/SkeletonLoader/index' {
   export { SkeletonLoader } from '@layerfi/components/components/SkeletonLoader/SkeletonLoader';
 
+}
+declare module '@layerfi/components/components/StatementOfCashFlow/StatementOfCashFlow' {
+  import React from 'react';
+  export const StatementOfCashFlow: () => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/StatementOfCashFlow/constants' {
+  export const STATEMENT_OF_CASH_FLOW_ROWS: {
+      name: string;
+      displayName: string;
+      lineItem: string;
+      type: string;
+      summarize: boolean;
+  }[];
+  export const ADJUSTMENTS_ROW_NAME = "Adjustments to Net Income";
+
+}
+declare module '@layerfi/components/components/StatementOfCashFlow/index' {
+  export { StatementOfCashFlow } from '@layerfi/components/components/StatementOfCashFlow/StatementOfCashFlow';
+
+}
+declare module '@layerfi/components/components/StatementOfCashFlowRow/StatementOfCashFlowRow' {
+  import React from 'react';
+  import { LineItem } from '@layerfi/components/types';
+  type Props = {
+      depth?: number;
+      maxDepth?: number;
+      lineItem?: LineItem | null;
+      variant?: string;
+      summarize?: boolean;
+      defaultExpanded?: boolean;
+  };
+  export const StatementOfCashFlowRow: ({ lineItem, depth, maxDepth, variant, summarize, defaultExpanded, }: Props) => React.JSX.Element | null;
+  export {};
+
+}
+declare module '@layerfi/components/components/StatementOfCashFlowRow/index' {
+  export { StatementOfCashFlowRow } from '@layerfi/components/components/StatementOfCashFlowRow/StatementOfCashFlowRow';
+
+}
+declare module '@layerfi/components/components/StatementOfCashFlowTable/StatementOfCashFlowTable' {
+  import React from 'react';
+  import { StatementOfCashFlow } from '@layerfi/components/types';
+  type StatementOfCashFlowRowProps = {
+      name: string;
+      displayName: string;
+      lineItem: string | undefined;
+      summarize: boolean;
+      type: string;
+  };
+  export const StatementOfCashFlowTable: ({ data, config, }: {
+      data: StatementOfCashFlow;
+      config: StatementOfCashFlowRowProps[];
+  }) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/StatementOfCashFlowTable/index' {
+  export { StatementOfCashFlowTable } from '@layerfi/components/components/StatementOfCashFlowTable/StatementOfCashFlowTable';
+
 }
 declare module '@layerfi/components/components/Tabs/Tab' {
   import React, { ChangeEvent, ReactNode } from 'react';
@@ -2396,13 +2551,13 @@ declare module '@layerfi/components/components/Tooltip/useTooltip' {
           floating: HTMLElement | null;
       } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
       context: {
+          update: () => void;
           x: number;
           y: number;
           placement: import("@floating-ui/utils").Placement;
           strategy: import("@floating-ui/utils").Strategy;
           middlewareData: import("@floating-ui/core").MiddlewareData;
           isPositioned: boolean;
-          update: () => void;
           floatingStyles: React.CSSProperties;
           open: boolean;
           onOpenChange: (open: boolean, event?: Event | undefined, reason?: import("@floating-ui/react").OpenChangeReason | undefined) => void;
@@ -2445,13 +2600,13 @@ declare module '@layerfi/components/components/Tooltip/useTooltip' {
           floating: HTMLElement | null;
       } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
       context: {
+          update: () => void;
           x: number;
           y: number;
           placement: import("@floating-ui/utils").Placement;
           strategy: import("@floating-ui/utils").Strategy;
           middlewareData: import("@floating-ui/core").MiddlewareData;
           isPositioned: boolean;
-          update: () => void;
           floatingStyles: React.CSSProperties;
           open: boolean;
           onOpenChange: (open: boolean, event?: Event | undefined, reason?: import("@floating-ui/react").OpenChangeReason | undefined) => void;
@@ -2654,6 +2809,22 @@ declare module '@layerfi/components/config/theme' {
       };
   };
 
+}
+declare module '@layerfi/components/contexts/BalanceSheetContext/BalanceSheetContext' {
+  /// <reference types="react" />
+  import { useBalanceSheet } from '@layerfi/components/hooks/useBalanceSheet/index';
+  export type BalanceSheetContextType = ReturnType<typeof useBalanceSheet>;
+  export const BalanceSheetContext: import("react").Context<{
+      data: import("@layerfi/components/types").BalanceSheet | undefined;
+      isLoading: boolean;
+      error: unknown;
+      refetch: () => void;
+  }>;
+
+}
+declare module '@layerfi/components/contexts/BalanceSheetContext/index' {
+  export { BalanceSheetContext } from '@layerfi/components/contexts/BalanceSheetContext/BalanceSheetContext';
+
 }
 declare module '@layerfi/components/contexts/BankTransactionsContext/BankTransactionsContext' {
   /// <reference types="react" />
@@ -2852,6 +3023,40 @@ declare module '@layerfi/components/contexts/LinkedAccountsContext/LinkedAccount
 declare module '@layerfi/components/contexts/LinkedAccountsContext/index' {
   export { LinkedAccountsContext } from '@layerfi/components/contexts/LinkedAccountsContext/LinkedAccountsContext';
 
+}
+declare module '@layerfi/components/contexts/StatementOfCashContext/StatementOfCashFlowContext' {
+  /// <reference types="react" />
+  import { useStatementOfCashFlow } from '@layerfi/components/hooks/useStatementOfCashFlow/index';
+  export type StatementOfCashFlowContextType = ReturnType<typeof useStatementOfCashFlow>;
+  export const StatementOfCashFlowContext: import("react").Context<{
+      data: import("@layerfi/components/types").StatementOfCashFlow | undefined;
+      isLoading: boolean;
+      error: unknown;
+      refetch: () => void;
+  }>;
+
+}
+declare module '@layerfi/components/contexts/StatementOfCashContext/index' {
+  export { StatementOfCashFlowContext } from '@layerfi/components/contexts/StatementOfCashContext/StatementOfCashFlowContext';
+
+}
+declare module '@layerfi/components/contexts/TableExpandContext/TableExpandContext' {
+  import React, { ReactNode } from 'react';
+  interface TableExpandContextType {
+      tableExpandState: boolean;
+      toggleTableExpandState: () => void;
+  }
+  export const TableExpandContext: React.Context<TableExpandContextType>;
+  interface TableExpandProviderProps {
+      children: ReactNode;
+  }
+  export const TableExpandProvider: React.FC<TableExpandProviderProps>;
+  export {};
+
+}
+declare module '@layerfi/components/contexts/TableExpandContext/index' {
+  export { TableExpandContext, TableExpandProvider } from '@layerfi/components/contexts/TableExpandContext/TableExpandContext';
+
 }
 declare module '@layerfi/components/contexts/TasksContext/TasksContext' {
   /// <reference types="react" />
@@ -2881,6 +3086,7 @@ declare module '@layerfi/components/hooks/useBalanceSheet/useBalanceSheet' {
       data: BalanceSheet | undefined;
       isLoading: boolean;
       error: unknown;
+      refetch: () => void;
   };
   export const useBalanceSheet: UseBalanceSheet;
   export {};
@@ -3250,6 +3456,36 @@ declare module '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLossQuery
   export const useProfitAndLossQuery: UseProfitAndLossQueryReturn;
   export {};
 
+}
+declare module '@layerfi/components/hooks/useStatementOfCashFlow/index' {
+  export { useStatementOfCashFlow } from '@layerfi/components/hooks/useStatementOfCashFlow/useStatementOfCashFlow';
+
+}
+declare module '@layerfi/components/hooks/useStatementOfCashFlow/useStatementOfCashFlow' {
+  import { StatementOfCashFlow } from '@layerfi/components/types';
+  type UseStatementOfCashFlow = (startDate?: Date, endDate?: Date) => {
+      data: StatementOfCashFlow | undefined;
+      isLoading: boolean;
+      error: unknown;
+      refetch: () => void;
+  };
+  export const useStatementOfCashFlow: UseStatementOfCashFlow;
+  export {};
+
+}
+declare module '@layerfi/components/hooks/useTableExpandRow/index' {
+  export { useTableExpandRow } from '@layerfi/components/hooks/useTableExpandRow/useTableExpandRow';
+
+}
+declare module '@layerfi/components/hooks/useTableExpandRow/useTableExpandRow' {
+  /// <reference types="react" />
+  export const useTableExpandRow: (index: number, defaultOpen?: boolean) => {
+      isOpen: boolean;
+      setIsOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+      showComponent: boolean;
+      INDENTATION: number;
+  };
+
 }
 declare module '@layerfi/components/hooks/useTasks/index' {
   export { useTasks } from '@layerfi/components/hooks/useTasks/useTasks';
@@ -3313,13 +3549,6 @@ declare module '@layerfi/components/icons/Bell' {
   const Bell: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default Bell;
 
-}
-declare module '@layerfi/components/icons/Calendar' {
-  import * as React from 'react';
-  import { SVGProps } from 'react';
-  const Calendar: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
-  export default Calendar;
-
 }
 declare module '@layerfi/components/icons/Check' {
   import * as React from 'react';
@@ -3546,20 +3775,20 @@ declare module '@layerfi/components/icons/types' {
 }
 declare module '@layerfi/components/index' {
   export { LayerProvider } from '@layerfi/components/providers/LayerProvider/index';
-  export { BalanceSheet } from '@layerfi/components/components/BalanceSheet/index';
-  export { BankTransactions } from '@layerfi/components/components/BankTransactions/index';
-  export { Hello } from '@layerfi/components/components/Hello/index';
+  export { Onboarding } from '@layerfi/components/components/Onboarding/index';
   export { LinkedAccounts } from '@layerfi/components/components/LinkedAccounts/index';
+  export { BankTransactions } from '@layerfi/components/components/BankTransactions/index';
   export { ProfitAndLoss } from '@layerfi/components/components/ProfitAndLoss/index';
-  export { ProfitAndLossView } from '@layerfi/components/components/ProfitAndLossView/index';
+  export { BalanceSheet } from '@layerfi/components/components/BalanceSheet/index';
+  export { StatementOfCashFlow } from '@layerfi/components/components/StatementOfCashFlow/index';
   export { ChartOfAccounts } from '@layerfi/components/components/ChartOfAccounts/index';
   export { Journal } from '@layerfi/components/components/Journal/index';
-  export { Onboarding } from '@layerfi/components/components/Onboarding/index';
   export { Tasks } from '@layerfi/components/components/Tasks/index';
   export { AccountingOverview } from '@layerfi/components/views/AccountingOverview/index';
   export { BankTransactionsWithLinkedAccounts } from '@layerfi/components/views/BankTransactionsWithLinkedAccounts/index';
-  export { Reports } from '@layerfi/components/views/Reports/index';
   export { GeneralLedgerView } from '@layerfi/components/views/GeneralLedger/index';
+  export { Reports } from '@layerfi/components/views/Reports/index';
+  export { ProfitAndLossView } from '@layerfi/components/components/ProfitAndLossView/index';
   export { useLayerContext } from '@layerfi/components/contexts/LayerContext/index';
   export { useBankTransactionsContext } from '@layerfi/components/contexts/BankTransactionsContext/index';
 
@@ -3671,8 +3900,8 @@ declare module '@layerfi/components/types/balance_sheet' {
       type: 'Balance_Sheet';
       start_date: string;
       end_date: string;
-      assets: LineItem[];
-      liabilities_and_equity: LineItem[];
+      assets: LineItem;
+      liabilities_and_equity: LineItem;
       fully_categorized: boolean;
   }
 
@@ -4291,6 +4520,21 @@ declare module '@layerfi/components/types/profit_and_loss' {
       months: ProfitAndLossSummary[];
   }
 
+}
+declare module '@layerfi/components/types/statement_of_cash_flow' {
+  import { LineItem } from '@layerfi/components/types/line_item';
+  export interface StatementOfCashFlow {
+      business_id: string;
+      type: 'Cashflow_Statement';
+      start_date: string;
+      end_date: string;
+      financing_activities: LineItem;
+      investing_activities: LineItem;
+      operating_activities: LineItem;
+      period_net_cash_increase: number;
+      cash_at_end_of_period: number;
+  }
+
 }
 declare module '@layerfi/components/types/tasks' {
   export interface TaskTypes {
@@ -4319,6 +4563,7 @@ declare module '@layerfi/components/types' {
   export { ProfitAndLoss } from '@layerfi/components/types/profit_and_loss';
   export { LineItem } from '@layerfi/components/types/line_item';
   export { BalanceSheet } from '@layerfi/components/types/balance_sheet';
+  export { StatementOfCashFlow } from '@layerfi/components/types/statement_of_cash_flow';
   export { Direction, BankTransaction } from '@layerfi/components/types/bank_transactions';
   export { CategorizationStatus, CategorizationScope, Category, CategorizationType, AutoCategorization, SuggestedCategorization, SingleCategoryUpdate, SplitCategoryUpdate, CategoryUpdate, } from '@layerfi/components/types/categories';
   export { ChartOfAccounts, Account, NewAccount, EditAccount, } from '@layerfi/components/types/chart_of_accounts';
@@ -4482,10 +4727,13 @@ declare module '@layerfi/components/views/Reports/Reports' {
   export interface ReportsProps {
       title?: string;
   }
+  type ReportType = 'profitAndLoss' | 'balanceSheet' | 'statementOfCashFlow';
   export interface ReportsPanelProps {
       containerRef: RefObject<HTMLDivElement>;
+      openReport: ReportType;
   }
   export const Reports: ({ title }: ReportsProps) => React.JSX.Element;
+  export {};
 
 }
 declare module '@layerfi/components/views/Reports/index' {