@layerfi/components 0.1.33 → 0.1.34

package/dist/index.d.ts

@@ -692,9 +692,11 @@ declare module '@layerfi/components/components/BalanceSheet/BalanceSheet' {
   import React, { PropsWithChildren } from 'react';
   export type BalanceSheetViewProps = PropsWithChildren & {
       withExpandAllButton?: boolean;
+      asWidget?: boolean;
   };
   export type BalanceSheetProps = PropsWithChildren & {
       effectiveDate?: Date;
+      asWidget?: boolean;
   };
   export const BalanceSheet: (props: BalanceSheetProps) => React.JSX.Element;
 
@@ -732,25 +734,6 @@ declare module '@layerfi/components/components/BalanceSheetExpandAllButton/Balan
 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';
-  import { LineItem } from '@layerfi/components/types';
-  type Props = {
-      depth?: number;
-      maxDepth?: number;
-      lineItem?: LineItem | null;
-      variant?: string;
-      summarize?: boolean;
-      defaultExpanded?: boolean;
-  };
-  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';
@@ -1019,7 +1002,10 @@ declare module '@layerfi/components/components/BankTransactions/BankTransactions
       filters?: BankTransactionFilters;
       hideHeader?: boolean;
   }
-  export const BankTransactions: ({ asWidget, pageSize, categorizedOnly, categorizeView, showDescriptions, showReceiptUploads, monthlyView, mobileComponent, filters: inputFilters, hideHeader, }: BankTransactionsProps) => React.JSX.Element;
+  export interface BankTransactionsWithErrorProps extends BankTransactionsProps {
+      onError?: (error: Error) => void;
+  }
+  export const BankTransactions: ({ onError, ...props }: BankTransactionsWithErrorProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/BankTransactions/BankTransactionsHeader' {
@@ -1420,40 +1406,38 @@ declare module '@layerfi/components/components/DataState/index' {
   export { DataState, DataStateStatus } from '@layerfi/components/components/DataState/DataState';
 
 }
-declare module '@layerfi/components/components/DateDayPicker/DateDayPicker' {
+declare module '@layerfi/components/components/DatePicker/DatePicker' {
   import React from 'react';
-  interface DateDayPickerProps {
-      dateDay: Date;
-      changeDateDay: (dateDay: Date) => void;
-      enableFutureDates?: boolean;
+  import 'react-datepicker/dist/react-datepicker.css';
+  interface DatePickerProps {
+      mode: 'dayPicker' | 'dayRangePicker' | 'monthPicker' | 'monthRangePicker' | 'timePicker';
+      selected: Date | [Date | null, Date | null];
+      onChange: (date: Date | [Date, Date | null]) => void;
+      dateFormat?: string;
+      timeIntervals?: number;
+      timeCaption?: string;
+      placeholderText?: string;
+      options?: string[];
+      wrapperClassName?: string;
+      calendarClassName?: string;
+      popperClassName?: string;
       currentDateOption?: boolean;
       minDate?: Date;
   }
-  export const DateDayPicker: ({ dateDay, changeDateDay, minDate, enableFutureDates, currentDateOption, }: DateDayPickerProps) => React.JSX.Element;
+  export const DatePicker: ({ selected, onChange, mode, dateFormat, timeIntervals, timeCaption, placeholderText, options, wrapperClassName, calendarClassName, popperClassName, minDate, currentDateOption, ...props }: DatePickerProps) => 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' {
+declare module '@layerfi/components/components/DatePicker/DatePickerOptions' {
   import React from 'react';
-  import { DateRange } from '@layerfi/components/types';
-  interface DateMonthPickerProps {
-      dateRange: DateRange;
-      changeDateRange: (dateRange: DateRange) => void;
-      enableFutureDates?: boolean;
-      minDate?: Date;
-      currentDateOption?: boolean;
-      responsive?: boolean;
-  }
-  export const DateMonthPicker: ({ dateRange, changeDateRange, enableFutureDates, minDate, currentDateOption, responsive, }: DateMonthPickerProps) => React.JSX.Element;
-  export {};
+  export const DatePickerOptions: ({ options, setSelectedDate, }: {
+      options: string[];
+      setSelectedDate: (dates: [Date | null, Date | null]) => void;
+  }) => React.JSX.Element;
 
 }
-declare module '@layerfi/components/components/DateMonthPicker/index' {
-  export { DateMonthPicker } from '@layerfi/components/components/DateMonthPicker/DateMonthPicker';
+declare module '@layerfi/components/components/DatePicker/index' {
+  export { DatePicker } from '@layerfi/components/components/DatePicker/DatePicker';
 
 }
 declare module '@layerfi/components/components/DateTime/DateTime' {
@@ -1512,6 +1496,36 @@ declare module '@layerfi/components/components/Drawer/Drawer' {
 declare module '@layerfi/components/components/Drawer/index' {
   export { Drawer } from '@layerfi/components/components/Drawer/Drawer';
 
+}
+declare module '@layerfi/components/components/ErrorBoundary/ErrorBoundary' {
+  import React, { ErrorInfo, Component } from 'react';
+  import { LayerError } from '@layerfi/components/models/ErrorHandler';
+  interface ErrorBoundaryProps {
+      onError?: (error: Error) => void;
+  }
+  interface ErrorBoundaryState {
+      hasError?: boolean;
+  }
+  export class ErrorBoundary extends Component<React.PropsWithChildren<ErrorBoundaryProps>, ErrorBoundaryState> {
+      onError: (err: LayerError) => void;
+      constructor(props: any);
+      static getDerivedStateFromError(_error: Error): {
+          hasError: boolean;
+      };
+      componentDidCatch(error: Error, _info: ErrorInfo): void;
+      render(): any;
+  }
+  export {};
+
+}
+declare module '@layerfi/components/components/ErrorBoundary/ErrorBoundaryMessage' {
+  import React from 'react';
+  export const ErrorBoundaryMessage: () => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/ErrorBoundary/index' {
+  export { ErrorBoundary } from '@layerfi/components/components/ErrorBoundary/ErrorBoundary';
+
 }
 declare module '@layerfi/components/components/ExpandedBankTransactionRow/APIErrorNotifications' {
   import React from 'react';
@@ -1573,32 +1587,6 @@ declare module '@layerfi/components/components/HoverMenu/HoverMenu' {
 declare module '@layerfi/components/components/HoverMenu/index' {
   export { HoverMenu, HoverMenuProps } from '@layerfi/components/components/HoverMenu/HoverMenu';
 
-}
-declare module '@layerfi/components/components/Input/DateInput' {
-  import React from 'react';
-  export const DateInput: ({ selected, onChange, ...props }: {
-      selected?: string | undefined;
-      onChange?: ((date: string) => void) | undefined;
-      dateFormat?: string | undefined;
-      timeIntervals?: number | undefined;
-      timeCaption?: string | undefined;
-      placeholderText?: string | undefined;
-      showTimeSelect?: boolean | undefined;
-      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';
@@ -1668,8 +1656,6 @@ declare module '@layerfi/components/components/Input/index' {
   export { FileInput } from '@layerfi/components/components/Input/FileInput';
   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' {
@@ -2004,36 +1990,14 @@ declare module '@layerfi/components/components/Panel/Panel' {
       sidebarIsOpen?: boolean;
       header?: ReactNode;
       parentRef?: RefObject<HTMLDivElement>;
+      defaultSidebarHeight?: boolean;
   }
-  export const Panel: ({ children, className, sidebar, header, sidebarIsOpen, parentRef, }: PanelProps) => React.JSX.Element;
+  export const Panel: ({ children, className, sidebar, header, sidebarIsOpen, parentRef, defaultSidebarHeight, }: PanelProps) => React.JSX.Element;
 
 }
 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';
@@ -2166,6 +2130,10 @@ declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/Detai
       filters: ProfitAndLossFilters;
       sortBy: (scope: Scope, field: string, direction?: SortDirection) => void;
   }
+  export const mapColorsToTypes: (data: any[]) => {
+      color: any;
+      opacity: any;
+  }[];
   export const DetailedTable: ({ filteredData, sidebarScope, filters, sortBy, hoveredItem, setHoveredItem, }: DetailedTableProps) => React.JSX.Element;
 
 }
@@ -2312,25 +2280,6 @@ declare module '@layerfi/components/components/StatementOfCashFlow/constants' {
 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';
@@ -2352,6 +2301,61 @@ declare module '@layerfi/components/components/StatementOfCashFlowTable/Statemen
 declare module '@layerfi/components/components/StatementOfCashFlowTable/index' {
   export { StatementOfCashFlowTable } from '@layerfi/components/components/StatementOfCashFlowTable/StatementOfCashFlowTable';
 
+}
+declare module '@layerfi/components/components/Table/Table' {
+  import React from 'react';
+  import { TableProps } from '@layerfi/components/types/table';
+  export const Table: ({ componentName, children, borderCollapse, bottomSpacing, }: TableProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/Table/index' {
+  import { TableBody } from '@layerfi/components/components/TableBody/index';
+  import { TableCell } from '@layerfi/components/components/TableCell/index';
+  import { TableHead } from '@layerfi/components/components/TableHead/index';
+  import { TableRow } from '@layerfi/components/components/TableRow/index';
+  import { Table } from '@layerfi/components/components/Table/Table';
+  export { Table, TableBody, TableHead, TableRow, TableCell };
+
+}
+declare module '@layerfi/components/components/TableBody/TableBody' {
+  import React from 'react';
+  import { TableBodyProps } from '@layerfi/components/types/table';
+  export const TableBody: ({ children }: TableBodyProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/TableBody/index' {
+  export { TableBody } from '@layerfi/components/components/TableBody/TableBody';
+
+}
+declare module '@layerfi/components/components/TableCell/TableCell' {
+  import React from 'react';
+  import { TableCellProps } from '@layerfi/components/types/table';
+  export const TableCell: ({ children, isHeaderCell, isCurrency, primary, withExpandIcon, }: TableCellProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/TableCell/index' {
+  export { TableCell } from '@layerfi/components/components/TableCell/TableCell';
+
+}
+declare module '@layerfi/components/components/TableHead/TableHead' {
+  import React from 'react';
+  import { TableHeadProps } from '@layerfi/components/types/table';
+  export const TableHead: ({ children }: TableHeadProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/TableHead/index' {
+  export { TableHead } from '@layerfi/components/components/TableHead/TableHead';
+
+}
+declare module '@layerfi/components/components/TableRow/TableRow' {
+  import React from 'react';
+  import { TableRowProps } from '@layerfi/components/types/table';
+  export const TableRow: React.FC<TableRowProps>;
+
+}
+declare module '@layerfi/components/components/TableRow/index' {
+  export { TableRow } from '@layerfi/components/components/TableRow/TableRow';
+
 }
 declare module '@layerfi/components/components/Tabs/Tab' {
   import React, { ChangeEvent, ReactNode } from 'react';
@@ -2395,8 +2399,12 @@ declare module '@layerfi/components/components/Tabs/index' {
 }
 declare module '@layerfi/components/components/Tasks/Tasks' {
   import React from 'react';
-  export const Tasks: () => React.JSX.Element;
-  export const TasksComponent: () => React.JSX.Element;
+  export const Tasks: ({ tasksHeader }: {
+      tasksHeader?: string | undefined;
+  }) => React.JSX.Element;
+  export const TasksComponent: ({ tasksHeader }: {
+      tasksHeader?: string | undefined;
+  }) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Tasks/index' {
@@ -2405,7 +2413,9 @@ declare module '@layerfi/components/components/Tasks/index' {
 }
 declare module '@layerfi/components/components/TasksHeader/TasksHeader' {
   import React from 'react';
-  export const TasksHeader: () => React.JSX.Element;
+  export const TasksHeader: ({ tasksHeader, }: {
+      tasksHeader?: string | undefined;
+  }) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/TasksHeader/index' {
@@ -2714,8 +2724,12 @@ declare module '@layerfi/components/components/View/View' {
       children: ReactNode;
       title?: string;
       headerControls?: ReactNode;
+      type?: 'default' | 'panel';
+      withSidebar?: boolean;
+      sidebar?: ReactNode;
+      viewClassName?: string;
   }
-  export const View: ({ title, children, headerControls }: ViewProps) => React.JSX.Element;
+  export const View: ({ title, children, headerControls, type, withSidebar, sidebar, viewClassName, }: ViewProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/View/index' {
@@ -2737,6 +2751,8 @@ declare module '@layerfi/components/components/ViewHeader/index' {
 }
 declare module '@layerfi/components/config/charts' {
   export const INACTIVE_OPACITY_LEVELS: number[];
+  export const DEFAULT_CHART_OPACITY: number[];
+  export const DEFAULT_CHART_COLOR_TYPE: string[];
   export const DEFAULT_CHART_COLORS: {
       color: string;
       opacity: number;
@@ -3040,22 +3056,19 @@ declare module '@layerfi/components/contexts/StatementOfCashContext/index' {
   export { StatementOfCashFlowContext } from '@layerfi/components/contexts/StatementOfCashContext/StatementOfCashFlowContext';
 
 }
-declare module '@layerfi/components/contexts/TableExpandContext/TableExpandContext' {
+declare module '@layerfi/components/contexts/TableContext/TableContext' {
   import React, { ReactNode } from 'react';
-  interface TableExpandContextType {
-      tableExpandState: boolean;
-      toggleTableExpandState: () => void;
-  }
-  export const TableExpandContext: React.Context<TableExpandContextType>;
-  interface TableExpandProviderProps {
+  import { TableContextProps } from '@layerfi/components/types/table';
+  export const TableContext: React.Context<TableContextProps>;
+  interface TableProviderProps {
       children: ReactNode;
   }
-  export const TableExpandProvider: React.FC<TableExpandProviderProps>;
+  export const TableProvider: React.FC<TableProviderProps>;
   export {};
 
 }
-declare module '@layerfi/components/contexts/TableExpandContext/index' {
-  export { TableExpandContext, TableExpandProvider } from '@layerfi/components/contexts/TableExpandContext/TableExpandContext';
+declare module '@layerfi/components/contexts/TableContext/index' {
+  export { TableContext, TableProvider } from '@layerfi/components/contexts/TableContext/TableContext';
 
 }
 declare module '@layerfi/components/contexts/TasksContext/TasksContext' {
@@ -3205,6 +3218,23 @@ declare module '@layerfi/components/hooks/useChartOfAccounts/useChartOfAccounts'
   };
   export {};
 
+}
+declare module '@layerfi/components/hooks/useDataSync/index' {
+  export { useDataSync } from '@layerfi/components/hooks/useDataSync/useDataSync';
+
+}
+declare module '@layerfi/components/hooks/useDataSync/useDataSync' {
+  import { DataModel } from '@layerfi/components/types/general';
+  type UseDataSync = () => {
+      touch: (model: DataModel) => void;
+      read: (model: DataModel) => void;
+      syncTimestamps: Partial<Record<DataModel, number>>;
+      readTimestamps: Partial<Record<DataModel, number>>;
+      hasBeenTouched: (model: DataModel) => boolean;
+  };
+  export const useDataSync: UseDataSync;
+  export {};
+
 }
 declare module '@layerfi/components/hooks/useDrawer/index' {
   export { useDrawer } from '@layerfi/components/hooks/useDrawer/useDrawer';
@@ -3478,12 +3508,11 @@ declare module '@layerfi/components/hooks/useTableExpandRow/index' {
 
 }
 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;
+  export const useTableExpandRow: () => {
+      isOpen: (rowKey: string) => boolean;
+      setIsOpen: (rowKey: string | string[], withoutAllRowsUpdate?: boolean) => void;
+      expandedAllRows: boolean;
+      toggleAllRows: () => void;
   };
 
 }
@@ -3688,13 +3717,6 @@ declare module '@layerfi/components/icons/PlusIcon' {
   const PlusIcon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default PlusIcon;
 
-}
-declare module '@layerfi/components/icons/ProgressIcon' {
-  import * as React from 'react';
-  import { IconSvgProps } from '@layerfi/components/icons/types';
-  const ProgressIcon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
-  export default ProgressIcon;
-
 }
 declare module '@layerfi/components/icons/RefreshCcw' {
   import * as React from 'react';
@@ -3784,6 +3806,7 @@ declare module '@layerfi/components/index' {
   export { ChartOfAccounts } from '@layerfi/components/components/ChartOfAccounts/index';
   export { Journal } from '@layerfi/components/components/Journal/index';
   export { Tasks } from '@layerfi/components/components/Tasks/index';
+  export { BookkeepingOverview } from '@layerfi/components/views/BookkeepingOverview/index';
   export { AccountingOverview } from '@layerfi/components/views/AccountingOverview/index';
   export { BankTransactionsWithLinkedAccounts } from '@layerfi/components/views/BankTransactionsWithLinkedAccounts/index';
   export { GeneralLedgerView } from '@layerfi/components/views/GeneralLedger/index';
@@ -3807,6 +3830,26 @@ declare module '@layerfi/components/models/APIError' {
       getAllMessages(): (string | undefined)[] | undefined;
   }
 
+}
+declare module '@layerfi/components/models/ErrorHandler' {
+  import { APIError } from '@layerfi/components/models/APIError';
+  type LayerErrorType = 'unauthenticated' | 'api' | 'render';
+  type LayerErrorScope = 'BankTransaction' | 'ChartOfAccounts';
+  export interface LayerError {
+      type?: LayerErrorType;
+      scope?: LayerErrorScope;
+      payload: Error | APIError;
+  }
+  class ErrorHandlerClass {
+      onErrorCallback?: (err: LayerError) => void | undefined;
+      constructor();
+      setOnError(errorFnc: ((err: LayerError) => void) | undefined): void;
+      onError(err: LayerError): void;
+  }
+  export const errorHandler: ErrorHandlerClass;
+  export const reportError: (payload: LayerError) => void;
+  export {};
+
 }
 declare module '@layerfi/components/models/Money' {
   export const centsToDollars: (cents?: number) => string;
@@ -3833,6 +3876,7 @@ declare module '@layerfi/components/providers/BankTransactionsProvider/index' {
 }
 declare module '@layerfi/components/providers/LayerProvider/LayerProvider' {
   import React, { PropsWithChildren } from 'react';
+  import { LayerError } from '@layerfi/components/models/ErrorHandler';
   import { LayerThemeConfig } from '@layerfi/components/types/layer_context';
   type LayerEnvironmentConfig = {
       url: string;
@@ -3848,8 +3892,9 @@ declare module '@layerfi/components/providers/LayerProvider/LayerProvider' {
       environment?: keyof typeof LayerEnvironment;
       theme?: LayerThemeConfig;
       usePlaidSandbox?: boolean;
+      onError?: (error: LayerError) => void;
   };
-  export const LayerProvider: ({ appId, appSecret, businessId, children, businessAccessToken, environment, theme, usePlaidSandbox, }: PropsWithChildren<Props>) => React.JSX.Element;
+  export const LayerProvider: ({ appId, appSecret, businessId, children, businessAccessToken, environment, theme, usePlaidSandbox, onError, }: PropsWithChildren<Props>) => React.JSX.Element;
   export {};
 
 }
@@ -3898,6 +3943,7 @@ declare module '@layerfi/components/types/balance_sheet' {
   export interface BalanceSheet {
       business_id: string;
       type: 'Balance_Sheet';
+      effective_date: string;
       start_date: string;
       end_date: string;
       assets: LineItem;
@@ -4047,6 +4093,9 @@ declare module '@layerfi/components/types/categories' {
   } | {
       type: 'AccountId';
       id: string;
+  } | {
+      type: 'Exclusion';
+      exclusion_type: string;
   };
   export type SingleCategoryUpdate = {
       type: 'Category';
@@ -4150,6 +4199,18 @@ declare module '@layerfi/components/types/general' {
       fileType: string;
   }
   export type LoadedStatus = 'initial' | 'loading' | 'complete';
+  export enum DataModel {
+      BUSINESS = "BUSINESS",
+      BALANCE_SHEET = "BALANCE_SHEET",
+      BANK_TRANSACTIONS = "BANK_TRANSACTIONS",
+      CHART_OF_ACCOUNTS = "CHART_OF_ACCOUNTS",
+      JOURNAL = "JOURNAL",
+      LEDGER_ACCOUNTS = "LEDGER_ACCOUNTS",
+      LINKED_ACCOUNTS = "LINKED_ACCOUNTS",
+      PROFIT_AND_LOSS = "PROFIT_AND_LOSS",
+      STATEMENT_OF_CASH_FLOWS = "STATEMENT_OF_CASH_FLOWS",
+      TASKS = "TASKS"
+  }
 
 }
 declare module '@layerfi/components/types/journal' {
@@ -4214,8 +4275,10 @@ declare module '@layerfi/components/types/journal' {
 }
 declare module '@layerfi/components/types/layer_context' {
   import { ToastProps } from '@layerfi/components/components/Toast/Toast';
+  import { LayerError } from '@layerfi/components/models/ErrorHandler';
   import { Business, Category } from '@layerfi/components/types';
   import { ExpiringOAuthResponse } from '@layerfi/components/types/authentication';
+  import { DataModel } from '@layerfi/components/types/general';
   export type LayerContextValues = {
       auth: ExpiringOAuthResponse;
       businessId: string;
@@ -4240,6 +4303,12 @@ declare module '@layerfi/components/types/layer_context' {
       setOnboardingStep: (value: OnboardingStep) => void;
       addToast: (toast: ToastProps) => void;
       removeToast: (toast: ToastProps) => void;
+      onError?: (error: LayerError) => void;
+      touch: (model: DataModel) => void;
+      read: (model: DataModel) => void;
+      syncTimestamps: Partial<Record<DataModel, number>>;
+      readTimestamps: Partial<Record<DataModel, number>>;
+      hasBeenTouched: (model: DataModel) => boolean;
   };
   export interface ColorHSLConfig {
       h: string;
@@ -4535,6 +4604,48 @@ declare module '@layerfi/components/types/statement_of_cash_flow' {
       cash_at_end_of_period: number;
   }
 
+}
+declare module '@layerfi/components/types/table' {
+  import { ReactNode } from 'react';
+  export interface TableContextProps {
+      expandedRows: string[];
+      setExpandedRows: (rowKey: string) => void;
+      expandAllRows: (rowKeys: string[]) => void;
+      expandedAllRows: boolean;
+      setExpandedAllRows: (expanded: boolean) => void;
+  }
+  export interface TableProps {
+      children: ReactNode | ReactNode[];
+      componentName?: string;
+      borderCollapse?: 'collapse' | 'separate';
+      bottomSpacing?: boolean;
+  }
+  export interface TableHeadProps {
+      children: React.ReactNode;
+  }
+  export interface TableBodyProps {
+      children: ReactNode | ReactNode[];
+  }
+  export interface TableRowProps {
+      rowKey: string;
+      children: ReactNode;
+      depth?: number;
+      expandable?: boolean;
+      variant?: 'expandable' | 'default' | 'summation';
+      withDivider?: boolean;
+      withDividerPosition?: 'top' | 'bottom';
+      isExpanded?: boolean;
+      handleExpand?: () => void;
+      isHeadRow?: boolean;
+  }
+  export interface TableCellProps {
+      children?: number | string | ReactNode;
+      isCurrency?: boolean;
+      isHeaderCell?: boolean;
+      primary?: boolean;
+      withExpandIcon?: boolean;
+  }
+
 }
 declare module '@layerfi/components/types/tasks' {
   export interface TaskTypes {
@@ -4552,8 +4663,9 @@ declare module '@layerfi/components/types/tasks' {
       created_at: string;
       updated_at: string;
   }
-  export type TasksStatusType = 'COMPLETED' | 'TODO';
+  export type TasksStatusType = 'COMPLETED' | 'TODO' | 'USER_MARKED_COMPLETED';
   export type TasksResponseType = 'FREE_RESPONSE';
+  export function isComplete(taskType: TasksStatusType): boolean;
 
 }
 declare module '@layerfi/components/types' {
@@ -4596,12 +4708,19 @@ declare module '@layerfi/components/utils/bankTransactions' {
       dateRange?: DateRange | undefined;
   }) => number;
   export const getCategorizePayload: (category: CategoryOption) => {
+      type: "Exclusion";
+      exclusion_type: string;
+      id?: undefined;
+      stable_name?: undefined;
+  } | {
       type: "AccountId";
       id: string;
+      exclusion_type?: undefined;
       stable_name?: undefined;
   } | {
       type: "StableName";
       stable_name: string;
+      exclusion_type?: undefined;
       id?: undefined;
   };
 
@@ -4709,6 +4828,18 @@ declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/Ban
 declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/index' {
   export { BankTransactionsWithLinkedAccounts } from '@layerfi/components/views/BankTransactionsWithLinkedAccounts/BankTransactionsWithLinkedAccounts';
 
+}
+declare module '@layerfi/components/views/BookkeepingOverview/BookkeepingOverview' {
+  import React from 'react';
+  export interface BookkeepingOverviewProps {
+      title?: string;
+  }
+  export const BookkeepingOverview: ({ title, }: BookkeepingOverviewProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/views/BookkeepingOverview/index' {
+  export { BookkeepingOverview } from '@layerfi/components/views/BookkeepingOverview/BookkeepingOverview';
+
 }
 declare module '@layerfi/components/views/GeneralLedger/GeneralLedger' {
   import React from 'react';