@layerfi/components 0.1.8 → 0.1.10

package/dist/index.d.ts

@@ -87,18 +87,33 @@ declare module '@layerfi/components/api/layer/categories' {
   }>;
 
 }
-declare module '@layerfi/components/api/layer/chart_of_accounts' {
-  import { AccountAlternate, ChartOfAccounts, NewAccount } from '@layerfi/components/types';
-  export const getChartOfAccounts: (baseUrl: string, accessToken: string | undefined, options?: {
+declare module '@layerfi/components/api/layer/ledger_accounts' {
+  import { Account, LedgerAccounts, NewAccount, EditAccount } from '@layerfi/components/types';
+  export const getLedgerAccounts: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: Record<string, string | undefined> | undefined;
   } | undefined) => () => Promise<{
-      data: ChartOfAccounts;
+      data: LedgerAccounts;
   }>;
   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;
+  }>;
+
+}
+declare module '@layerfi/components/api/layer/linked_accounts' {
+  import { LinkedAccounts } 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;
   }>;
 
 }
@@ -141,7 +156,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,10 +178,10 @@ declare module '@layerfi/components/api/layer' {
               categories: import("@layerfi/components/types").Category[];
           };
       }>;
-      getChartOfAccounts: (baseUrl: string, accessToken: string | undefined, options?: {
+      getLedgerAccounts: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: Record<string, string | undefined> | undefined;
       } | undefined) => () => Promise<{
-          data: import("@layerfi/components/types").ChartOfAccounts;
+          data: import("@layerfi/components/types").LedgerAccounts;
       }>;
       getProfitAndLoss: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: Record<string, string | undefined> | undefined;
@@ -168,12 +189,26 @@ declare module '@layerfi/components/api/layer' {
           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;
+      }>;
   };
 
 }
 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';
@@ -275,11 +310,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 {};
 
 }
@@ -313,13 +349,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';
@@ -367,12 +412,13 @@ declare module '@layerfi/components/components/Button/SubmitButton' {
       active?: boolean;
       iconOnly?: boolean;
       action?: SubmitAction;
+      noIcon?: boolean;
   }
   export enum SubmitAction {
       SAVE = "save",
       UPDATE = "update"
   }
-  export const SubmitButton: ({ active, className, processing, disabled, error, children, action, ...props }: SubmitButtonProps) => React.JSX.Element;
+  export const SubmitButton: ({ active, className, processing, disabled, error, children, action, noIcon, ...props }: SubmitButtonProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Button/TextButton' {
@@ -387,25 +433,7 @@ 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';
-
-}
-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;
-      className?: string;
-  };
-  export const CategoryMenu: ({ bankTransaction, name, value, onChange, disabled, className, }: Props) => React.JSX.Element;
-  export {};
-
-}
-declare module '@layerfi/components/components/CategoryMenu/index' {
-  export { CategoryMenu } from '@layerfi/components/components/CategoryMenu/CategoryMenu';
+  export { BackButton } from '@layerfi/components/components/Button/BackButton';
 
 }
 declare module '@layerfi/components/components/CategorySelect/CategorySelect' {
@@ -451,39 +479,6 @@ 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';
-  export const ChartOfAccounts: () => React.JSX.Element;
-
-}
-declare module '@layerfi/components/components/ChartOfAccounts/index' {
-  export { ChartOfAccounts } from '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts';
-
-}
-declare module '@layerfi/components/components/ChartOfAccountsNewForm/ChartOfAccountsNewForm' {
-  import React from 'react';
-  export const ChartOfAccountsNewForm: () => React.JSX.Element;
-
-}
-declare module '@layerfi/components/components/ChartOfAccountsNewForm/index' {
-  export { ChartOfAccountsNewForm } from '@layerfi/components/components/ChartOfAccountsNewForm/ChartOfAccountsNewForm';
-
-}
-declare module '@layerfi/components/components/ChartOfAccountsRow/ChartOfAccountsRow' {
-  import React from 'react';
-  import { Account } from '@layerfi/components/types';
-  type Props = {
-      account: Account;
-      depth?: number;
-  };
-  export const ChartOfAccountsRow: ({ account, depth }: Props) => React.JSX.Element;
-  export {};
-
-}
-declare module '@layerfi/components/components/ChartOfAccountsRow/index' {
-  export { ChartOfAccountsRow } from '@layerfi/components/components/ChartOfAccountsRow/ChartOfAccountsRow';
-
 }
 declare module '@layerfi/components/components/Container/Container' {
   import React, { ReactNode } from 'react';
@@ -515,7 +510,8 @@ declare module '@layerfi/components/components/DataState/DataState' {
   import React from 'react';
   export enum DataStateStatus {
       allDone = "allDone",
-      failed = "failed"
+      failed = "failed",
+      info = "info"
   }
   export interface DataStateProps {
       status: DataStateStatus;
@@ -548,6 +544,7 @@ declare module '@layerfi/components/components/ExpandedBankTransactionRow/Expand
   type Props = {
       bankTransaction: BankTransaction;
       isOpen?: boolean;
+      close: () => void;
       asListItem?: boolean;
       submitBtnText?: string;
       containerWidth?: number;
@@ -576,6 +573,22 @@ 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: () => void;
+      }[];
+  }
+  export const HoverMenu: ({ children, config }: 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';
@@ -603,28 +616,132 @@ declare module '@layerfi/components/components/Input/InputGroup' {
       name?: string;
       className?: string;
       children?: ReactNode;
+      inline?: boolean;
+  }
+  export const InputGroup: ({ label, name, className, inline, children, }: InputGroupProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/Input/Select' {
+  import React from 'react';
+  import { GroupBase, OptionsOrGroups } from 'react-select';
+  export interface SelectProps<T> {
+      name?: string;
+      options?: OptionsOrGroups<T, GroupBase<T>>;
+      className?: string;
+      classNamePrefix?: string;
+      value?: T;
+      onChange: (selected: T) => void;
+      disabled?: boolean;
   }
-  export const InputGroup: ({ label, name, className, children, }: InputGroupProps) => React.JSX.Element;
+  export const Select: <T>({ name, options, className, classNamePrefix, value, onChange, disabled, }: SelectProps<T>) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Input/index' {
   export { Input } from '@layerfi/components/components/Input/Input';
   export { InputGroup } from '@layerfi/components/components/Input/InputGroup';
   export { FileInput } from '@layerfi/components/components/Input/FileInput';
+  export { Select } from '@layerfi/components/components/Input/Select';
 
 }
-declare module '@layerfi/components/components/LinkedAccounts/LinkedAccountThumb' {
+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;
+      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;
+      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/LedgerAccountsForm/LedgerAccountsForm' {
+  import React from 'react';
+  export const LedgerAccountsForm: () => React.JSX.Element | undefined;
+
+}
+declare module '@layerfi/components/components/LedgerAccountsForm/index' {
+  export { LedgerAccountsForm } from '@layerfi/components/components/LedgerAccountsForm/LedgerAccountsForm';
+
+}
+declare module '@layerfi/components/components/LedgerAccountsRow/LedgerAccountsRow' {
+  import React from 'react';
+  import { Account } from '@layerfi/components/types';
+  type LedgerAccountsRowProps = {
+      account: Account;
+      depth?: number;
+      index: number;
+      cumulativeIndex?: number;
+      expanded: boolean;
+      acountsLength: number;
+      defaultOpen?: boolean;
+  };
+  export const LedgerAccountsRow: ({ account, depth, index, cumulativeIndex, expanded, defaultOpen, acountsLength, }: LedgerAccountsRowProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/LedgerAccountsRow/index' {
+  export { LedgerAccountsRow } from '@layerfi/components/components/LedgerAccountsRow/LedgerAccountsRow';
+
+}
+declare module '@layerfi/components/components/LedgerAccountsSidebar/LedgerAccountsSidebar' {
+  import React from 'react';
+  export const LedgerAccountsSidebar: () => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/LedgerAccountsSidebar/index' {
+  export { LedgerAccountsSidebar } from '@layerfi/components/components/LedgerAccountsSidebar/LedgerAccountsSidebar';
+
+}
+declare module '@layerfi/components/components/LinkedAccountOptions/LinkedAccountOptions' {
+  import React from 'react';
+  import { HoverMenuProps } from '@layerfi/components/components/HoverMenu/index';
+  interface LinkedAccountOptionsProps extends HoverMenuProps {
+  }
+  export const LinkedAccountOptions: ({ children, config, }: LinkedAccountOptionsProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/LinkedAccountOptions/index' {
+  export { LinkedAccountOptions } from '@layerfi/components/components/LinkedAccountOptions/LinkedAccountOptions';
+
+}
+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 const LinkedAccounts: ({ asWidget }: {
+      asWidget?: boolean | undefined;
+  }) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/LinkedAccounts/index' {
@@ -701,18 +818,7 @@ declare module '@layerfi/components/components/ProfitAndLoss/ProfitAndLoss' {
           refetch: () => void;
           sidebarScope: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").SidebarScope;
           setSidebarScope: (view: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").SidebarScope) => void;
-          filters: {
-              expenses: {
-                  sortBy?: string | undefined;
-                  sortDirection?: import("@layerfi/components/types").SortDirection | undefined;
-                  types?: string[] | undefined;
-              } | undefined;
-              revenue: {
-                  sortBy?: string | undefined;
-                  sortDirection?: import("@layerfi/components/types").SortDirection | undefined;
-                  types?: string[] | undefined;
-              } | undefined;
-          };
+          filters: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").ProfitAndLossFilters;
           sortBy: (scope: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").Scope, field: string, direction?: import("../../types").SortDirection | undefined) => void;
           setFilterTypes: (scope: import("@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss").Scope, types: string[]) => void;
       }>;
@@ -760,6 +866,51 @@ declare module '@layerfi/components/components/ProfitAndLossDatePicker/ProfitAnd
 declare module '@layerfi/components/components/ProfitAndLossDatePicker/index' {
   export { ProfitAndLossDatePicker } from '@layerfi/components/components/ProfitAndLossDatePicker/ProfitAndLossDatePicker';
 
+}
+declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/DetailedChart' {
+  import React from 'react';
+  import { SidebarScope } from '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss';
+  import { LineBaseItem } from '@layerfi/components/types/line_item';
+  interface DetailedChartProps {
+      filteredData: LineBaseItem[];
+      filteredTotal?: number;
+      hoveredItem?: string;
+      setHoveredItem: (name?: string) => void;
+      sidebarScope?: SidebarScope;
+      date: number | Date;
+  }
+  export const DetailedChart: ({ filteredData, filteredTotal, hoveredItem, setHoveredItem, sidebarScope, date, }: DetailedChartProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/DetailedTable' {
+  import React from 'react';
+  import { Scope, SidebarScope, ProfitAndLossFilters } from '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss';
+  import { SortDirection } from '@layerfi/components/types';
+  import { LineBaseItem } from '@layerfi/components/types/line_item';
+  export interface DetailedTableProps {
+      filteredData: LineBaseItem[];
+      hoveredItem?: string;
+      setHoveredItem: (name?: string) => void;
+      sidebarScope: SidebarScope;
+      filters: ProfitAndLossFilters;
+      sortBy: (scope: Scope, field: string, direction?: SortDirection) => void;
+  }
+  export const DetailedTable: ({ filteredData, sidebarScope, filters, sortBy, hoveredItem, setHoveredItem, }: DetailedTableProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/Filters' {
+  import React from 'react';
+  import { Scope, SidebarScope, ProfitAndLossFilters } from '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss';
+  import { LineBaseItem } from '@layerfi/components/types/line_item';
+  export interface FiltersProps {
+      filteredData: LineBaseItem[];
+      sidebarScope: SidebarScope;
+      filters: ProfitAndLossFilters;
+      setFilterTypes: (scope: Scope, types: string[]) => void;
+  }
+  export const Filters: ({ filteredData, sidebarScope, filters, setFilterTypes, }: FiltersProps) => React.JSX.Element;
+
 }
 declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts' {
   import React from 'react';
@@ -772,6 +923,7 @@ declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/index
 }
 declare module '@layerfi/components/components/ProfitAndLossRow/ProfitAndLossRow' {
   import React from 'react';
+  import { SidebarScope } from '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss';
   import { Direction, LineItem } from '@layerfi/components/types';
   type Props = {
       variant?: string;
@@ -779,15 +931,26 @@ declare module '@layerfi/components/components/ProfitAndLossRow/ProfitAndLossRow
       maxDepth?: number;
       lineItem?: LineItem | null;
       direction?: Direction;
+      scope?: SidebarScope;
+      setSidebarScope?: (name: SidebarScope) => void;
       lockExpanded?: boolean;
   };
-  export const ProfitAndLossRow: ({ variant, lineItem, depth, maxDepth, direction, lockExpanded, }: Props) => React.JSX.Element | null;
+  export const ProfitAndLossRow: ({ variant, lineItem, depth, maxDepth, direction, lockExpanded, scope, setSidebarScope, }: Props) => React.JSX.Element | null;
   export {};
 
 }
 declare module '@layerfi/components/components/ProfitAndLossRow/index' {
   export { ProfitAndLossRow } from '@layerfi/components/components/ProfitAndLossRow/ProfitAndLossRow';
 
+}
+declare module '@layerfi/components/components/ProfitAndLossSummaries/MiniChart' {
+  import React from 'react';
+  import { LineBaseItem } from '@layerfi/components/types/line_item';
+  export interface MiniChartProps {
+      data: LineBaseItem[];
+  }
+  export const MiniChart: ({ data }: MiniChartProps) => React.JSX.Element;
+
 }
 declare module '@layerfi/components/components/ProfitAndLossSummaries/ProfitAndLossSummaries' {
   import React from 'react';
@@ -1092,6 +1255,14 @@ 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/config/charts' {
+  export const INACTIVE_OPACITY_LEVELS: number[];
+  export const DEFAULT_CHART_COLORS: {
+      color: string;
+      opacity: number;
+  }[];
+
 }
 declare module '@layerfi/components/config/general' {
   export const DATE_FORMAT = "LLL d, yyyy";
@@ -1198,22 +1369,6 @@ 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 { AccountAlternate, ChartOfAccounts, NewAccount } from '@layerfi/components/types';
-  type UseChartOfAccounts = () => {
-      data: ChartOfAccounts | undefined;
-      isLoading: boolean;
-      error: unknown;
-      create: (newAccount: NewAccount) => Promise<AccountAlternate>;
-  };
-  export const useChartOfAccounts: UseChartOfAccounts;
-  export {};
-
 }
 declare module '@layerfi/components/hooks/useElementSize/index' {
   export { useElementSize } from '@layerfi/components/hooks/useElementSize/useElementSize';
@@ -1236,21 +1391,68 @@ declare module '@layerfi/components/hooks/useLayerContext/useLayerContext' {
       setTheme: (theme: import("@layerfi/components/types/layer_context").LayerThemeConfig) => void;
   };
 
+}
+declare module '@layerfi/components/hooks/useLedgerAccounts/index' {
+  export { useLedgerAccounts } from '@layerfi/components/hooks/useLedgerAccounts/useLedgerAccounts';
+
+}
+declare module '@layerfi/components/hooks/useLedgerAccounts/useLedgerAccounts' {
+  import { Account, LedgerAccounts, NewAccount } from '@layerfi/components/types';
+  import { BaseSelectOption } from '@layerfi/components/types/general';
+  interface FormError {
+      field: string;
+      message: string;
+  }
+  export interface LedgerAccountsForm {
+      action: 'new' | 'edit';
+      accountId?: string;
+      data: {
+          parent?: BaseSelectOption;
+          name?: string;
+          type?: BaseSelectOption;
+          subType?: BaseSelectOption;
+          category?: BaseSelectOption;
+      };
+      errors?: FormError[];
+  }
+  type UseLedgerAccounts = () => {
+      data: LedgerAccounts | undefined;
+      isLoading?: boolean;
+      isValidating?: boolean;
+      error?: unknown;
+      refetch: () => void;
+      create: (newAccount: NewAccount) => void;
+      form?: LedgerAccountsForm;
+      sendingForm?: boolean;
+      apiError?: string;
+      addAccount: () => void;
+      editAccount: (id: string) => void;
+      cancelForm: () => void;
+      changeFormData: (name: string, value: string | BaseSelectOption | undefined) => void;
+      submitForm: () => void;
+      showARForAccountId?: string;
+      setShowARForAccountId: (id?: string) => void;
+  };
+  export const flattenAccounts: (accounts: Account[]) => Account[];
+  export const useLedgerAccounts: UseLedgerAccounts;
+  export {};
+
 }
 declare module '@layerfi/components/hooks/useLinkedAccounts/index' {
   export { useLinkedAccounts } from '@layerfi/components/hooks/useLinkedAccounts/useLinkedAccounts';
 
 }
 declare module '@layerfi/components/hooks/useLinkedAccounts/useLinkedAccounts' {
-  import { Metadata } from '@layerfi/components/types';
   import { LinkedAccount } from '@layerfi/components/types/linked_accounts';
   type UseLinkedAccounts = () => {
       data?: LinkedAccount[];
-      metadata: Metadata;
       isLoading: boolean;
       isValidating: boolean;
       error: unknown;
       refetch: () => void;
+      addAccount: () => void;
+      unlinkAccount: () => void;
+      renewLinkAccount: () => void;
   };
   export const useLinkedAccounts: UseLinkedAccounts;
   export {};
@@ -1295,7 +1497,7 @@ declare module '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss' {
       sortDirection?: SortDirection;
       types?: string[];
   };
-  type ProfitAndLossFilters = Record<Scope, ProfitAndLossFilter | undefined>;
+  export type ProfitAndLossFilters = Record<Scope, ProfitAndLossFilter | undefined>;
   type UseProfitAndLoss = (props?: Props) => {
       data: ProfitAndLoss | undefined;
       filteredData: LineBaseItem[];
@@ -1329,6 +1531,20 @@ declare module '@layerfi/components/icons/AlertOctagon' {
   const AlertOctagon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default AlertOctagon;
 
+}
+declare module '@layerfi/components/icons/ArrowRightCircle' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const ArrowRightCircle: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default ArrowRightCircle;
+
+}
+declare module '@layerfi/components/icons/BackArrow' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const BackArrow: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default BackArrow;
+
 }
 declare module '@layerfi/components/icons/Calendar' {
   import * as React from 'react';
@@ -1381,10 +1597,24 @@ declare module '@layerfi/components/icons/ChevronRight' {
 }
 declare module '@layerfi/components/icons/DownloadCloud' {
   import * as React from 'react';
-  import { SVGProps } from 'react';
-  const DownloadCloud: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const DownloadCloud: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default DownloadCloud;
 
+}
+declare module '@layerfi/components/icons/Edit2' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  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';
@@ -1399,6 +1629,27 @@ 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';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  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';
@@ -1470,8 +1721,8 @@ 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 { LayerProvider } from '@layerfi/components/providers/LayerProvider/index';
-  export { ChartOfAccounts } from '@layerfi/components/components/ChartOfAccounts/index';
 
 }
 declare module '@layerfi/components/models/APIError' {
@@ -1673,52 +1924,13 @@ 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 {
-      name: string;
-      accounts: Account[];
-  }
-  export interface Account {
-      id: string;
-      number: number;
-      pnlCategory?: Category;
-      headerForPnlCategory?: Category;
-      name: string;
-      accountStableName?: string;
-      description?: string;
-      scheduleCLine?: string;
-      scheduleCLineDescription?: string;
-      subAccounts?: Account[];
-      hidePnl: boolean;
-      showInPnlIfEmpty: boolean;
-      normality: Direction;
-      balance: number;
-      selfOnlyBalance: number;
-  }
-  export interface AccountAlternate {
-      type: 'Ledger_Account';
-      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/general' {
   export type SortDirection = 'asc' | 'desc';
+  export interface BaseSelectOption {
+      label: string;
+      value: string | number;
+  }
 
 }
 declare module '@layerfi/components/types/layer_context' {
@@ -1793,6 +2005,62 @@ 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 {
+      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/line_item' {
   export interface LineItem {
@@ -1813,10 +2081,24 @@ declare module '@layerfi/components/types/line_item' {
 
 }
 declare module '@layerfi/components/types/linked_accounts' {
+  export interface LinkedAccounts {
+      type: string;
+      external_accounts: LinkedAccount[];
+  }
   export interface LinkedAccount {
-      name: string;
-      account: string;
-      amount: number;
+      id: string;
+      external_account_name: string;
+      external_account_number: 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: string;
+      institutionLogo: string;
   }
 
 }
@@ -1849,7 +2131,7 @@ 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, ChartOfAccounts, Account, NewAccount, } from '@layerfi/components/types/chart_of_accounts';
+  export { LedgerAccounts, Account, NewAccount, EditAccount, } from '@layerfi/components/types/ledger_accounts';
   export { SortDirection } from '@layerfi/components/types/general';
   export type DateRange<T = Date> = {
       startDate: T;
@@ -1892,6 +2174,10 @@ 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' {