@layerfi/components 0.1.9 → 0.1.11

package/dist/index.d.ts

@@ -27,6 +27,10 @@ declare module '@layerfi/components/api/layer/authenticated_http' {
       params?: Params | undefined;
       body?: Body_1 | undefined;
   } | undefined) => Promise<Return>;
+  export const deleteRequest: <Return extends Record<string, unknown> = Record<string, unknown>, Body_1 extends Record<string, unknown> = Record<string, unknown>, Params extends Record<string, string | undefined> = Record<string, string | undefined>>(url: (params: Params) => string) => (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: Params | undefined;
+      body?: Body_1 | undefined;
+  } | undefined) => Promise<Return>;
 
 }
 declare module '@layerfi/components/api/layer/balance_sheet' {
@@ -87,20 +91,75 @@ declare module '@layerfi/components/api/layer/categories' {
   }>;
 
 }
-declare module '@layerfi/components/api/layer/ledger_accounts' {
-  import { AccountAlternate, LedgerAccounts, NewAccount } from '@layerfi/components/types';
-  export const getLedgerAccounts: (baseUrl: string, accessToken: string | undefined, options?: {
+declare module '@layerfi/components/api/layer/chart_of_accounts' {
+  import { Account, ChartOfAccounts, NewAccount, EditAccount, LedgerAccounts, LedgerAccountsEntry } from '@layerfi/components/types';
+  export const getChartOfAccounts: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: Record<string, string | undefined> | undefined;
   } | undefined) => () => Promise<{
-      data: LedgerAccounts;
+      data: ChartOfAccounts;
   }>;
   export const createAccount: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: Record<string, string | undefined> | undefined;
       body?: NewAccount | undefined;
   } | undefined) => Promise<{
-      data: AccountAlternate;
+      data: Account;
+  }>;
+  export const updateAccount: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: Record<string, string | undefined> | undefined;
+      body?: EditAccount | undefined;
+  } | undefined) => Promise<{
+      data: Account;
+  }>;
+  export const getLedgerAccountsLines: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: Record<string, string | undefined> | undefined;
+  } | undefined) => () => Promise<{
+      data: LedgerAccounts;
+  }>;
+  export const getLedgerAccountsEntry: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: Record<string, string | undefined> | undefined;
+  } | undefined) => () => Promise<{
+      data: LedgerAccountsEntry;
   }>;
 
+}
+declare module '@layerfi/components/api/layer/linked_accounts' {
+  import { LinkedAccounts, PublicToken } from '@layerfi/components/types/linked_accounts';
+  export const getLinkedAccounts: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: Record<string, string | undefined> | undefined;
+  } | undefined) => () => Promise<{
+      data: LinkedAccounts;
+  }>;
+  export const getPlaidLinkToken: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: Record<string, string | undefined> | undefined;
+      body?: Record<string, unknown> | undefined;
+  } | undefined) => Promise<{
+      data: {
+          type: 'Link_Token';
+          link_token: string;
+      };
+  }>;
+  export const exchangePlaidPublicToken: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: Record<string, string | undefined> | undefined;
+      body?: PublicToken | undefined;
+  } | undefined) => Promise<Record<string, unknown>>;
+  /**
+   * This is named per plaid terminology. It means unlinking an institution
+   */
+  export const unlinkPlaidItem: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: {
+          businessId: string;
+          plaidItemId: string;
+      } | undefined;
+      body?: Record<string, unknown> | undefined;
+  } | undefined) => Promise<Record<string, unknown>>;
+  export const unlinkPlaidAccount: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: {
+          businessId: string;
+          accountId: string;
+      } | undefined;
+      body?: Record<string, unknown> | undefined;
+  } | undefined) => Promise<Record<string, unknown>>;
+
 }
 declare module '@layerfi/components/api/layer/profit_and_loss' {
   import { ProfitAndLoss } from '@layerfi/components/types';
@@ -141,7 +200,13 @@ declare module '@layerfi/components/api/layer' {
           params?: Record<string, string | undefined> | undefined;
           body?: import("@layerfi/components/types").NewAccount | undefined;
       } | undefined) => Promise<{
-          data: import("@layerfi/components/types").AccountAlternate;
+          data: import("@layerfi/components/types").Account;
+      }>;
+      updateAccount: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: Record<string, string | undefined> | undefined;
+          body?: import("@layerfi/components/types").EditAccount | undefined;
+      } | undefined) => Promise<{
+          data: import("@layerfi/components/types").Account;
       }>;
       getBalanceSheet: (_token: string, _params: {
           params: import("@layerfi/components/api/layer/balance_sheet").GetBalanceSheetParams;
@@ -157,32 +222,65 @@ declare module '@layerfi/components/api/layer' {
               categories: import("@layerfi/components/types").Category[];
           };
       }>;
-      getLedgerAccounts: (baseUrl: string, accessToken: string | undefined, options?: {
+      getChartOfAccounts: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: Record<string, string | undefined> | undefined;
+      } | undefined) => () => Promise<{
+          data: import("@layerfi/components/types").ChartOfAccounts;
+      }>;
+      getLedgerAccountsLines: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: Record<string, string | undefined> | undefined;
       } | undefined) => () => Promise<{
           data: import("@layerfi/components/types").LedgerAccounts;
       }>;
+      getLedgerAccountsEntry: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: Record<string, string | undefined> | undefined;
+      } | undefined) => () => Promise<{
+          data: import("@layerfi/components/types").LedgerAccountsEntry;
+      }>;
       getProfitAndLoss: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: Record<string, string | undefined> | undefined;
       } | undefined) => () => Promise<{
           data?: import("@layerfi/components/types").ProfitAndLoss | undefined;
           error?: unknown;
       }>;
+      getLinkedAccounts: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: Record<string, string | undefined> | undefined;
+      } | undefined) => () => Promise<{
+          data: import("@layerfi/components/types/linked_accounts").LinkedAccounts;
+      }>;
+      getPlaidLinkToken: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: Record<string, string | undefined> | undefined;
+          body?: Record<string, unknown> | undefined;
+      } | undefined) => Promise<{
+          data: {
+              type: "Link_Token";
+              link_token: string;
+          };
+      }>;
+      exchangePlaidPublicToken: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: Record<string, string | undefined> | undefined;
+          body?: import("@layerfi/components/types/linked_accounts").PublicToken | undefined;
+      } | undefined) => Promise<Record<string, unknown>>;
+      unlinkPlaidAccount: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: {
+              businessId: string;
+              accountId: string;
+          } | undefined;
+          body?: Record<string, unknown> | undefined;
+      } | undefined) => Promise<Record<string, unknown>>;
+      unlinkPlaidItem: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: {
+              businessId: string;
+              plaidItemId: string;
+          } | undefined;
+          body?: Record<string, unknown> | undefined;
+      } | undefined) => Promise<Record<string, unknown>>;
   };
 
 }
 declare module '@layerfi/components/api/util' {
   export const formStringFromObject: (object: Record<string, string | number | boolean>) => string;
 
-}
-declare module '@layerfi/components/components/AccountsReceivable/AccountsReceivableIndex' {
-  import React from 'react';
-  export const AccountsReceivable: () => React.JSX.Element;
-
-}
-declare module '@layerfi/components/components/AccountsReceivable/index' {
-  export { AccountsReceivable } from '@layerfi/components/components/AccountsReceivable/AccountsReceivableIndex';
-
 }
 declare module '@layerfi/components/components/Badge/Badge' {
   import React, { ReactNode } from 'react';
@@ -191,18 +289,27 @@ declare module '@layerfi/components/components/Badge/Badge' {
       SMALL = "small",
       MEDIUM = "medium"
   }
+  export enum BadgeVariant {
+      DEFAULT = "default",
+      SUCCESS = "success",
+      WARNING = "warning",
+      ERROR = "error"
+  }
   export interface BadgeProps {
       children: ReactNode;
       icon?: ReactNode;
       onClick?: ButtonProps['onClick'];
       tooltip?: ReactNode;
       size?: BadgeSize;
+      variant?: BadgeVariant;
+      hoverable?: boolean;
   }
-  export const Badge: ({ icon, onClick, children, tooltip, size, }: BadgeProps) => React.JSX.Element;
+  export const Badge: ({ icon, onClick, children, tooltip, size, variant, hoverable, }: BadgeProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Badge/index' {
   export { Badge } from '@layerfi/components/components/Badge/Badge';
+  export { BadgeVariant } from '@layerfi/components/components/Badge/Badge';
 
 }
 declare module '@layerfi/components/components/BalanceSheet/BalanceSheet' {
@@ -284,11 +391,12 @@ declare module '@layerfi/components/components/BankTransactionRow/BankTransactio
       editable: boolean;
       removeTransaction: (id: string) => void;
       containerWidth?: number;
+      initialLoad?: boolean;
   };
   export type LastSubmittedForm = 'simple' | 'match' | 'split' | undefined;
   export const extractDescriptionForSplit: (category: Category) => string;
   export const getDefaultSelectedCategory: (bankTransaction: BankTransaction) => import("@layerfi/components/components/CategorySelect/CategorySelect").CategoryOption | undefined;
-  export const BankTransactionRow: ({ index, dateFormat, bankTransaction, editable, removeTransaction, containerWidth, }: Props) => React.JSX.Element | null;
+  export const BankTransactionRow: ({ index, dateFormat, bankTransaction, editable, removeTransaction, containerWidth, initialLoad, }: Props) => React.JSX.Element | null;
   export {};
 
 }
@@ -322,13 +430,22 @@ declare module '@layerfi/components/components/BankTransactions/BankTransactions
   export interface BankTransactionsProps {
       asWidget?: boolean;
       pageSize?: number;
+      categorizedOnly?: boolean;
   }
-  export const BankTransactions: ({ asWidget, pageSize, }: BankTransactionsProps) => React.JSX.Element;
+  export const BankTransactions: ({ asWidget, pageSize, categorizedOnly, }: BankTransactionsProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/BankTransactions/index' {
   export { BankTransactions } from '@layerfi/components/components/BankTransactions/BankTransactions';
 
+}
+declare module '@layerfi/components/components/Button/BackButton' {
+  import React, { ButtonHTMLAttributes } from 'react';
+  export interface BackButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+      textOnly?: boolean;
+  }
+  export const BackButton: ({ className, children, textOnly, ...props }: BackButtonProps) => React.JSX.Element;
+
 }
 declare module '@layerfi/components/components/Button/Button' {
   import React, { ButtonHTMLAttributes, ReactNode } from 'react';
@@ -397,25 +514,20 @@ declare module '@layerfi/components/components/Button/index' {
   export { RetryButton } from '@layerfi/components/components/Button/RetryButton';
   export { SubmitButton } from '@layerfi/components/components/Button/SubmitButton';
   export { TextButton } from '@layerfi/components/components/Button/TextButton';
+  export { BackButton } from '@layerfi/components/components/Button/BackButton';
 
 }
-declare module '@layerfi/components/components/CategoryMenu/CategoryMenu' {
-  import React from 'react';
-  import { BankTransaction, Category } from '@layerfi/components/types';
-  type Props = {
-      name?: string;
-      bankTransaction: BankTransaction;
-      value: Category | undefined;
-      onChange: (newValue: Category) => void;
-      disabled?: boolean;
+declare module '@layerfi/components/components/Card/Card' {
+  import React, { ReactNode } from 'react';
+  export interface CardProps {
+      children: ReactNode;
       className?: string;
-  };
-  export const CategoryMenu: ({ bankTransaction, name, value, onChange, disabled, className, }: Props) => React.JSX.Element;
-  export {};
+  }
+  export const Card: ({ children, className }: CardProps) => React.JSX.Element;
 
 }
-declare module '@layerfi/components/components/CategoryMenu/index' {
-  export { CategoryMenu } from '@layerfi/components/components/CategoryMenu/CategoryMenu';
+declare module '@layerfi/components/components/Card/index' {
+  export { Card } from '@layerfi/components/components/Card/Card';
 
 }
 declare module '@layerfi/components/components/CategorySelect/CategorySelect' {
@@ -461,6 +573,121 @@ declare module '@layerfi/components/components/CategorySelect/CategorySelect' {
 declare module '@layerfi/components/components/CategorySelect/index' {
   export { CategorySelect } from '@layerfi/components/components/CategorySelect/CategorySelect';
 
+}
+declare module '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts' {
+  import React from 'react';
+  import { useChartOfAccounts } from '@layerfi/components/hooks/useChartOfAccounts/index';
+  import { useLedgerAccounts } from '@layerfi/components/hooks/useLedgerAccounts/index';
+  export type View = 'mobile' | 'tablet' | 'desktop';
+  export interface ChartOfAccountsProps {
+      asWidget?: boolean;
+  }
+  export type ChartOfAccountsContextType = ReturnType<typeof useChartOfAccounts>;
+  export const ChartOfAccountsContext: React.Context<{
+      data: import("@layerfi/components/types").ChartOfAccounts | undefined;
+      isLoading?: boolean | undefined;
+      isValidating?: boolean | undefined;
+      error?: unknown;
+      refetch: () => void;
+      create: (newAccount: import("@layerfi/components/types").NewAccount) => void;
+      form?: import("@layerfi/components/hooks/useChartOfAccounts/useChartOfAccounts").ChartOfAccountsForm | undefined;
+      sendingForm?: boolean | undefined;
+      apiError?: string | undefined;
+      addAccount: () => void;
+      editAccount: (id: string) => void;
+      cancelForm: () => void;
+      changeFormData: (name: string, value: string | import("@layerfi/components/types/general").BaseSelectOption | undefined) => void;
+      submitForm: () => void;
+  }>;
+  export type LedgerAccountsContextType = ReturnType<typeof useLedgerAccounts>;
+  export const LedgerAccountsContext: React.Context<{
+      data?: import("@layerfi/components/types").LedgerAccounts | undefined;
+      entryData?: import("@layerfi/components/types").LedgerAccountsEntry | undefined;
+      isLoading?: boolean | undefined;
+      isLoadingEntry?: boolean | undefined;
+      isValidating?: boolean | undefined;
+      isValidatingEntry?: boolean | undefined;
+      error?: unknown;
+      errorEntry?: unknown;
+      refetch: () => void;
+      accountId?: string | undefined;
+      setAccountId: (id?: string | undefined) => void;
+      selectedEntryId?: string | undefined;
+      setSelectedEntryId: (id?: string | undefined) => void;
+      closeSelectedEntry: () => void;
+  }>;
+  export const ChartOfAccounts: (props: ChartOfAccountsProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/ChartOfAccounts/index' {
+  export { ChartOfAccounts, ChartOfAccountsContext, LedgerAccountsContext, View, } from '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts';
+
+}
+declare module '@layerfi/components/components/ChartOfAccountsForm/ChartOfAccountsForm' {
+  import React from 'react';
+  export const ChartOfAccountsForm: () => React.JSX.Element | undefined;
+
+}
+declare module '@layerfi/components/components/ChartOfAccountsForm/constants' {
+  import { BaseSelectOption } from '@layerfi/components/types/general';
+  export const SUB_TYPE_OPTIONS: BaseSelectOption[];
+
+}
+declare module '@layerfi/components/components/ChartOfAccountsForm/index' {
+  export { ChartOfAccountsForm } from '@layerfi/components/components/ChartOfAccountsForm/ChartOfAccountsForm';
+
+}
+declare module '@layerfi/components/components/ChartOfAccountsForm/useParentOptions' {
+  import { ChartOfAccounts } from '@layerfi/components/types';
+  import { BaseSelectOption } from '@layerfi/components/types/general';
+  export const useParentOptions: (data?: ChartOfAccounts) => BaseSelectOption[];
+
+}
+declare module '@layerfi/components/components/ChartOfAccountsRow/ChartOfAccountsRow' {
+  import React from 'react';
+  import { Account } from '@layerfi/components/types';
+  import { View } from '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts';
+  type ChartOfAccountsRowProps = {
+      account: Account;
+      depth?: number;
+      index: number;
+      cumulativeIndex?: number;
+      expanded: boolean;
+      acountsLength: number;
+      defaultOpen?: boolean;
+      view?: View;
+  };
+  export const ChartOfAccountsRow: ({ account, depth, index, cumulativeIndex, expanded, defaultOpen, acountsLength, view, }: ChartOfAccountsRowProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/ChartOfAccountsRow/index' {
+  export { ChartOfAccountsRow } from '@layerfi/components/components/ChartOfAccountsRow/ChartOfAccountsRow';
+
+}
+declare module '@layerfi/components/components/ChartOfAccountsSidebar/ChartOfAccountsSidebar' {
+  import React, { RefObject } from 'react';
+  export const ChartOfAccountsSidebar: ({ parentRef: _parentRef, }: {
+      parentRef?: RefObject<HTMLDivElement>;
+  }) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/ChartOfAccountsSidebar/index' {
+  export { ChartOfAccountsSidebar } from '@layerfi/components/components/ChartOfAccountsSidebar/ChartOfAccountsSidebar';
+
+}
+declare module '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccountsTable' {
+  import React, { RefObject } from 'react';
+  import { View } from '@layerfi/components/components/ChartOfAccounts/index';
+  export const ChartOfAccountsTable: ({ view, containerRef, }: {
+      view: View;
+      containerRef: RefObject<HTMLDivElement>;
+  }) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/ChartOfAccountsTable/index' {
+  export { ChartOfAccountsTable } from '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccountsTable';
+
 }
 declare module '@layerfi/components/components/Container/Container' {
   import React, { ReactNode } from 'react';
@@ -468,6 +695,7 @@ declare module '@layerfi/components/components/Container/Container' {
       name: string;
       className?: string;
       asWidget?: boolean;
+      elevated?: boolean;
       children: ReactNode;
   }
   export const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
@@ -508,6 +736,50 @@ 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/DateTime/DateTime' {
+  import React from 'react';
+  interface DateTimeProps {
+      value: string;
+      format?: string;
+      dateFormat?: string;
+      timeFormat?: string;
+      onlyDate?: boolean;
+      onlyTime?: boolean;
+  }
+  export const DateTime: ({ value, format, dateFormat, timeFormat, onlyDate, onlyTime, }: DateTimeProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/DateTime/index' {
+  export { DateTime } from '@layerfi/components/components/DateTime/DateTime';
+
+}
+declare module '@layerfi/components/components/DetailsList/DetailsList' {
+  import React, { ReactNode } from 'react';
+  export interface DetailsListProps {
+      title?: string;
+      className?: string;
+      children: ReactNode;
+      actions?: ReactNode;
+  }
+  export const DetailsList: ({ title, children, className, actions, }: DetailsListProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/DetailsList/DetailsListItem' {
+  import React, { ReactNode } from 'react';
+  export interface DetailsListItemProps {
+      label: string;
+      children: ReactNode | string;
+      isLoading?: boolean;
+  }
+  export const DetailsListItem: ({ label, children, isLoading, }: DetailsListItemProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/DetailsList/index' {
+  export { DetailsList } from '@layerfi/components/components/DetailsList/DetailsList';
+  export { DetailsListItem } from '@layerfi/components/components/DetailsList/DetailsListItem';
+
 }
 declare module '@layerfi/components/components/ExpandedBankTransactionRow/APIErrorNotifications' {
   import React from 'react';
@@ -526,6 +798,7 @@ declare module '@layerfi/components/components/ExpandedBankTransactionRow/Expand
   type Props = {
       bankTransaction: BankTransaction;
       isOpen?: boolean;
+      close: () => void;
       asListItem?: boolean;
       submitBtnText?: string;
       containerWidth?: number;
@@ -554,6 +827,24 @@ declare module '@layerfi/components/components/Hello/Hello' {
 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';
+  export interface HoverMenuProps {
+      children: ReactNode;
+      config: {
+          name: string;
+          action: (plaidItemId: string, accountId: string) => void;
+      }[];
+      plaidItemId: string;
+      accountId: string;
+  }
+  export const HoverMenu: ({ children, config, plaidItemId, accountId, }: HoverMenuProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/HoverMenu/index' {
+  export { HoverMenu, HoverMenuProps } from '@layerfi/components/components/HoverMenu/HoverMenu';
+
 }
 declare module '@layerfi/components/components/Input/FileInput' {
   import React from 'react';
@@ -597,8 +888,9 @@ declare module '@layerfi/components/components/Input/Select' {
       value?: T;
       onChange: (selected: T) => void;
       disabled?: boolean;
+      placeholder?: string;
   }
-  export const Select: <T>({ name, options, className, classNamePrefix, value, onChange, disabled, }: SelectProps<T>) => React.JSX.Element;
+  export const Select: <T>({ name, options, className, classNamePrefix, value, onChange, disabled, placeholder, }: SelectProps<T>) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Input/index' {
@@ -608,78 +900,77 @@ declare module '@layerfi/components/components/Input/index' {
   export { Select } from '@layerfi/components/components/Input/Select';
 
 }
-declare module '@layerfi/components/components/LedgerAccounts/LedgerAccounts' {
-  import React from 'react';
-  import { useLedgerAccounts } from '@layerfi/components/hooks/useLedgerAccounts/index';
-  export type LedgerAccountsContextType = ReturnType<typeof useLedgerAccounts>;
-  export const LedgerAccountsContext: React.Context<{
-      data: import("@layerfi/components/types").LedgerAccounts | undefined;
-      isLoading?: boolean | undefined;
-      isValidating?: boolean | undefined;
-      error?: unknown;
-      refetch: () => void;
-      create: (newAccount: import("@layerfi/components/types").NewAccount) => void;
-      form?: import("@layerfi/components/hooks/useLedgerAccounts/useLedgerAccounts").LedgerAccountsForm | undefined;
-      addAccount: () => void;
-      editAccount: (id: string) => void;
-      cancelForm: () => void;
-      changeFormData: (name: string, value: string | import("@layerfi/components/types/general").BaseSelectOption | undefined) => void;
-      submitForm: () => void;
-      showARForAccountId?: string | undefined;
-      setShowARForAccountId: (id?: string | undefined) => void;
-  }>;
-  export const LedgerAccounts: () => React.JSX.Element;
-
-}
-declare module '@layerfi/components/components/LedgerAccounts/index' {
-  export { LedgerAccounts } from '@layerfi/components/components/LedgerAccounts/LedgerAccounts';
+declare module '@layerfi/components/components/LedgerAccount/LedgerAccountIndex' {
+  import React, { RefObject } from 'react';
+  import { View } from '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts';
+  export interface LedgerAccountProps {
+      view: View;
+      containerRef: RefObject<HTMLDivElement>;
+      pageSize?: number;
+  }
+  export const LedgerAccount: ({ containerRef, pageSize, view, }: LedgerAccountProps) => React.JSX.Element;
 
 }
-declare module '@layerfi/components/components/LedgerAccountsForm/LedgerAccountsForm' {
+declare module '@layerfi/components/components/LedgerAccount/LedgerAccountRow' {
   import React from 'react';
-  export const LedgerAccountsForm: () => React.JSX.Element | undefined;
+  import { LedgerAccountsLine } from '@layerfi/components/types';
+  import { View } from '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts';
+  export interface LedgerAccountRowProps {
+      row: LedgerAccountsLine;
+      index: number;
+      initialLoad?: boolean;
+      view: View;
+  }
+  export const LedgerAccountRow: ({ row, index, initialLoad, view, }: LedgerAccountRowProps) => React.JSX.Element;
 
 }
-declare module '@layerfi/components/components/LedgerAccountsForm/index' {
-  export { LedgerAccountsForm } from '@layerfi/components/components/LedgerAccountsForm/LedgerAccountsForm';
+declare module '@layerfi/components/components/LedgerAccount/index' {
+  export { LedgerAccount } from '@layerfi/components/components/LedgerAccount/LedgerAccountIndex';
 
 }
-declare module '@layerfi/components/components/LedgerAccountsRow/LedgerAccountsRow' {
+declare module '@layerfi/components/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails' {
   import React from 'react';
-  import { Account } from '@layerfi/components/types';
-  type LedgerAccountsRowProps = {
-      account: Account;
-      depth?: number;
-  };
-  export const LedgerAccountsRow: ({ account, depth, }: LedgerAccountsRowProps) => React.JSX.Element;
-  export {};
+  export const LedgerAccountEntryDetails: () => React.JSX.Element;
 
 }
-declare module '@layerfi/components/components/LedgerAccountsRow/index' {
-  export { LedgerAccountsRow } from '@layerfi/components/components/LedgerAccountsRow/LedgerAccountsRow';
+declare module '@layerfi/components/components/LedgerAccountEntryDetails/index' {
+  export { LedgerAccountEntryDetails } from '@layerfi/components/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails';
 
 }
-declare module '@layerfi/components/components/LedgerAccountsSidebar/LedgerAccountsSidebar' {
+declare module '@layerfi/components/components/LinkedAccountOptions/LinkedAccountOptions' {
   import React from 'react';
-  export const LedgerAccountsSidebar: () => React.JSX.Element;
+  import { HoverMenuProps } from '@layerfi/components/components/HoverMenu/index';
+  interface LinkedAccountOptionsProps extends HoverMenuProps {
+  }
+  export const LinkedAccountOptions: ({ children, config, accountId, plaidItemId, }: LinkedAccountOptionsProps) => React.JSX.Element;
+  export {};
 
 }
-declare module '@layerfi/components/components/LedgerAccountsSidebar/index' {
-  export { LedgerAccountsSidebar } from '@layerfi/components/components/LedgerAccountsSidebar/LedgerAccountsSidebar';
+declare module '@layerfi/components/components/LinkedAccountOptions/index' {
+  export { LinkedAccountOptions } from '@layerfi/components/components/LinkedAccountOptions/LinkedAccountOptions';
 
 }
-declare module '@layerfi/components/components/LinkedAccounts/LinkedAccountThumb' {
+declare module '@layerfi/components/components/LinkedAccountThumb/LinkedAccountThumb' {
   import React from 'react';
   import { LinkedAccount } from '@layerfi/components/types/linked_accounts';
   export interface LinkedAccountThumbProps {
       account: LinkedAccount;
+      asWidget?: boolean;
   }
-  export const LinkedAccountThumb: ({ account }: LinkedAccountThumbProps) => React.JSX.Element;
+  export const LinkedAccountThumb: ({ account, asWidget, }: LinkedAccountThumbProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/LinkedAccountThumb/index' {
+  export { LinkedAccountThumb } from '@layerfi/components/components/LinkedAccountThumb/LinkedAccountThumb';
 
 }
 declare module '@layerfi/components/components/LinkedAccounts/LinkedAccounts' {
   import React from 'react';
-  export const LinkedAccounts: () => React.JSX.Element;
+  export interface LinkedAccountsProps {
+      asWidget?: boolean;
+      elevated?: boolean;
+  }
+  export const LinkedAccounts: ({ asWidget, elevated }: LinkedAccountsProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/LinkedAccounts/index' {
@@ -730,6 +1021,23 @@ declare module '@layerfi/components/components/Pagination/Pagination' {
 declare module '@layerfi/components/components/Pagination/index' {
   export { Pagination } from '@layerfi/components/components/Pagination/Pagination';
 
+}
+declare module '@layerfi/components/components/Panel/Panel' {
+  import React, { ReactNode, RefObject } from 'react';
+  export interface PanelProps {
+      children: ReactNode;
+      className?: string;
+      sidebar?: ReactNode;
+      sidebarIsOpen?: boolean;
+      header?: ReactNode;
+      parentRef?: RefObject<HTMLDivElement>;
+  }
+  export const Panel: ({ children, className, sidebar, header, sidebarIsOpen, parentRef, }: PanelProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/Panel/index' {
+  export { Panel } from '@layerfi/components/components/Panel/Panel';
+
 }
 declare module '@layerfi/components/components/ProfitAndLoss/ProfitAndLoss' {
   import React, { PropsWithChildren } from 'react';
@@ -740,14 +1048,17 @@ declare module '@layerfi/components/components/ProfitAndLoss/ProfitAndLoss' {
           values: string[];
       };
       reportingBasis?: ReportingBasis;
+      asContainer?: boolean;
   };
   const ProfitAndLoss: {
-      ({ children, tagFilter, reportingBasis }: Props): React.JSX.Element;
+      ({ children, tagFilter, reportingBasis, asContainer, }: Props): React.JSX.Element;
       Chart: () => React.JSX.Element;
       Context: React.Context<{
           data: import("@layerfi/components/types").ProfitAndLoss | undefined;
-          filteredData: import("@layerfi/components/types/line_item").LineBaseItem[];
-          filteredTotal?: number | undefined;
+          filteredDataRevenue: import("@layerfi/components/types/line_item").LineBaseItem[];
+          filteredTotalRevenue?: number | undefined;
+          filteredDataExpenses: import("@layerfi/components/types/line_item").LineBaseItem[];
+          filteredTotalExpenses?: number | undefined;
           isLoading: boolean;
           isValidating: boolean;
           error: unknown;
@@ -761,12 +1072,19 @@ declare module '@layerfi/components/components/ProfitAndLoss/ProfitAndLoss' {
           setFilterTypes: (scope: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").Scope, types: string[]) => void;
       }>;
       DatePicker: () => React.JSX.Element;
-      Summaries: ({ vertical, revenueLabel, }: {
+      Summaries: ({ vertical, revenueLabel, actionable, }: {
           revenueLabel?: string | undefined;
           vertical?: boolean | undefined;
+          actionable?: boolean | undefined;
       }) => React.JSX.Element;
-      Table: ({ lockExpanded }: {
+      Table: ({ lockExpanded, asContainer }: {
           lockExpanded?: boolean | undefined;
+          asContainer?: boolean | undefined;
+      }) => React.JSX.Element;
+      DetailedCharts: ({ scope, hideClose, showDatePicker, }: {
+          scope?: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").SidebarScope;
+          hideClose?: boolean | undefined;
+          showDatePicker?: boolean | undefined;
       }) => React.JSX.Element;
   };
   export { ProfitAndLoss };
@@ -816,8 +1134,9 @@ declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/Detai
       setHoveredItem: (name?: string) => void;
       sidebarScope?: SidebarScope;
       date: number | Date;
+      isLoading?: boolean;
   }
-  export const DetailedChart: ({ filteredData, filteredTotal, hoveredItem, setHoveredItem, sidebarScope, date, }: DetailedChartProps) => React.JSX.Element;
+  export const DetailedChart: ({ filteredData, filteredTotal, hoveredItem, setHoveredItem, sidebarScope, date, isLoading, }: DetailedChartProps) => React.JSX.Element;
   export {};
 
 }
@@ -852,7 +1171,12 @@ declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/Filte
 }
 declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts' {
   import React from 'react';
-  export const ProfitAndLossDetailedCharts: () => React.JSX.Element;
+  import { SidebarScope } from '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss';
+  export const ProfitAndLossDetailedCharts: ({ scope, hideClose, showDatePicker, }: {
+      scope?: SidebarScope;
+      hideClose?: boolean | undefined;
+      showDatePicker?: boolean | undefined;
+  }) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/index' {
@@ -895,8 +1219,9 @@ declare module '@layerfi/components/components/ProfitAndLossSummaries/ProfitAndL
   type Props = {
       revenueLabel?: string;
       vertical?: boolean;
+      actionable?: boolean;
   };
-  export const ProfitAndLossSummaries: ({ vertical, revenueLabel, }: Props) => React.JSX.Element;
+  export const ProfitAndLossSummaries: ({ vertical, revenueLabel, actionable, }: Props) => React.JSX.Element;
   export {};
 
 }
@@ -908,8 +1233,9 @@ declare module '@layerfi/components/components/ProfitAndLossTable/ProfitAndLossT
   import React from 'react';
   type Props = {
       lockExpanded?: boolean;
+      asContainer?: boolean;
   };
-  export const ProfitAndLossTable: ({ lockExpanded }: Props) => React.JSX.Element;
+  export const ProfitAndLossTable: ({ lockExpanded, asContainer }: Props) => React.JSX.Element;
   export {};
 
 }
@@ -924,12 +1250,15 @@ declare module '@layerfi/components/components/ProfitAndLossTable/index' {
 
 }
 declare module '@layerfi/components/components/ProfitAndLossView/ProfitAndLossView' {
-  import React from 'react';
+  import React, { RefObject } from 'react';
   export interface ProfitAndLossViewProps {
       hideTable?: boolean;
       hideChart?: boolean;
       showDetailedCharts?: boolean;
   }
+  export interface ProfitAndLossViewPanelProps extends ProfitAndLossViewProps {
+      containerRef: RefObject<HTMLDivElement>;
+  }
   export const ProfitAndLossView: (props: ProfitAndLossViewProps) => React.JSX.Element;
 
 }
@@ -977,6 +1306,7 @@ declare module '@layerfi/components/components/Toggle/Toggle' {
       label: string;
       value: string;
       disabled?: boolean;
+      disabledMessage?: string;
       leftIcon?: ReactNode;
   }
   export enum ToggleSize {
@@ -1193,6 +1523,33 @@ 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/View/View' {
+  import React, { ReactNode } from 'react';
+  export interface ViewProps {
+      children: ReactNode;
+      title?: string;
+      headerControls?: ReactNode;
+  }
+  export const View: ({ title, children, headerControls }: ViewProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/View/index' {
+  export { View } from '@layerfi/components/components/View/View';
+
+}
+declare module '@layerfi/components/components/ViewHeader/ViewHeader' {
+  import React, { ReactNode } from 'react';
+  export interface ViewHeaderProps {
+      title?: string;
+      controls?: ReactNode;
+  }
+  export const ViewHeader: ({ title, controls }: ViewHeaderProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/ViewHeader/index' {
+  export { ViewHeader } from '@layerfi/components/components/ViewHeader/ViewHeader';
+
 }
 declare module '@layerfi/components/config/charts' {
   export const INACTIVE_OPACITY_LEVELS: number[];
@@ -1204,6 +1561,11 @@ declare module '@layerfi/components/config/charts' {
 }
 declare module '@layerfi/components/config/general' {
   export const DATE_FORMAT = "LLL d, yyyy";
+  export const TIME_FORMAT = "p";
+  export const BREAKPOINTS: {
+      TABLET: number;
+      MOBILE: number;
+  };
 
 }
 declare module '@layerfi/components/config/theme' {
@@ -1307,6 +1669,50 @@ declare module '@layerfi/components/hooks/useBankTransactions/useBankTransaction
   export const useBankTransactions: UseBankTransactions;
   export {};
 
+}
+declare module '@layerfi/components/hooks/useChartOfAccounts/index' {
+  export { useChartOfAccounts } from '@layerfi/components/hooks/useChartOfAccounts/useChartOfAccounts';
+
+}
+declare module '@layerfi/components/hooks/useChartOfAccounts/useChartOfAccounts' {
+  import { Account, ChartOfAccounts, NewAccount } from '@layerfi/components/types';
+  import { BaseSelectOption } from '@layerfi/components/types/general';
+  interface FormError {
+      field: string;
+      message: string;
+  }
+  export interface ChartOfAccountsForm {
+      action: 'new' | 'edit';
+      accountId?: string;
+      data: {
+          parent?: BaseSelectOption;
+          name?: string;
+          type?: BaseSelectOption;
+          subType?: BaseSelectOption;
+          category?: BaseSelectOption;
+      };
+      errors?: FormError[];
+  }
+  type UseChartOfAccounts = () => {
+      data: ChartOfAccounts | undefined;
+      isLoading?: boolean;
+      isValidating?: boolean;
+      error?: unknown;
+      refetch: () => void;
+      create: (newAccount: NewAccount) => void;
+      form?: ChartOfAccountsForm;
+      sendingForm?: boolean;
+      apiError?: string;
+      addAccount: () => void;
+      editAccount: (id: string) => void;
+      cancelForm: () => void;
+      changeFormData: (name: string, value: string | BaseSelectOption | undefined) => void;
+      submitForm: () => void;
+  };
+  export const flattenAccounts: (accounts: Account[]) => Account[];
+  export const useChartOfAccounts: UseChartOfAccounts;
+  export {};
+
 }
 declare module '@layerfi/components/hooks/useElementSize/index' {
   export { useElementSize } from '@layerfi/components/hooks/useElementSize/useElementSize';
@@ -1317,6 +1723,8 @@ declare module '@layerfi/components/hooks/useElementSize/useElementSize' {
   export const useElementSize: <T extends HTMLElement>(callback: (target: T, entry: ResizeObserverEntry, size: {
       width: number;
       height: number;
+      clientWidth: number;
+      clientHeight: number;
   }) => void) => import("react").RefObject<T>;
 
 }
@@ -1335,36 +1743,23 @@ declare module '@layerfi/components/hooks/useLedgerAccounts/index' {
 
 }
 declare module '@layerfi/components/hooks/useLedgerAccounts/useLedgerAccounts' {
-  import { Account, LedgerAccounts, NewAccount } from '@layerfi/components/types';
-  import { BaseSelectOption } from '@layerfi/components/types/general';
-  export interface LedgerAccountsForm {
-      action: 'new' | 'edit';
-      accountId?: string;
-      data: {
-          parent?: BaseSelectOption;
-          name?: string;
-          type?: BaseSelectOption;
-          subType?: BaseSelectOption;
-          category?: BaseSelectOption;
-      };
-  }
+  import { LedgerAccounts, LedgerAccountsEntry } from '@layerfi/components/types';
   type UseLedgerAccounts = () => {
-      data: LedgerAccounts | undefined;
+      data?: LedgerAccounts;
+      entryData?: LedgerAccountsEntry;
       isLoading?: boolean;
+      isLoadingEntry?: boolean;
       isValidating?: boolean;
+      isValidatingEntry?: boolean;
       error?: unknown;
+      errorEntry?: unknown;
       refetch: () => void;
-      create: (newAccount: NewAccount) => void;
-      form?: LedgerAccountsForm;
-      addAccount: () => void;
-      editAccount: (id: string) => void;
-      cancelForm: () => void;
-      changeFormData: (name: string, value: string | BaseSelectOption | undefined) => void;
-      submitForm: () => void;
-      showARForAccountId?: string;
-      setShowARForAccountId: (id?: string) => void;
+      accountId?: string;
+      setAccountId: (id?: string) => void;
+      selectedEntryId?: string;
+      setSelectedEntryId: (id?: string) => void;
+      closeSelectedEntry: () => void;
   };
-  export const flattenAccounts: (accounts: Account[]) => Account[];
   export const useLedgerAccounts: UseLedgerAccounts;
   export {};
 
@@ -1372,17 +1767,25 @@ declare module '@layerfi/components/hooks/useLedgerAccounts/useLedgerAccounts' {
 declare module '@layerfi/components/hooks/useLinkedAccounts/index' {
   export { useLinkedAccounts } from '@layerfi/components/hooks/useLinkedAccounts/useLinkedAccounts';
 
+}
+declare module '@layerfi/components/hooks/useLinkedAccounts/mockData' {
+  import { LinkedAccount } from '@layerfi/components/types/linked_accounts';
+  export const LINKED_ACCOUNTS_MOCK_DATA: LinkedAccount[];
+
 }
 declare module '@layerfi/components/hooks/useLinkedAccounts/useLinkedAccounts' {
-  import { Metadata } from '@layerfi/components/types';
   import { LinkedAccount } from '@layerfi/components/types/linked_accounts';
+  type Source = 'PLAID' | 'STRIPE';
   type UseLinkedAccounts = () => {
       data?: LinkedAccount[];
-      metadata: Metadata;
       isLoading: boolean;
       isValidating: boolean;
       error: unknown;
-      refetch: () => void;
+      addConnection: (source: Source) => void;
+      removeConnection: (source: Source, sourceId: string) => void;
+      refetchAccounts: () => void;
+      unlinkAccount: (plaidAccountId: string) => void;
+      renewLinkAccount: () => void;
   };
   export const useLinkedAccounts: UseLinkedAccounts;
   export {};
@@ -1430,8 +1833,10 @@ declare module '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss' {
   export type ProfitAndLossFilters = Record<Scope, ProfitAndLossFilter | undefined>;
   type UseProfitAndLoss = (props?: Props) => {
       data: ProfitAndLoss | undefined;
-      filteredData: LineBaseItem[];
-      filteredTotal?: number;
+      filteredDataRevenue: LineBaseItem[];
+      filteredTotalRevenue?: number;
+      filteredDataExpenses: LineBaseItem[];
+      filteredTotalExpenses?: number;
       isLoading: boolean;
       isValidating: boolean;
       error: unknown;
@@ -1462,11 +1867,11 @@ declare module '@layerfi/components/icons/AlertOctagon' {
   export default AlertOctagon;
 
 }
-declare module '@layerfi/components/icons/ArrowRightCircle' {
+declare module '@layerfi/components/icons/BackArrow' {
   import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const ArrowRightCircle: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
-  export default ArrowRightCircle;
+  const BackArrow: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default BackArrow;
 
 }
 declare module '@layerfi/components/icons/Calendar' {
@@ -1531,6 +1936,13 @@ declare module '@layerfi/components/icons/Edit2' {
   const Edit2: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default Edit2;
 
+}
+declare module '@layerfi/components/icons/InstitutionIcon' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const InstitutionIcon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default InstitutionIcon;
+
 }
 declare module '@layerfi/components/icons/Loader' {
   import * as React from 'react';
@@ -1545,6 +1957,13 @@ declare module '@layerfi/components/icons/MinimizeTwo' {
   const MinimizeTwo: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default MinimizeTwo;
 
+}
+declare module '@layerfi/components/icons/MoreVertical' {
+  import React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const MoreVertical: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default MoreVertical;
+
 }
 declare module '@layerfi/components/icons/PieChart' {
   import * as React from 'react';
@@ -1552,6 +1971,13 @@ declare module '@layerfi/components/icons/PieChart' {
   const PieChart: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default PieChart;
 
+}
+declare module '@layerfi/components/icons/PlusIcon' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const PlusIcon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default PlusIcon;
+
 }
 declare module '@layerfi/components/icons/RefreshCcw' {
   import * as React from 'react';
@@ -1623,8 +2049,12 @@ declare module '@layerfi/components/index' {
   export { LinkedAccounts } from '@layerfi/components/components/LinkedAccounts/index';
   export { ProfitAndLoss } from '@layerfi/components/components/ProfitAndLoss/index';
   export { ProfitAndLossView } from '@layerfi/components/components/ProfitAndLossView/index';
-  export { LedgerAccounts } from '@layerfi/components/components/LedgerAccounts/index';
+  export { ChartOfAccounts } from '@layerfi/components/components/ChartOfAccounts/index';
   export { LayerProvider } from '@layerfi/components/providers/LayerProvider/index';
+  export { useLayerContext } from '@layerfi/components/hooks/useLayerContext/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';
 
 }
 declare module '@layerfi/components/models/APIError' {
@@ -1826,6 +2256,62 @@ declare module '@layerfi/components/types/categories' {
   export type CategoryUpdate = SingleCategoryUpdate | SplitCategoryUpdate;
   export function hasSuggestions(categorization: Categorization): categorization is SuggestedCategorization;
 
+}
+declare module '@layerfi/components/types/chart_of_accounts' {
+  import { Direction } from '@layerfi/components/types/bank_transactions';
+  import { Category } from '@layerfi/components/types/categories';
+  export interface ChartOfAccounts {
+      type: string;
+      accounts: Account[];
+      entries?: any[];
+  }
+  export interface AccountEntry {
+      account: Account;
+      amount?: number;
+      createdAt?: string;
+      direction: Direction;
+      entry_at?: string;
+      entry_id?: string;
+      id?: string;
+  }
+  export interface Account {
+      id: string;
+      number: number;
+      pnlCategory?: Category;
+      headerForPnlCategory?: Category;
+      name: string;
+      accountStableName?: string;
+      description?: string;
+      scheduleCLine?: string;
+      scheduleCLineDescription?: string;
+      sub_accounts?: Account[];
+      hidePnl: boolean;
+      showInPnlIfEmpty: boolean;
+      normality: Direction;
+      balance: number;
+      selfOnlyBalance: number;
+      entries?: AccountEntry[];
+  }
+  export type NewAccount = {
+      name: string;
+      normality: Direction;
+      parent_id?: {
+          type: 'AccountId';
+          id: string;
+      };
+      description: string;
+  };
+  export type EditAccount = {
+      name: string;
+      stable_name: string;
+      normality: Direction;
+      parent_id?: {
+          type: 'AccountId';
+          id: string;
+      };
+      description: string;
+  };
+
 }
 declare module '@layerfi/components/types/general' {
   export type SortDirection = 'asc' | 'desc';
@@ -1848,6 +2334,9 @@ declare module '@layerfi/components/types/layer_context' {
   };
   export type LayerContextHelpers = {
       getColor: (shade: number) => ColorsPaletteOption | undefined;
+      setLightColor: (color?: ColorConfig) => void;
+      setDarkColor: (color?: ColorConfig) => void;
+      setColors: (colors?: LayerThemeConfigColors) => void;
   };
   export interface ColorHSLConfig {
       h: string;
@@ -1879,11 +2368,12 @@ declare module '@layerfi/components/types/layer_context' {
       hex: string;
   }
   export type ColorsPalette = Record<number, ColorsPaletteOption>;
+  export interface LayerThemeConfigColors {
+      dark?: ColorConfig;
+      light?: ColorConfig;
+  }
   export interface LayerThemeConfig {
-      colors?: {
-          dark?: ColorConfig;
-          light?: ColorConfig;
-      };
+      colors?: LayerThemeConfigColors;
   }
   export enum LayerContextActionName {
       setAuth = "LayerContext.setAuth",
@@ -1909,56 +2399,52 @@ declare module '@layerfi/components/types/layer_context' {
 
 }
 declare module '@layerfi/components/types/ledger_accounts' {
-  import { Direction } from '@layerfi/components/types/bank_transactions';
-  import { Category } from '@layerfi/components/types/categories';
-  export interface LedgerAccounts {
-      name: string;
-      accounts: Account[];
+  import { BankTransaction, Direction } from '@layerfi/components/types/bank_transactions';
+  export type LedgerAccounts = LedgerAccountsLine[];
+  export interface LedgerAccountsEntry {
+      agent?: string;
+      business_id: string;
+      date: string;
+      entry_at: string;
+      entry_type: string;
+      id: string;
+      invoice?: Record<string, string>;
+      ledger_id: string;
+      line_items: LedgerAccountLineItem[];
+      manual_entry?: boolean;
+      reversal_id?: string;
+      reversal_of_id?: string;
+      type: string;
+      transaction?: BankTransaction;
   }
-  export interface AccountEntry {
-      account: Account;
-      amount?: number;
-      createdAt?: string;
+  export interface LedgerAccountsLine {
+      type: string;
+      id: string;
+      entry_id: string;
+      account: LedgerAccountsAccount;
+      amount: number;
       direction: Direction;
-      entry_at?: string;
-      entry_id?: string;
-      id?: string;
+      date: string;
+      transaction?: BankTransaction;
+      invoice: string | null;
   }
-  export interface Account {
+  export interface LedgerAccountsAccount {
+      always_show_in_pnl?: boolean;
       id: string;
-      number: number;
-      pnlCategory?: Category;
-      headerForPnlCategory?: Category;
       name: string;
-      accountStableName?: string;
-      description?: string;
-      scheduleCLine?: string;
-      scheduleCLineDescription?: string;
-      sub_accounts?: Account[];
-      hidePnl: boolean;
-      showInPnlIfEmpty: boolean;
-      normality: Direction;
-      balance: number;
-      selfOnlyBalance: number;
-      entries?: AccountEntry[];
+      normality: string;
+      pnl_category?: string;
+      stable_name: string;
   }
-  export interface AccountAlternate {
-      type: 'Ledger_Account';
+  export interface LedgerAccountLineItem {
+      account?: LedgerAccountsAccount;
+      amount: number;
+      createdAt: string;
+      direction: Direction;
+      entry_at: string;
+      entry_id: string;
       id: string;
-      name: string;
-      stable_name: string | null;
-      normality: Direction;
-      pnl_category: string | null;
   }
-  export type NewAccount = {
-      name: string;
-      normality: Direction;
-      parent_id?: {
-          type: 'AccountId';
-          id: string;
-      };
-      description: string;
-  };
 
 }
 declare module '@layerfi/components/types/line_item' {
@@ -1980,11 +2466,33 @@ declare module '@layerfi/components/types/line_item' {
 
 }
 declare module '@layerfi/components/types/linked_accounts' {
+  import { PlaidInstitution } from 'react-plaid-link';
+  export interface LinkedAccounts {
+      type: string;
+      external_accounts: LinkedAccount[];
+  }
   export interface LinkedAccount {
-      name: string;
-      account: string;
-      amount: number;
+      id: string;
+      external_account_external_id: string;
+      external_account_source: string;
+      external_account_name: string;
+      latest_balance_timestamp: {
+          external_account_external_id: string;
+          external_account_source: string;
+          balance: number;
+          at: string;
+          created_at: string;
+      };
+      current_ledger_balance: number;
+      institution: {
+          name: string;
+          logo: string;
+      };
   }
+  export type PublicToken = {
+      public_token: string;
+      institution_id: PlaidInstitution | null;
+  };
 
 }
 declare module '@layerfi/components/types/profit_and_loss' {
@@ -2016,7 +2524,8 @@ declare module '@layerfi/components/types' {
   export { BalanceSheet } from '@layerfi/components/types/balance_sheet';
   export { Direction, BankTransaction } from '@layerfi/components/types/bank_transactions';
   export { CategorizationStatus, Category, CategorizationType, AutoCategorization, SuggestedCategorization, SingleCategoryUpdate, SplitCategoryUpdate, CategoryUpdate, } from '@layerfi/components/types/categories';
-  export { AccountAlternate, LedgerAccounts, Account, NewAccount, } from '@layerfi/components/types/ledger_accounts';
+  export { ChartOfAccounts, Account, NewAccount, EditAccount, } from '@layerfi/components/types/chart_of_accounts';
+  export { LedgerAccounts, LedgerAccountsLine, LedgerAccountsAccount, LedgerAccountsEntry, } from '@layerfi/components/types/ledger_accounts';
   export { SortDirection } from '@layerfi/components/types/general';
   export type DateRange<T = Date> = {
       startDate: T;
@@ -2053,12 +2562,20 @@ declare module '@layerfi/components/utils/format' {
    * 0.00123 -> 0.12%
    */
   export const formatPercent: (value?: number, options?: Intl.NumberFormatOptions) => string | undefined;
+  /**
+   * Convert Enum-like (upper snakecase) text into human friendly format.
+   */
+  export const humanizeEnum: (text: string) => string;
 
 }
 declare module '@layerfi/components/utils/helpers' {
   export const range: (start: number, end: number) => number[];
   export const debounce: <F extends (...args: Parameters<F>) => ReturnType<F>>(fnc: F, timeout?: number) => (...args: Parameters<F>) => void;
   export const sleep: (time: number) => Promise<unknown>;
+  /**
+   * Convert the account name into stable_name
+   */
+  export const convertToStableName: (name: string) => string;
 
 }
 declare module '@layerfi/components/utils/profitAndLossUtils' {
@@ -2070,6 +2587,45 @@ declare module '@layerfi/components/utils/profitAndLossUtils' {
   export const humanizeTitle: (sidebarView: SidebarScope) => "Expenses" | "Revenue" | "Profit & Loss";
   export const applyShare: (items: LineBaseItem[], total: number) => LineBaseItem[];
 
+}
+declare module '@layerfi/components/views/AccountingOverview/AccountingOverview' {
+  import React from 'react';
+  export interface AccountingOverviewProps {
+      title?: string;
+  }
+  export const AccountingOverview: ({ title, }: AccountingOverviewProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/views/AccountingOverview/index' {
+  export { AccountingOverview } from '@layerfi/components/views/AccountingOverview/AccountingOverview';
+
+}
+declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/BankTransactionsWithLinkedAccounts' {
+  import React from 'react';
+  export interface BankTransactionsWithLinkedAccountsProps {
+      title?: string;
+  }
+  export const BankTransactionsWithLinkedAccounts: ({ title, }: BankTransactionsWithLinkedAccountsProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/index' {
+  export { BankTransactionsWithLinkedAccounts } from '@layerfi/components/views/BankTransactionsWithLinkedAccounts/BankTransactionsWithLinkedAccounts';
+
+}
+declare module '@layerfi/components/views/Reports/Reports' {
+  import React, { RefObject } from 'react';
+  export interface ReportsProps {
+      title?: string;
+  }
+  export interface ReportsPanelProps {
+      containerRef: RefObject<HTMLDivElement>;
+  }
+  export const Reports: ({ title }: ReportsProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/views/Reports/index' {
+  export { Reports } from '@layerfi/components/views/Reports/Reports';
+
 }
 declare module '@layerfi/components' {
   import main = require('@layerfi/components/index');