@layerfi/components 0.1.33 → 0.1.35

package/dist/index.d.ts

@@ -323,6 +323,52 @@ declare module '@layerfi/components/api/layer/profit_and_loss' {
       error?: unknown;
   }>;
 
+}
+declare module '@layerfi/components/api/layer/quickbooks' {
+  import { StatusOfSyncFromQuickbooks } from "@layerfi/components/types/quickbooks";
+  export const syncFromQuickbooks: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: {
+          businessId: string;
+      } | undefined;
+      body?: Record<string, unknown> | undefined;
+  } | undefined) => Promise<Record<string, unknown>>;
+  export const statusOfSyncFromQuickbooks: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: {
+          businessId: string;
+      } | undefined;
+  } | undefined) => () => Promise<{
+      data: StatusOfSyncFromQuickbooks;
+  }>;
+  export const initQuickbooksOAuth: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: {
+          businessId: string;
+      } | undefined;
+      body?: Record<string, unknown> | undefined;
+  } | undefined) => Promise<{
+      data: {
+          type: "Quickbooks_Authorization_Params";
+          redirect_url: string;
+      };
+  }>;
+  export const unlinkQuickbooksConnection: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: {
+          businessId: string;
+      } | undefined;
+      body?: Record<string, unknown> | undefined;
+  } | undefined) => Promise<Record<string, unknown>>;
+  /**
+   * Lets user know if there exists an active Quickbooks connection or not
+   */
+  export const statusOfQuickbooksConnection: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: {
+          businessId: string;
+      } | undefined;
+  } | undefined) => () => Promise<{
+      data: {
+          is_connected: boolean;
+      };
+  }>;
+
 }
 declare module '@layerfi/components/api/layer/statement-of-cash-flow' {
   import { StatementOfCashFlow } from '@layerfi/components/types';
@@ -598,6 +644,45 @@ declare module '@layerfi/components/api/layer' {
       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>;
+      syncFromQuickbooks: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: {
+              businessId: string;
+          } | undefined;
+          body?: Record<string, unknown> | undefined;
+      } | undefined) => Promise<Record<string, unknown>>;
+      statusOfSyncFromQuickbooks: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: {
+              businessId: string;
+          } | undefined;
+      } | undefined) => () => Promise<{
+          data: import("@layerfi/components/types/quickbooks").StatusOfSyncFromQuickbooks;
+      }>;
+      statusOfQuickbooksConnection: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: {
+              businessId: string;
+          } | undefined;
+      } | undefined) => () => Promise<{
+          data: {
+              is_connected: boolean;
+          };
+      }>;
+      initQuickbooksOAuth: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: {
+              businessId: string;
+          } | undefined;
+          body?: Record<string, unknown> | undefined;
+      } | undefined) => Promise<{
+          data: {
+              type: "Quickbooks_Authorization_Params";
+              redirect_url: string;
+          };
+      }>;
+      unlinkQuickbooksConnection: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: {
+              businessId: string;
+          } | undefined;
+          body?: Record<string, unknown> | undefined;
+      } | undefined) => Promise<Record<string, unknown>>;
   };
 
 }
@@ -692,9 +777,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 +819,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 +1087,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' {
@@ -1131,6 +1202,14 @@ declare module '@layerfi/components/components/Button/CloseButton' {
   }
   export const CloseButton: ({ className, children, textOnly, ...props }: CloseButtonProps) => React.JSX.Element;
 
+}
+declare module '@layerfi/components/components/Button/ExpandButton' {
+  import React, { ButtonHTMLAttributes } from 'react';
+  export interface ExpandButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+      collapsed?: boolean;
+  }
+  export const ExpandButton: ({ className, children, collapsed, ...props }: ExpandButtonProps) => React.JSX.Element;
+
 }
 declare module '@layerfi/components/components/Button/IconButton' {
   import React, { ButtonHTMLAttributes, ReactNode } from 'react';
@@ -1141,6 +1220,22 @@ declare module '@layerfi/components/components/Button/IconButton' {
   }
   export const IconButton: ({ className, children, icon, active, withBorder, ...props }: IconButtonProps) => React.JSX.Element;
 
+}
+declare module '@layerfi/components/components/Button/Link' {
+  import React, { HTMLAttributeAnchorTarget, LinkHTMLAttributes, ReactNode } from 'react';
+  import { ButtonVariant, ButtonJustify } from '@layerfi/components/components/Button/Button';
+  export interface LinkProps extends LinkHTMLAttributes<HTMLAnchorElement> {
+      variant?: ButtonVariant;
+      leftIcon?: ReactNode;
+      rightIcon?: ReactNode;
+      iconOnly?: ReactNode;
+      iconAsPrimary?: boolean;
+      justify?: ButtonJustify;
+      fullWidth?: boolean;
+      target: HTMLAttributeAnchorTarget;
+  }
+  export const Link: ({ className, children, variant, leftIcon, rightIcon, iconOnly, iconAsPrimary, justify, fullWidth, ...props }: LinkProps) => React.JSX.Element;
+
 }
 declare module '@layerfi/components/components/Button/RetryButton' {
   import React, { ButtonHTMLAttributes } from 'react';
@@ -1185,6 +1280,8 @@ declare module '@layerfi/components/components/Button/index' {
   export { TextButton } from '@layerfi/components/components/Button/TextButton';
   export { BackButton } from '@layerfi/components/components/Button/BackButton';
   export { CloseButton } from '@layerfi/components/components/Button/CloseButton';
+  export { ExpandButton } from '@layerfi/components/components/Button/ExpandButton';
+  export { Link } from '@layerfi/components/components/Button/Link';
 
 }
 declare module '@layerfi/components/components/Card/Card' {
@@ -1420,40 +1517,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 +1607,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';
@@ -1574,30 +1699,17 @@ 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/IconBox/IconBox' {
+  import React, { ReactNode } from 'react';
+  interface IconBoxProps {
+      children: ReactNode;
+  }
+  export const IconBox: ({ children }: IconBoxProps) => React.JSX.Element;
+  export {};
 
 }
-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/IconBox/index' {
+  export { IconBox } from '@layerfi/components/components/IconBox/IconBox';
 
 }
 declare module '@layerfi/components/components/Input/FileInput' {
@@ -1668,8 +1780,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 +2114,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 +2254,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;
 
 }
@@ -2278,6 +2370,16 @@ 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/Quickbooks/Quickbooks' {
+  import React from "react";
+  const Quickbooks: () => React.JSX.Element;
+  export { Quickbooks };
+
+}
+declare module '@layerfi/components/components/Quickbooks/index' {
+  export { Quickbooks } from '@layerfi/components/components/Quickbooks/Quickbooks';
+
 }
 declare module '@layerfi/components/components/SkeletonLoader/SkeletonLoader' {
   import React from 'react';
@@ -2312,25 +2414,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 +2435,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';
@@ -2394,18 +2532,56 @@ 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;
+  import React, { ReactNode } from 'react';
+  import { useTasks } from '@layerfi/components/hooks/useTasks/index';
+  export type UseTasksContextType = ReturnType<typeof useTasks>;
+  export const UseTasksContext: React.Context<{
+      data?: import("@layerfi/components/types/tasks").TaskTypes[] | undefined;
+      isLoading?: boolean | undefined;
+      loadedStatus?: import("@layerfi/components/types/general").LoadedStatus | undefined;
+      isValidating?: boolean | undefined;
+      error?: unknown;
+      refetch: () => void;
+      submitResponseToTask: (taskId: string, userResponse: string) => void;
+  }>;
+  export const useTasksContext: () => {
+      data?: import("@layerfi/components/types/tasks").TaskTypes[] | undefined;
+      isLoading?: boolean | undefined;
+      loadedStatus?: import("@layerfi/components/types/general").LoadedStatus | undefined;
+      isValidating?: boolean | undefined;
+      error?: unknown;
+      refetch: () => void;
+      submitResponseToTask: (taskId: string, userResponse: string) => void;
+  };
+  export const Tasks: ({ tasksHeader, collapsable, defaultCollapsed, collapsedWhenComplete, }: {
+      tasksHeader?: string | undefined;
+      collapsable?: boolean | undefined;
+      defaultCollapsed?: boolean | undefined;
+      collapsedWhenComplete?: boolean | undefined;
+  }) => React.JSX.Element;
+  export const TasksProvider: ({ children }: {
+      children: ReactNode;
+  }) => React.JSX.Element;
+  export const TasksComponent: ({ tasksHeader, collapsable, defaultCollapsed, collapsedWhenComplete, }: {
+      tasksHeader?: string | undefined;
+      collapsable?: boolean | undefined;
+      defaultCollapsed?: boolean | undefined;
+      collapsedWhenComplete?: boolean | undefined;
+  }) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Tasks/index' {
-  export { Tasks } from '@layerfi/components/components/Tasks/Tasks';
+  export { Tasks, TasksProvider, TasksComponent } from '@layerfi/components/components/Tasks/Tasks';
 
 }
 declare module '@layerfi/components/components/TasksHeader/TasksHeader' {
   import React from 'react';
-  export const TasksHeader: () => React.JSX.Element;
+  export const TasksHeader: ({ tasksHeader, collapsable, open, toggleContent, }: {
+      tasksHeader?: string | undefined;
+      collapsable?: boolean | undefined;
+      open?: boolean | undefined;
+      toggleContent: () => void;
+  }) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/TasksHeader/index' {
@@ -2707,6 +2883,20 @@ declare module '@layerfi/components/components/Typography/index' {
   export { Heading, HeadingSize } from '@layerfi/components/components/Typography/Heading';
   export { ErrorText } from '@layerfi/components/components/Typography/ErrorText';
 
+}
+declare module '@layerfi/components/components/UpsellBanner/BookkeepingUpsellBar' {
+  import React from 'react';
+  interface BookkeepingUpsellBarProps {
+      onClick?: () => void;
+      href?: string;
+  }
+  export const BookkeepingUpsellBar: ({ onClick, href, }: BookkeepingUpsellBarProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/UpsellBanner/index' {
+  export { BookkeepingUpsellBar } from '@layerfi/components/components/UpsellBanner/BookkeepingUpsellBar';
+
 }
 declare module '@layerfi/components/components/View/View' {
   import React, { ReactNode } from 'react';
@@ -2714,8 +2904,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 +2931,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 +3236,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' {
@@ -3065,6 +3258,7 @@ declare module '@layerfi/components/contexts/TasksContext/TasksContext' {
   export const TasksContext: import("react").Context<{
       data?: import("@layerfi/components/types/tasks").TaskTypes[] | undefined;
       isLoading?: boolean | undefined;
+      loadedStatus?: import("@layerfi/components/types/general").LoadedStatus | undefined;
       isValidating?: boolean | undefined;
       error?: unknown;
       refetch: () => void;
@@ -3205,6 +3399,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';
@@ -3456,6 +3667,22 @@ declare module '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLossQuery
   export const useProfitAndLossQuery: UseProfitAndLossQueryReturn;
   export {};
 
+}
+declare module '@layerfi/components/hooks/useQuickbooks/index' {
+  export { useQuickbooks } from '@layerfi/components/hooks/useQuickbooks/useQuickbooks';
+
+}
+declare module '@layerfi/components/hooks/useQuickbooks/useQuickbooks' {
+  type UseQuickbooks = () => {
+      linkQuickbooks: () => Promise<string>;
+      unlinkQuickbooks: () => void;
+      syncFromQuickbooks: () => void;
+      isSyncingFromQuickbooks: boolean;
+      quickbooksIsLinked: boolean | null;
+  };
+  export const useQuickbooks: UseQuickbooks;
+  export {};
+
 }
 declare module '@layerfi/components/hooks/useStatementOfCashFlow/index' {
   export { useStatementOfCashFlow } from '@layerfi/components/hooks/useStatementOfCashFlow/useStatementOfCashFlow';
@@ -3478,12 +3705,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;
   };
 
 }
@@ -3492,10 +3718,12 @@ declare module '@layerfi/components/hooks/useTasks/index' {
 
 }
 declare module '@layerfi/components/hooks/useTasks/useTasks' {
+  import { LoadedStatus } from '@layerfi/components/types/general';
   import { TaskTypes } from '@layerfi/components/types/tasks';
   type UseTasks = () => {
       data?: TaskTypes[];
       isLoading?: boolean;
+      loadedStatus?: LoadedStatus;
       isValidating?: boolean;
       error?: unknown;
       refetch: () => void;
@@ -3598,6 +3826,13 @@ declare module '@layerfi/components/icons/CloseIcon' {
   const CloseIcon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default CloseIcon;
 
+}
+declare module '@layerfi/components/icons/Coffee' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const CoffeeIcon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default CoffeeIcon;
+
 }
 declare module '@layerfi/components/icons/CreditCard' {
   import * as React from 'react';
@@ -3778,12 +4013,15 @@ declare module '@layerfi/components/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 { Quickbooks } from '@layerfi/components/components/Quickbooks/index';
   export { ProfitAndLoss } from '@layerfi/components/components/ProfitAndLoss/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 { Tasks } from '@layerfi/components/components/Tasks/index';
+  export { BookkeepingUpsellBar } from '@layerfi/components/components/UpsellBanner/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 +4045,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 +4091,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 +4107,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 +4158,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 +4308,9 @@ declare module '@layerfi/components/types/categories' {
   } | {
       type: 'AccountId';
       id: string;
+  } | {
+      type: 'Exclusion';
+      exclusion_type: string;
   };
   export type SingleCategoryUpdate = {
       type: 'Category';
@@ -4150,6 +4414,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 +4490,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 +4518,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;
@@ -4520,6 +4804,12 @@ declare module '@layerfi/components/types/profit_and_loss' {
       months: ProfitAndLossSummary[];
   }
 
+}
+declare module '@layerfi/components/types/quickbooks' {
+  export type StatusOfSyncFromQuickbooks = {
+      is_syncing: boolean;
+  };
+
 }
 declare module '@layerfi/components/types/statement_of_cash_flow' {
   import { LineItem } from '@layerfi/components/types/line_item';
@@ -4535,6 +4825,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 +4884,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 +4929,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;
   };
 
@@ -4677,13 +5017,14 @@ declare module '@layerfi/components/utils/profitAndLossUtils' {
 
 }
 declare module '@layerfi/components/views/AccountingOverview/AccountingOverview' {
-  import React from 'react';
+  import React, { ReactNode } from 'react';
   export interface AccountingOverviewProps {
       title?: string;
       enableOnboarding?: boolean;
       onTransactionsToReviewClick?: () => void;
+      middleBanner?: ReactNode;
   }
-  export const AccountingOverview: ({ title, enableOnboarding, onTransactionsToReviewClick, }: AccountingOverviewProps) => React.JSX.Element;
+  export const AccountingOverview: ({ title, enableOnboarding, onTransactionsToReviewClick, middleBanner, }: AccountingOverviewProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/views/AccountingOverview/index' {
@@ -4709,6 +5050,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';