@layerfi/components 0.1.15 → 0.1.17

package/dist/index.d.ts

@@ -128,16 +128,66 @@ declare module '@layerfi/components/api/layer/chart_of_accounts' {
       data: LedgerAccountsEntry;
   }>;
 
+}
+declare module '@layerfi/components/api/layer/journal' {
+  import { JournalEntry } from '@layerfi/components/types/journal';
+  export const getJournal: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: Record<string, string | undefined> | undefined;
+  } | undefined) => () => Promise<{
+      data: JournalEntry[];
+  }>;
+  export const createJournalEntries: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: Record<string, string | undefined> | undefined;
+      body?: Record<string, unknown> | undefined;
+  } | undefined) => Promise<{
+      data: JournalEntry[];
+  }>;
+
 }
 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;
+      params?: {
+          businessId: string;
+      } | undefined;
   } | undefined) => () => Promise<{
       data: LinkedAccounts;
   }>;
+  export const confirmConnection: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: {
+          businessId: string;
+          accountId: string;
+      } | undefined;
+      body?: Record<string, unknown> | undefined;
+  } | undefined) => Promise<Record<string, unknown>>;
+  export const denyConnection: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: {
+          businessId: string;
+          accountId: string;
+      } | undefined;
+      body?: Record<string, unknown> | undefined;
+  } | undefined) => Promise<Record<string, unknown>>;
+  export const unlinkConnection: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: {
+          businessId: string;
+          connectionId: string;
+      } | undefined;
+      body?: Record<string, unknown> | undefined;
+  } | undefined) => Promise<Record<string, unknown>>;
+  export const unlinkAccount: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: {
+          businessId: string;
+          accountId: string;
+      } | undefined;
+      body?: Record<string, unknown> | undefined;
+  } | undefined) => Promise<Record<string, unknown>>;
+  /**********************
+   * Plaid Specific API *
+   **********************/
   export const getPlaidLinkToken: (baseUrl: string, accessToken: string | undefined, options?: {
-      params?: Record<string, string | undefined> | undefined;
+      params?: {
+          businessId: string;
+      } | undefined;
       body?: Record<string, unknown> | undefined;
   } | undefined) => Promise<{
       data: {
@@ -145,24 +195,27 @@ declare module '@layerfi/components/api/layer/linked_accounts' {
           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?: {
+  export const getPlaidUpdateModeLinkToken: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: {
           businessId: string;
-          plaidItemId: string;
       } | 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?: {
+          businessId: string;
+      } | undefined;
+      body?: PublicToken | undefined;
   } | undefined) => Promise<Record<string, unknown>>;
-  export const unlinkPlaidAccount: (baseUrl: string, accessToken: string | undefined, options?: {
+  export const unlinkPlaidItem: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: {
           businessId: string;
-          accountId: string;
+          plaidItemId: string;
       } | undefined;
       body?: Record<string, unknown> | undefined;
   } | undefined) => Promise<Record<string, unknown>>;
@@ -256,12 +309,38 @@ declare module '@layerfi/components/api/layer' {
           error?: unknown;
       }>;
       getLinkedAccounts: (baseUrl: string, accessToken: string | undefined, options?: {
-          params?: Record<string, string | undefined> | undefined;
+          params?: {
+              businessId: string;
+          } | undefined;
       } | undefined) => () => Promise<{
           data: import("@layerfi/components/types/linked_accounts").LinkedAccounts;
       }>;
-      getPlaidLinkToken: (baseUrl: string, accessToken: string | undefined, options?: {
+      getJournal: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: Record<string, string | undefined> | undefined;
+      } | undefined) => () => Promise<{
+          data: import("@layerfi/components/types").JournalEntry[];
+      }>;
+      createJournalEntries: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: Record<string, string | undefined> | undefined;
+          body?: Record<string, unknown> | undefined;
+      } | undefined) => Promise<{
+          data: import("@layerfi/components/types").JournalEntry[];
+      }>;
+      getPlaidLinkToken: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: {
+              businessId: string;
+          } | undefined;
+          body?: Record<string, unknown> | undefined;
+      } | undefined) => Promise<{
+          data: {
+              type: "Link_Token";
+              link_token: string;
+          };
+      }>;
+      getPlaidUpdateModeLinkToken: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: {
+              businessId: string;
+          } | undefined;
           body?: Record<string, unknown> | undefined;
       } | undefined) => Promise<{
           data: {
@@ -270,10 +349,12 @@ declare module '@layerfi/components/api/layer' {
           };
       }>;
       exchangePlaidPublicToken: (baseUrl: string, accessToken: string | undefined, options?: {
-          params?: Record<string, string | undefined> | undefined;
+          params?: {
+              businessId: string;
+          } | undefined;
           body?: import("@layerfi/components/types/linked_accounts").PublicToken | undefined;
       } | undefined) => Promise<Record<string, unknown>>;
-      unlinkPlaidAccount: (baseUrl: string, accessToken: string | undefined, options?: {
+      unlinkAccount: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: {
               businessId: string;
               accountId: string;
@@ -287,12 +368,44 @@ declare module '@layerfi/components/api/layer' {
           } | undefined;
           body?: Record<string, unknown> | undefined;
       } | undefined) => Promise<Record<string, unknown>>;
+      confirmConnection: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: {
+              businessId: string;
+              accountId: string;
+          } | undefined;
+          body?: Record<string, unknown> | undefined;
+      } | undefined) => Promise<Record<string, unknown>>;
+      denyConnection: (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/util' {
   export const formStringFromObject: (object: Record<string, string | number | boolean>) => string;
 
+}
+declare module '@layerfi/components/components/ActionableRow/ActionableRow' {
+  import React, { ReactNode } from 'react';
+  interface ActionableRowProps {
+      icon?: ReactNode;
+      iconBox?: ReactNode;
+      title?: string | ReactNode;
+      description?: string | ReactNode;
+      button?: ReactNode;
+      onClick?: () => void;
+  }
+  export const ActionableRow: ({ icon, iconBox, title, description, button, onClick, }: ActionableRowProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/ActionableRow/index' {
+  export { ActionableRow } from '@layerfi/components/components/ActionableRow/ActionableRow';
+
 }
 declare module '@layerfi/components/components/Badge/Badge' {
   import React, { ReactNode } from 'react';
@@ -323,6 +436,19 @@ 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/BadgeLoader/BadgeLoader' {
+  import React, { ReactNode } from 'react';
+  export interface BadgeLoaderProps {
+      children?: ReactNode;
+      size?: number;
+  }
+  export const BadgeLoader: ({ children }: BadgeLoaderProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/BadgeLoader/index' {
+  export { BadgeLoader } from '@layerfi/components/components/BadgeLoader/BadgeLoader';
+
 }
 declare module '@layerfi/components/components/BalanceSheet/BalanceSheet' {
   import React from 'react';
@@ -439,11 +565,17 @@ declare module '@layerfi/components/components/BankTransactionRow/index' {
 }
 declare module '@layerfi/components/components/BankTransactions/BankTransactions' {
   import React from 'react';
+  import { BankTransaction } from '@layerfi/components/types';
+  export enum DisplayState {
+      review = "review",
+      categorized = "categorized"
+  }
   export interface BankTransactionsProps {
       asWidget?: boolean;
       pageSize?: number;
       categorizedOnly?: boolean;
   }
+  export const filterVisibility: (display: DisplayState, bankTransaction: BankTransaction) => boolean;
   export const BankTransactions: ({ asWidget, pageSize, categorizedOnly, }: BankTransactionsProps) => React.JSX.Element;
 
 }
@@ -476,14 +608,23 @@ declare module '@layerfi/components/components/Button/Button' {
   }
   export const Button: ({ className, children, variant, leftIcon, rightIcon, iconOnly, iconAsPrimary, justify, ...props }: ButtonProps) => React.JSX.Element;
 
+}
+declare module '@layerfi/components/components/Button/CloseButton' {
+  import React, { ButtonHTMLAttributes } from 'react';
+  export interface CloseButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+      textOnly?: boolean;
+  }
+  export const CloseButton: ({ className, children, textOnly, ...props }: CloseButtonProps) => React.JSX.Element;
+
 }
 declare module '@layerfi/components/components/Button/IconButton' {
   import React, { ButtonHTMLAttributes, ReactNode } from 'react';
   export interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
       icon: ReactNode;
       active?: boolean;
+      withBorder?: boolean;
   }
-  export const IconButton: ({ className, children, icon, active, ...props }: IconButtonProps) => React.JSX.Element;
+  export const IconButton: ({ className, children, icon, active, withBorder, ...props }: IconButtonProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Button/RetryButton' {
@@ -527,6 +668,7 @@ declare module '@layerfi/components/components/Button/index' {
   export { SubmitButton } from '@layerfi/components/components/Button/SubmitButton';
   export { TextButton } from '@layerfi/components/components/Button/TextButton';
   export { BackButton } from '@layerfi/components/components/Button/BackButton';
+  export { CloseButton } from '@layerfi/components/components/Button/CloseButton';
 
 }
 declare module '@layerfi/components/components/Card/Card' {
@@ -588,51 +730,26 @@ declare module '@layerfi/components/components/CategorySelect/index' {
 }
 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;
+      withDateControl?: boolean;
+      withExpandAllButton?: boolean;
   }
-  export type ChartOfAccountsContextType = ReturnType<typeof useChartOfAccounts>;
-  export const ChartOfAccountsContext: React.Context<{
-      data: import("@layerfi/components/types/chart_of_accounts").ChartWithBalances | 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';
+  export { ChartOfAccounts, View } from '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts';
+
+}
+declare module '@layerfi/components/components/ChartOfAccountsDatePicker/ChartOfAccountsDatePicker' {
+  import React from 'react';
+  export const ChartOfAccountsDatePicker: () => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/ChartOfAccountsDatePicker/index' {
+  export { ChartOfAccountsDatePicker } from '@layerfi/components/components/ChartOfAccountsDatePicker/ChartOfAccountsDatePicker';
 
 }
 declare module '@layerfi/components/components/ChartOfAccountsForm/ChartOfAccountsForm' {
@@ -669,6 +786,7 @@ declare module '@layerfi/components/components/ChartOfAccountsRow/ChartOfAccount
   import React from 'react';
   import { LedgerAccountBalance } from '@layerfi/components/types/chart_of_accounts';
   import { View } from '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts';
+  import { ExpandActionState } from '@layerfi/components/components/ChartOfAccountsTable/ChartOfAccountsTable';
   type ChartOfAccountsRowProps = {
       account: LedgerAccountBalance;
       depth?: number;
@@ -678,8 +796,9 @@ declare module '@layerfi/components/components/ChartOfAccountsRow/ChartOfAccount
       acountsLength: number;
       defaultOpen?: boolean;
       view?: View;
+      expandAll?: ExpandActionState;
   };
-  export const ChartOfAccountsRow: ({ account, depth, index, cumulativeIndex, expanded, defaultOpen, acountsLength, view, }: ChartOfAccountsRowProps) => React.JSX.Element;
+  export const ChartOfAccountsRow: ({ account, depth, index, cumulativeIndex, expanded, defaultOpen, acountsLength, view, expandAll, }: ChartOfAccountsRowProps) => React.JSX.Element;
   export {};
 
 }
@@ -700,10 +819,14 @@ declare module '@layerfi/components/components/ChartOfAccountsSidebar/index' {
 }
 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, }: {
+  import { View } from '@layerfi/components/components/ChartOfAccounts/ChartOfAccounts';
+  export type ExpandActionState = undefined | 'expanded' | 'collapsed';
+  export const ChartOfAccountsTable: ({ view, containerRef, asWidget, withDateControl, withExpandAllButton, }: {
       view: View;
       containerRef: RefObject<HTMLDivElement>;
+      asWidget?: boolean | undefined;
+      withDateControl?: boolean | undefined;
+      withExpandAllButton?: boolean | undefined;
   }) => React.JSX.Element;
 
 }
@@ -712,23 +835,29 @@ declare module '@layerfi/components/components/ChartOfAccountsTable/index' {
 
 }
 declare module '@layerfi/components/components/Container/Container' {
-  import React, { ReactNode } from 'react';
+  import React, { CSSProperties, ReactNode } from 'react';
   export interface ContainerProps {
       name: string;
       className?: string;
       asWidget?: boolean;
       elevated?: boolean;
       children: ReactNode;
+      style?: CSSProperties;
   }
   export const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
 
 }
 declare module '@layerfi/components/components/Container/Header' {
   import React, { CSSProperties, ReactNode } from 'react';
+  export enum HeaderLayout {
+      DEFAULT = "default",
+      NEXT_LINE_ACTIONS = "next-line-actions"
+  }
   export interface HeaderProps {
       className?: string;
       style?: CSSProperties;
       children: ReactNode;
+      layout?: HeaderLayout;
   }
   export const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLElement>>;
 
@@ -739,25 +868,42 @@ declare module '@layerfi/components/components/Container/index' {
 
 }
 declare module '@layerfi/components/components/DataState/DataState' {
-  import React from 'react';
+  import React, { ReactNode } from 'react';
   export enum DataStateStatus {
       allDone = "allDone",
+      success = "success",
       failed = "failed",
       info = "info"
   }
   export interface DataStateProps {
       status: DataStateStatus;
       title?: string;
+      icon?: ReactNode;
       description?: string;
       onRefresh?: () => void;
       isLoading?: boolean;
   }
-  export const DataState: ({ status, title, description, onRefresh, isLoading, }: DataStateProps) => React.JSX.Element;
+  export const DataState: ({ status, title, description, onRefresh, isLoading, icon, }: DataStateProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/DataState/index' {
   export { DataState, DataStateStatus } from '@layerfi/components/components/DataState/DataState';
 
+}
+declare module '@layerfi/components/components/DateMonthPicker/DateMonthPicker' {
+  import React from 'react';
+  import { DateRange } from '@layerfi/components/types';
+  interface DateMonthPickerProps {
+      dateRange: DateRange;
+      changeDateRange: (dateRange: Partial<DateRange>) => void;
+  }
+  export const DateMonthPicker: ({ dateRange, changeDateRange, }: DateMonthPickerProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/DateMonthPicker/index' {
+  export { DateMonthPicker } from '@layerfi/components/components/DateMonthPicker/DateMonthPicker';
+
 }
 declare module '@layerfi/components/components/DateTime/DateTime' {
   import React from 'react';
@@ -836,37 +982,41 @@ declare module '@layerfi/components/components/ExpandedBankTransactionRow/Expand
 declare module '@layerfi/components/components/ExpandedBankTransactionRow/index' {
   export { ExpandedBankTransactionRow } from '@layerfi/components/components/ExpandedBankTransactionRow/ExpandedBankTransactionRow';
 
-}
-declare module '@layerfi/components/components/Hello/Hello' {
-  import React from 'react';
-  type Props = {
-      user?: string | undefined;
-  };
-  export const Hello: ({ user }: Props) => React.JSX.Element;
-  export {};
-
-}
-declare module '@layerfi/components/components/Hello/index' {
-  export { Hello } from '@layerfi/components/components/Hello/Hello';
-
 }
 declare module '@layerfi/components/components/HoverMenu/HoverMenu' {
   import React, { ReactNode } from 'react';
+  import { Source } from '@layerfi/components/types/linked_accounts';
   export interface HoverMenuProps {
       children: ReactNode;
       config: {
           name: string;
-          action: (plaidItemId: string, accountId: string) => void;
+          action: (source: Source, sourceId: string, accountId: string) => void;
       }[];
-      plaidItemId: string;
+      connectionId: string;
       accountId: string;
+      source: Source;
   }
-  export const HoverMenu: ({ children, config, plaidItemId, accountId, }: HoverMenuProps) => React.JSX.Element;
+  export const HoverMenu: ({ children, config, connectionId, accountId, source, }: 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/DateInput' {
+  import React from 'react';
+  import 'react-datepicker/dist/react-datepicker.css';
+  export const DateInput: ({ selected, onChange, ...props }: {
+      selected?: string | undefined;
+      onChange?: ((date: string) => void) | undefined;
+      dateFormat?: string | undefined;
+      timeIntervals?: number | undefined;
+      timeCaption?: string | undefined;
+      placeholderText?: string | undefined;
+      showTimeSelect?: boolean | undefined;
+      showTimeSelectOnly?: boolean | undefined;
+  }) => React.JSX.Element;
+
 }
 declare module '@layerfi/components/components/Input/FileInput' {
   import React from 'react';
@@ -898,6 +1048,19 @@ declare module '@layerfi/components/components/Input/InputGroup' {
   }
   export const InputGroup: ({ label, name, className, inline, children, }: InputGroupProps) => React.JSX.Element;
 
+}
+declare module '@layerfi/components/components/Input/InputWithBadge' {
+  import React, { HTMLProps } from 'react';
+  import { BadgeVariant } from '@layerfi/components/components/Badge/index';
+  export interface InputWithBadgeProps extends HTMLProps<HTMLInputElement> {
+      isInvalid?: boolean;
+      errorMessage?: string;
+      leftText?: string;
+      variant?: BadgeVariant;
+      badge: React.ReactNode;
+  }
+  export const InputWithBadge: ({ className, isInvalid, errorMessage, leftText, badge, variant, ...props }: InputWithBadgeProps) => React.JSX.Element;
+
 }
 declare module '@layerfi/components/components/Input/Select' {
   import React from 'react';
@@ -922,6 +1085,117 @@ declare module '@layerfi/components/components/Input/index' {
   export { InputGroup } from '@layerfi/components/components/Input/InputGroup';
   export { FileInput } from '@layerfi/components/components/Input/FileInput';
   export { Select } from '@layerfi/components/components/Input/Select';
+  export { InputWithBadge } from '@layerfi/components/components/Input/InputWithBadge';
+  export { DateInput } from '@layerfi/components/components/Input/DateInput';
+
+}
+declare module '@layerfi/components/components/Journal/Journal' {
+  import React from 'react';
+  export type View = 'mobile' | 'tablet' | 'desktop';
+  export interface JournalConfig {
+      form: {
+          addEntryLinesLimit?: number;
+      };
+  }
+  export interface JournalProps {
+      asWidget?: boolean;
+      config?: JournalConfig;
+  }
+  export const JOURNAL_CONFIG: JournalConfig;
+  export const Journal: (props: JournalProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/Journal/index' {
+  export { Journal, View } from '@layerfi/components/components/Journal/Journal';
+
+}
+declare module '@layerfi/components/components/JournalEntryDetails/JournalEntryDetails' {
+  import React from 'react';
+  export const JournalEntryDetails: () => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/JournalEntryDetails/index' {
+  export { JournalEntryDetails } from '@layerfi/components/components/JournalEntryDetails/JournalEntryDetails';
+
+}
+declare module '@layerfi/components/components/JournalForm/JournalForm' {
+  import React from 'react';
+  import { JournalConfig } from '@layerfi/components/components/Journal/Journal';
+  export const JournalForm: ({ config }: {
+      config: JournalConfig;
+  }) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/JournalForm/JournalFormEntryLines' {
+  import React from 'react';
+  import { Direction, JournalEntryLineItem } from '@layerfi/components/types';
+  import { LedgerAccountBalance } from '@layerfi/components/types/chart_of_accounts';
+  import { BaseSelectOption } from '@layerfi/components/types/general';
+  import { JournalConfig } from '@layerfi/components/components/Journal/Journal';
+  export const JournalFormEntryLines: ({ entrylineItems, addEntryLine, removeEntryLine, changeFormData, sendingForm, config, }: {
+      entrylineItems: JournalEntryLineItem[];
+      addEntryLine: (direction: Direction) => void;
+      removeEntryLine: (index: number) => void;
+      changeFormData: (name: string, value: string | BaseSelectOption | number | undefined, lineItemIndex: number, accounts?: LedgerAccountBalance[] | undefined) => void;
+      sendingForm: boolean;
+      config: JournalConfig;
+  }) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/JournalForm/index' {
+  export { JournalForm } from '@layerfi/components/components/JournalForm/JournalForm';
+
+}
+declare module '@layerfi/components/components/JournalRow/JournalRow' {
+  import React from 'react';
+  import { JournalEntry, JournalEntryLine } from '@layerfi/components/types';
+  import { View } from '@layerfi/components/components/Journal/index';
+  export interface JournalRowProps {
+      row: JournalEntry | JournalEntryLine;
+      index: number;
+      initialLoad?: boolean;
+      view: View;
+      lineItemsLength?: number;
+      defaultOpen?: boolean;
+      expanded?: boolean;
+      depth?: number;
+      cumulativeIndex?: number;
+      selectedEntries?: boolean;
+  }
+  export const JournalRow: ({ row, index, initialLoad, view, lineItemsLength, defaultOpen, expanded, depth, cumulativeIndex, selectedEntries, }: JournalRowProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/JournalRow/index' {
+  export { JournalRow } from '@layerfi/components/components/JournalRow/JournalRow';
+
+}
+declare module '@layerfi/components/components/JournalSidebar/JournalSidebar' {
+  import React, { RefObject } from 'react';
+  import { JournalConfig } from '@layerfi/components/components/Journal/Journal';
+  export const JournalSidebar: ({ parentRef: _parentRef, config, }: {
+      parentRef?: React.RefObject<HTMLDivElement> | undefined;
+      config: JournalConfig;
+  }) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/JournalSidebar/index' {
+  export { JournalSidebar } from '@layerfi/components/components/JournalSidebar/JournalSidebar';
+
+}
+declare module '@layerfi/components/components/JournalTable/JournalTable' {
+  import React, { RefObject } from 'react';
+  import { View } from '@layerfi/components/components/Journal/index';
+  import { JournalConfig } from '@layerfi/components/components/Journal/Journal';
+  export const JournalTable: ({ view, containerRef, pageSize, config, }: {
+      view: View;
+      containerRef: RefObject<HTMLDivElement>;
+      pageSize?: number | undefined;
+      config: JournalConfig;
+  }) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/JournalTable/index' {
+  export { JournalTable } from '@layerfi/components/components/JournalTable/JournalTable';
 
 }
 declare module '@layerfi/components/components/LedgerAccount/LedgerAccountIndex' {
@@ -965,8 +1239,9 @@ declare module '@layerfi/components/components/LinkedAccountOptions/LinkedAccoun
   import React from 'react';
   import { HoverMenuProps } from '@layerfi/components/components/HoverMenu/index';
   interface LinkedAccountOptionsProps extends HoverMenuProps {
+      showLedgerBalance?: boolean;
   }
-  export const LinkedAccountOptions: ({ children, config, accountId, plaidItemId, }: LinkedAccountOptionsProps) => React.JSX.Element;
+  export const LinkedAccountOptions: ({ children, config, accountId, connectionId, source, showLedgerBalance, }: LinkedAccountOptionsProps) => React.JSX.Element;
   export {};
 
 }
@@ -980,8 +1255,9 @@ declare module '@layerfi/components/components/LinkedAccountThumb/LinkedAccountT
   export interface LinkedAccountThumbProps {
       account: LinkedAccount;
       asWidget?: boolean;
+      showLedgerBalance?: boolean;
   }
-  export const LinkedAccountThumb: ({ account, asWidget, }: LinkedAccountThumbProps) => React.JSX.Element;
+  export const LinkedAccountThumb: ({ account, asWidget, showLedgerBalance, }: LinkedAccountThumbProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/LinkedAccountThumb/index' {
@@ -993,8 +1269,20 @@ declare module '@layerfi/components/components/LinkedAccounts/LinkedAccounts' {
   export interface LinkedAccountsProps {
       asWidget?: boolean;
       elevated?: boolean;
+      showLedgerBalance?: boolean;
   }
-  export const LinkedAccounts: ({ asWidget, elevated }: LinkedAccountsProps) => React.JSX.Element;
+  export const LinkedAccounts: (props: LinkedAccountsProps) => React.JSX.Element;
+  export const LinkedAccountsComponent: ({ asWidget, elevated, showLedgerBalance, }: LinkedAccountsProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/LinkedAccounts/LinkedAccountsContent' {
+  import React from 'react';
+  interface LinkedAccountsDataProps {
+      asWidget?: boolean;
+      showLedgerBalance?: boolean;
+  }
+  export const LinkedAccountsContent: ({ asWidget, showLedgerBalance, }: LinkedAccountsDataProps) => React.JSX.Element;
+  export {};
 
 }
 declare module '@layerfi/components/components/LinkedAccounts/index' {
@@ -1005,8 +1293,9 @@ declare module '@layerfi/components/components/Loader/Loader' {
   import React, { ReactNode } from 'react';
   export interface LoaderProps {
       children?: ReactNode;
+      size?: number;
   }
-  export const Loader: ({ children }: LoaderProps) => React.JSX.Element;
+  export const Loader: ({ children, size }: LoaderProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Loader/index' {
@@ -1029,6 +1318,43 @@ declare module '@layerfi/components/components/MatchForm/MatchForm' {
 declare module '@layerfi/components/components/MatchForm/index' {
   export { MatchForm } from '@layerfi/components/components/MatchForm/MatchForm';
 
+}
+declare module '@layerfi/components/components/NotificationCard/NotificationCard' {
+  import React, { ReactNode } from 'react';
+  export interface NotificationCardProps {
+      onClick: () => void;
+      children: ReactNode;
+      className?: string;
+  }
+  export const NotificationCard: ({ onClick, children, className, }: NotificationCardProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/NotificationCard/index' {
+  export { NotificationCard } from '@layerfi/components/components/NotificationCard/NotificationCard';
+
+}
+declare module '@layerfi/components/components/Onboarding/ConnectAccount' {
+  import React from 'react';
+  import { OnboardingStep } from '@layerfi/components/types/layer_context';
+  export interface ConnectAccountProps {
+      onboardingStep: OnboardingStep;
+      onTransactionsToReviewClick?: () => void;
+  }
+  export const ConnectAccount: ({ onboardingStep, onTransactionsToReviewClick, }: ConnectAccountProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/Onboarding/Onboarding' {
+  import React from 'react';
+  export interface OnboardingProps {
+      onTransactionsToReviewClick?: () => void;
+  }
+  export const Onboarding: (props: OnboardingProps) => React.JSX.Element;
+  export const OnboardingContent: ({ onTransactionsToReviewClick, }: OnboardingProps) => React.JSX.Element | null;
+
+}
+declare module '@layerfi/components/components/Onboarding/index' {
+  export { Onboarding } from '@layerfi/components/components/Onboarding/Onboarding';
+
 }
 declare module '@layerfi/components/components/Pagination/Pagination' {
   import React from 'react';
@@ -1124,8 +1450,13 @@ declare module '@layerfi/components/components/ProfitAndLossChart/Indicator' {
   type Props = BaseProps & {
       animateFrom: number;
       setAnimateFrom: (x: number) => void;
+      customCursorSize: {
+          width: number;
+          height: number;
+      };
+      setCustomCursorSize: (width: number, height: number, x: number) => void;
   };
-  export const Indicator: ({ viewBox, className, animateFrom, setAnimateFrom, }: Props) => React.JSX.Element | null;
+  export const Indicator: ({ className, animateFrom, setAnimateFrom, customCursorSize, setCustomCursorSize, viewBox, }: Props) => React.JSX.Element | null;
   export {};
 
 }
@@ -1317,7 +1648,11 @@ declare module '@layerfi/components/components/SkeletonLoader/index' {
 }
 declare module '@layerfi/components/components/Textarea/Textarea' {
   import React, { HTMLProps } from 'react';
-  export const Textarea: ({ className, ...props }: HTMLProps<HTMLTextAreaElement>) => React.JSX.Element;
+  export interface TextareaProps extends HTMLProps<HTMLTextAreaElement> {
+      isInvalid?: boolean;
+      errorMessage?: string;
+  }
+  export const Textarea: ({ className, isInvalid, errorMessage, ...props }: TextareaProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Textarea/index' {
@@ -1483,6 +1818,18 @@ declare module '@layerfi/components/components/Tooltip/useTooltip' {
       disabled: boolean | undefined;
   };
 
+}
+declare module '@layerfi/components/components/TransactionToReviewCard/TransactionToReviewCard' {
+  import React from 'react';
+  export interface TransactionToReviewCardProps {
+      onClick?: () => void;
+  }
+  export const TransactionToReviewCard: ({ onClick, }: TransactionToReviewCardProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/TransactionToReviewCard/index' {
+  export { TransactionToReviewCard } from '@layerfi/components/components/TransactionToReviewCard/TransactionToReviewCard';
+
 }
 declare module '@layerfi/components/components/Typography/ErrorText' {
   import React from 'react';
@@ -1644,6 +1991,73 @@ declare module '@layerfi/components/config/theme' {
       };
   };
 
+}
+declare module '@layerfi/components/contexts/ChartOfAccountsContext/ChartOfAccountsContext' {
+  /// <reference types="react" />
+  import { useChartOfAccounts } from '@layerfi/components/hooks/useChartOfAccounts/index';
+  export type ChartOfAccountsContextType = ReturnType<typeof useChartOfAccounts>;
+  export const ChartOfAccountsContext: import("react").Context<{
+      data: import("@layerfi/components/types/chart_of_accounts").ChartWithBalances | undefined;
+      isLoading: boolean;
+      isValidating: boolean;
+      error: any;
+      refetch: () => Promise<{
+          data: import("@layerfi/components/types/chart_of_accounts").ChartWithBalances;
+      } | undefined>;
+      create: (newAccount: import("@layerfi/components/types").NewAccount) => Promise<void>;
+      form: import("@layerfi/components/hooks/useChartOfAccounts/useChartOfAccounts").ChartOfAccountsForm | undefined;
+      sendingForm: boolean;
+      apiError: string | undefined;
+      addAccount: () => void;
+      editAccount: (id: string) => void;
+      cancelForm: () => void;
+      changeFormData: (fieldName: string, value: string | import("@layerfi/components/types/general").BaseSelectOption | undefined) => void;
+      submitForm: () => void;
+      dateRange: {
+          startDate: Date;
+          endDate: Date;
+      };
+      changeDateRange: ({ startDate: newStartDate, endDate: newEndDate, }: Partial<import("@layerfi/components/types").DateRange>) => void;
+  }>;
+
+}
+declare module '@layerfi/components/contexts/ChartOfAccountsContext/index' {
+  export { ChartOfAccountsContext } from '@layerfi/components/contexts/ChartOfAccountsContext/ChartOfAccountsContext';
+
+}
+declare module '@layerfi/components/contexts/JournalContext/JournalContext' {
+  /// <reference types="react" />
+  import { useJournal } from '@layerfi/components/hooks/useJournal/index';
+  export type JournalContextType = ReturnType<typeof useJournal>;
+  export const JournalContext: import("react").Context<{
+      data?: import("@layerfi/components/types").JournalEntry[] | undefined;
+      isLoading?: boolean | undefined;
+      isLoadingEntry?: boolean | undefined;
+      isValidating?: boolean | undefined;
+      isValidatingEntry?: boolean | undefined;
+      error?: unknown;
+      errorEntry?: unknown;
+      refetch: () => void;
+      selectedEntryId?: string | undefined;
+      setSelectedEntryId: (id?: string | undefined) => void;
+      closeSelectedEntry: () => void;
+      create: (newJournalEntry: import("@layerfi/components/types/journal").NewJournalEntry) => void;
+      changeFormData: (name: string, value: string | number | import("@layerfi/components/types/general").BaseSelectOption | undefined, lineItemIndex?: number | undefined, accounts?: import("../../types/chart_of_accounts").LedgerAccountBalance[] | undefined) => void;
+      submitForm: () => void;
+      cancelForm: () => void;
+      addEntry: () => void;
+      sendingForm: boolean;
+      form?: import("@layerfi/components/hooks/useJournal/useJournal").JournalFormTypes | undefined;
+      apiError?: string | undefined;
+      setForm: (form?: import("@layerfi/components/hooks/useJournal/useJournal").JournalFormTypes | undefined) => void;
+      addEntryLine: (direction: import("@layerfi/components/types").Direction) => void;
+      removeEntryLine: (index: number) => void;
+  }>;
+
+}
+declare module '@layerfi/components/contexts/JournalContext/index' {
+  export { JournalContext } from '@layerfi/components/contexts/JournalContext/JournalContext';
+
 }
 declare module '@layerfi/components/contexts/LayerContext/LayerContext' {
   /// <reference types="react" />
@@ -1657,6 +2071,54 @@ declare module '@layerfi/components/contexts/LayerContext/LayerContext' {
 declare module '@layerfi/components/contexts/LayerContext/index' {
   export { LayerContext } from '@layerfi/components/contexts/LayerContext/LayerContext';
 
+}
+declare module '@layerfi/components/contexts/LedgerAccountsContext/LedgerAccountsContext' {
+  /// <reference types="react" />
+  import { useLedgerAccounts } from '@layerfi/components/hooks/useLedgerAccounts/index';
+  export type LedgerAccountsContextType = ReturnType<typeof useLedgerAccounts>;
+  export const LedgerAccountsContext: import("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;
+  }>;
+
+}
+declare module '@layerfi/components/contexts/LedgerAccountsContext/index' {
+  export { LedgerAccountsContext } from '@layerfi/components/contexts/LedgerAccountsContext/LedgerAccountsContext';
+
+}
+declare module '@layerfi/components/contexts/LinkedAccountsContext/LinkedAccountsContext' {
+  /// <reference types="react" />
+  import { useLinkedAccounts } from '@layerfi/components/hooks/useLinkedAccounts/index';
+  export type LinkedAccountsContextType = ReturnType<typeof useLinkedAccounts>;
+  export const LinkedAccountsContext: import("react").Context<{
+      data?: import("@layerfi/components/types/linked_accounts").LinkedAccount[] | undefined;
+      isLoading: boolean;
+      loadingStatus: import("@layerfi/components/types/general").LoadedStatus;
+      isValidating: boolean;
+      error: unknown;
+      addConnection: (source: import("@layerfi/components/types/linked_accounts").Source) => void;
+      removeConnection: (source: import("@layerfi/components/types/linked_accounts").Source, sourceId: string) => void;
+      repairConnection: (source: import("@layerfi/components/types/linked_accounts").Source, sourceId: string) => void;
+      refetchAccounts: () => void;
+      unlinkAccount: (source: import("@layerfi/components/types/linked_accounts").Source, accountId: string) => void;
+  }>;
+
+}
+declare module '@layerfi/components/contexts/LinkedAccountsContext/index' {
+  export { LinkedAccountsContext } from '@layerfi/components/contexts/LinkedAccountsContext/LinkedAccountsContext';
+
 }
 declare module '@layerfi/components/hooks/useBalanceSheet/index' {
   export { useBalanceSheet } from '@layerfi/components/hooks/useBalanceSheet/useBalanceSheet';
@@ -1699,13 +2161,9 @@ declare module '@layerfi/components/hooks/useChartOfAccounts/index' {
 
 }
 declare module '@layerfi/components/hooks/useChartOfAccounts/useChartOfAccounts' {
-  import { NewAccount } from '@layerfi/components/types';
+  import { FormError, DateRange, NewAccount } from '@layerfi/components/types';
   import { ChartWithBalances, LedgerAccountBalance } from '@layerfi/components/types/chart_of_accounts';
   import { BaseSelectOption } from '@layerfi/components/types/general';
-  interface FormError {
-      field: string;
-      message: string;
-  }
   export interface ChartOfAccountsForm {
       action: 'new' | 'edit';
       accountId?: string;
@@ -1719,24 +2177,35 @@ declare module '@layerfi/components/hooks/useChartOfAccounts/useChartOfAccounts'
       };
       errors?: FormError[];
   }
-  type UseChartOfAccounts = () => {
+  type Props = {
+      startDate?: Date;
+      endDate?: Date;
+      withDates?: boolean;
+  };
+  export const flattenAccounts: (accounts: LedgerAccountBalance[]) => LedgerAccountBalance[];
+  export const useChartOfAccounts: ({ withDates, startDate: initialStartDate, endDate: initialEndDate }?: Props) => {
       data: ChartWithBalances | undefined;
-      isLoading?: boolean;
-      isValidating?: boolean;
-      error?: unknown;
-      refetch: () => void;
-      create: (newAccount: NewAccount) => void;
-      form?: ChartOfAccountsForm;
-      sendingForm?: boolean;
-      apiError?: string;
+      isLoading: boolean;
+      isValidating: boolean;
+      error: any;
+      refetch: () => Promise<{
+          data: ChartWithBalances;
+      } | undefined>;
+      create: (newAccount: NewAccount) => Promise<void>;
+      form: ChartOfAccountsForm | undefined;
+      sendingForm: boolean;
+      apiError: string | undefined;
       addAccount: () => void;
       editAccount: (id: string) => void;
       cancelForm: () => void;
-      changeFormData: (name: string, value: string | BaseSelectOption | undefined) => void;
+      changeFormData: (fieldName: string, value: string | BaseSelectOption | undefined) => void;
       submitForm: () => void;
+      dateRange: {
+          startDate: Date;
+          endDate: Date;
+      };
+      changeDateRange: ({ startDate: newStartDate, endDate: newEndDate, }: Partial<DateRange>) => void;
   };
-  export const flattenAccounts: (accounts: LedgerAccountBalance[]) => LedgerAccountBalance[];
-  export const useChartOfAccounts: UseChartOfAccounts;
   export {};
 
 }
@@ -1753,6 +2222,52 @@ declare module '@layerfi/components/hooks/useElementSize/useElementSize' {
       clientHeight: number;
   }) => void) => import("react").RefObject<T>;
 
+}
+declare module '@layerfi/components/hooks/useJournal/index' {
+  export { useJournal } from '@layerfi/components/hooks/useJournal/useJournal';
+
+}
+declare module '@layerfi/components/hooks/useJournal/useJournal' {
+  import { Direction, FormError, FormErrorWithId } from '@layerfi/components/types';
+  import { LedgerAccountBalance } from '@layerfi/components/types/chart_of_accounts';
+  import { BaseSelectOption } from '@layerfi/components/types/general';
+  import { JournalEntry, NewJournalEntry } from '@layerfi/components/types/journal';
+  type UseJournal = () => {
+      data?: JournalEntry[];
+      isLoading?: boolean;
+      isLoadingEntry?: boolean;
+      isValidating?: boolean;
+      isValidatingEntry?: boolean;
+      error?: unknown;
+      errorEntry?: unknown;
+      refetch: () => void;
+      selectedEntryId?: string;
+      setSelectedEntryId: (id?: string) => void;
+      closeSelectedEntry: () => void;
+      create: (newJournalEntry: NewJournalEntry) => void;
+      changeFormData: (name: string, value: string | BaseSelectOption | undefined | number, lineItemIndex?: number, accounts?: LedgerAccountBalance[] | undefined) => void;
+      submitForm: () => void;
+      cancelForm: () => void;
+      addEntry: () => void;
+      sendingForm: boolean;
+      form?: JournalFormTypes;
+      apiError?: string;
+      setForm: (form?: JournalFormTypes) => void;
+      addEntryLine: (direction: Direction) => void;
+      removeEntryLine: (index: number) => void;
+  };
+  export interface JournalFormTypes {
+      action: string;
+      data: NewJournalEntry;
+      errors?: {
+          entry: FormError[];
+          lineItems: FormErrorWithId[];
+      } | undefined;
+  }
+  export const useJournal: UseJournal;
+  export const flattenEntries: (entries: JournalEntry[]) => JournalEntry[];
+  export {};
+
 }
 declare module '@layerfi/components/hooks/useLayerContext/index' {
   export { useLayerContext } from '@layerfi/components/hooks/useLayerContext/useLayerContext';
@@ -1800,18 +2315,19 @@ declare module '@layerfi/components/hooks/useLinkedAccounts/mockData' {
 
 }
 declare module '@layerfi/components/hooks/useLinkedAccounts/useLinkedAccounts' {
-  import { LinkedAccount } from '@layerfi/components/types/linked_accounts';
-  type Source = 'PLAID' | 'STRIPE';
+  import { LoadedStatus } from '@layerfi/components/types/general';
+  import { LinkedAccount, Source } from '@layerfi/components/types/linked_accounts';
   type UseLinkedAccounts = () => {
       data?: LinkedAccount[];
       isLoading: boolean;
+      loadingStatus: LoadedStatus;
       isValidating: boolean;
       error: unknown;
       addConnection: (source: Source) => void;
       removeConnection: (source: Source, sourceId: string) => void;
+      repairConnection: (source: Source, sourceId: string) => void;
       refetchAccounts: () => void;
-      unlinkAccount: (plaidAccountId: string) => void;
-      renewLinkAccount: () => void;
+      unlinkAccount: (source: Source, accountId: string) => void;
   };
   export const useLinkedAccounts: UseLinkedAccounts;
   export {};
@@ -1878,6 +2394,61 @@ declare module '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss' {
   export const useProfitAndLoss: UseProfitAndLoss;
   export {};
 
+}
+declare module '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLossLTM' {
+  import { ProfitAndLoss, ReportingBasis } from '@layerfi/components/types';
+  import { LoadedStatus } from '@layerfi/components/types/general';
+  type UseProfitAndLossLTMProps = {
+      currentDate: Date;
+      tagFilter?: {
+          key: string;
+          values: string[];
+      };
+      reportingBasis?: ReportingBasis;
+  };
+  type UseProfitAndLossLTMReturn = (props?: UseProfitAndLossLTMProps) => {
+      data: {
+          data: ProfitAndLoss | undefined;
+          isLoading: boolean;
+          error: any;
+          startDate: Date;
+          endDate: Date;
+      }[];
+      isLoading?: boolean;
+      loaded?: LoadedStatus;
+      error?: any;
+  };
+  /**
+   * Hooks fetch Last Twelve Months sending 12 requests (one for each month).
+   * Implementation is not perfect, but we cannot use loops and arrays with hooks.
+   */
+  export const useProfitAndLossLTM: UseProfitAndLossLTMReturn;
+  export {};
+
+}
+declare module '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLossQuery' {
+  import { ProfitAndLoss, ReportingBasis } from '@layerfi/components/types';
+  type UseProfitAndLossQueryProps = {
+      startDate: Date;
+      endDate: Date;
+      tagFilter?: {
+          key: string;
+          values: string[];
+      };
+      reportingBasis?: ReportingBasis;
+  };
+  type UseProfitAndLossQueryReturn = (props?: UseProfitAndLossQueryProps) => {
+      data?: ProfitAndLoss;
+      isLoading: boolean;
+      isValidating: boolean;
+      error: any;
+      refetch: () => void;
+      startDate: Date;
+      endDate: Date;
+  };
+  export const useProfitAndLossQuery: UseProfitAndLossQueryReturn;
+  export {};
+
 }
 declare module '@layerfi/components/icons/AlertCircle' {
   import * as React from 'react';
@@ -1899,6 +2470,13 @@ declare module '@layerfi/components/icons/BackArrow' {
   const BackArrow: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default BackArrow;
 
+}
+declare module '@layerfi/components/icons/Bell' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const Bell: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default Bell;
+
 }
 declare module '@layerfi/components/icons/Calendar' {
   import * as React from 'react';
@@ -1948,6 +2526,20 @@ declare module '@layerfi/components/icons/ChevronRight' {
   const ChavronRight: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default ChavronRight;
 
+}
+declare module '@layerfi/components/icons/CloseIcon' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const CloseIcon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default CloseIcon;
+
+}
+declare module '@layerfi/components/icons/CreditCard' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const CreditCard: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default CreditCard;
+
 }
 declare module '@layerfi/components/icons/DownloadCloud' {
   import * as React from 'react';
@@ -1962,6 +2554,13 @@ declare module '@layerfi/components/icons/Edit2' {
   const Edit2: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default Edit2;
 
+}
+declare module '@layerfi/components/icons/Folder' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const Folder: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default Folder;
+
 }
 declare module '@layerfi/components/icons/InstitutionIcon' {
   import * as React from 'react';
@@ -1969,6 +2568,13 @@ declare module '@layerfi/components/icons/InstitutionIcon' {
   const InstitutionIcon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default InstitutionIcon;
 
+}
+declare module '@layerfi/components/icons/Link' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const Link: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default Link;
+
 }
 declare module '@layerfi/components/icons/Loader' {
   import * as React from 'react';
@@ -1997,6 +2603,12 @@ declare module '@layerfi/components/icons/PieChart' {
   const PieChart: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default PieChart;
 
+}
+declare module '@layerfi/components/icons/PlaidIcon' {
+  import React from 'react';
+  const PlaidIcon: () => React.JSX.Element;
+  export default PlaidIcon;
+
 }
 declare module '@layerfi/components/icons/PlusIcon' {
   import * as React from 'react';
@@ -2039,6 +2651,13 @@ declare module '@layerfi/components/icons/SortArrows' {
   const SortArrows: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default SortArrows;
 
+}
+declare module '@layerfi/components/icons/Sunrise' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const Sunrise: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default Sunrise;
+
 }
 declare module '@layerfi/components/icons/Trash' {
   import * as React from 'react';
@@ -2071,16 +2690,18 @@ declare module '@layerfi/components/icons/types' {
 declare module '@layerfi/components/index' {
   export { BalanceSheet } from '@layerfi/components/components/BalanceSheet/index';
   export { BankTransactions } from '@layerfi/components/components/BankTransactions/index';
-  export { Hello } from '@layerfi/components/components/Hello/index';
   export { LinkedAccounts } from '@layerfi/components/components/LinkedAccounts/index';
   export { ProfitAndLoss } from '@layerfi/components/components/ProfitAndLoss/index';
   export { ProfitAndLossView } from '@layerfi/components/components/ProfitAndLossView/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 { Journal } from '@layerfi/components/components/Journal/index';
+  export { Onboarding } from '@layerfi/components/components/Onboarding/index';
   export { AccountingOverview } from '@layerfi/components/views/AccountingOverview/index';
   export { BankTransactionsWithLinkedAccounts } from '@layerfi/components/views/BankTransactionsWithLinkedAccounts/index';
   export { Reports } from '@layerfi/components/views/Reports/index';
+  export { GeneralLedgerView } from '@layerfi/components/views/GeneralLedger/index';
 
 }
 declare module '@layerfi/components/models/APIError' {
@@ -2132,6 +2753,19 @@ declare module '@layerfi/components/providers/LayerProvider/LayerProvider' {
 declare module '@layerfi/components/providers/LayerProvider/index' {
   export { LayerProvider } from '@layerfi/components/providers/LayerProvider/LayerProvider';
 
+}
+declare module '@layerfi/components/providers/LinkedAccountsProvider/LinkedAccountsProvider' {
+  import React, { ReactNode } from 'react';
+  interface LinkedAccountsProviderProps {
+      children: ReactNode;
+  }
+  export const LinkedAccountsProvider: ({ children, }: LinkedAccountsProviderProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/providers/LinkedAccountsProvider/index' {
+  export { LinkedAccountsProvider } from '@layerfi/components/providers/LinkedAccountsProvider/LinkedAccountsProvider';
+
 }
 declare module '@layerfi/components/types/api' {
   export interface PaginationMetadata {
@@ -2364,6 +2998,53 @@ declare module '@layerfi/components/types/general' {
       label: string;
       value: string | number;
   }
+  export type LoadedStatus = 'initial' | 'loading' | 'complete';
+
+}
+declare module '@layerfi/components/types/journal' {
+  import { Account } from '@layerfi/components/types';
+  import { Direction } from '@layerfi/components/types/bank_transactions';
+  export interface JournalEntry {
+      id: string;
+      business_id: string;
+      ledger_id: string;
+      agent: string;
+      entry_type: string;
+      date: string;
+      entry_at: string;
+      reversal_of_id: string | null;
+      reversal_id: string | null;
+      line_items: any[];
+  }
+  export interface JournalEntryLine {
+      id: string;
+      entry_id: string;
+      account: Account;
+      amount: number;
+      direction: Direction;
+      entry_at: string;
+      createdAt: string;
+  }
+  export type NewJournalEntry = {
+      entry_at: string;
+      created_by: string;
+      memo: string;
+      line_items: JournalEntryLineItem[];
+  };
+  export type JournalEntryLineItem = {
+      account_identifier: {
+          type: string;
+          stable_name: string;
+          id: string;
+          name: string;
+          subType: {
+              value: string;
+              label: string;
+          } | undefined;
+      };
+      amount: number;
+      direction: Direction;
+  };
 
 }
 declare module '@layerfi/components/types/layer_context' {
@@ -2376,12 +3057,14 @@ declare module '@layerfi/components/types/layer_context' {
       apiUrl: string;
       theme?: LayerThemeConfig;
       colors: ColorsPalette;
+      onboardingStep?: OnboardingStep;
   };
   export type LayerContextHelpers = {
       getColor: (shade: number) => ColorsPaletteOption | undefined;
       setLightColor: (color?: ColorConfig) => void;
       setDarkColor: (color?: ColorConfig) => void;
       setColors: (colors?: LayerThemeConfigColors) => void;
+      setOnboardingStep: (value: OnboardingStep) => void;
   };
   export interface ColorHSLConfig {
       h: string;
@@ -2420,10 +3103,12 @@ declare module '@layerfi/components/types/layer_context' {
   export interface LayerThemeConfig {
       colors?: LayerThemeConfigColors;
   }
+  export type OnboardingStep = undefined | 'connectAccount' | 'complete';
   export enum LayerContextActionName {
       setAuth = "LayerContext.setAuth",
       setCategories = "LayerContext.setCategories",
-      setTheme = "LayerContext.setTheme"
+      setTheme = "LayerContext.setTheme",
+      setOnboardingStep = "LayerContext.setOnboardingStep"
   }
   export type LayerContextAction = {
       type: LayerContextActionName.setAuth;
@@ -2440,6 +3125,11 @@ declare module '@layerfi/components/types/layer_context' {
       payload: {
           theme: LayerContextValues['theme'];
       };
+  } | {
+      type: LayerContextActionName.setOnboardingStep;
+      payload: {
+          onboardingStep: LayerContextValues['onboardingStep'];
+      };
   };
 
 }
@@ -2559,11 +3249,11 @@ declare module '@layerfi/components/types/linked_accounts' {
   export interface LinkedAccount {
       id: string;
       external_account_external_id: string;
-      external_account_source: string;
+      external_account_source: Source;
       external_account_name: string;
       latest_balance_timestamp: {
           external_account_external_id: string;
-          external_account_source: string;
+          external_account_source: Source;
           balance: number;
           at: string;
           created_at: string;
@@ -2571,15 +3261,18 @@ declare module '@layerfi/components/types/linked_accounts' {
       current_ledger_balance: number;
       institution: {
           name: string;
-          logo: string;
+          logo: string | null;
       };
       mask?: string;
-      logo_base64?: string;
+      connection_id: string;
+      connection_needs_repair_as_of: string | null;
+      requires_user_confirmation_as_of: string | null;
   }
   export type PublicToken = {
       public_token: string;
       institution: PlaidInstitution | null;
   };
+  export type Source = 'PLAID' | 'STRIPE';
 
 }
 declare module '@layerfi/components/types/profit_and_loss' {
@@ -2614,6 +3307,14 @@ declare module '@layerfi/components/types' {
   export { ChartOfAccounts, Account, NewAccount, EditAccount, } from '@layerfi/components/types/chart_of_accounts';
   export { LedgerAccountLineItems as LedgerAccounts, LedgerAccountLineItem, LedgerAccountsAccount, LedgerAccountsEntry, } from '@layerfi/components/types/ledger_accounts';
   export { SortDirection } from '@layerfi/components/types/general';
+  export interface FormError {
+      field: string;
+      message: string;
+  }
+  export interface FormErrorWithId extends FormError {
+      id: number;
+  }
+  export { JournalEntry, JournalEntryLine, JournalEntryLineItem, } from '@layerfi/components/types/journal';
   export type DateRange<T = Date> = {
       startDate: T;
       endDate: T;
@@ -2653,6 +3354,9 @@ declare module '@layerfi/components/utils/format' {
    * Convert Enum-like (upper snakecase) text into human friendly format.
    */
   export const humanizeEnum: (text: string) => string;
+  export const convertNumberToCurrency: (amount: number | undefined) => string;
+  export const convertCurrencyToNumber: (amount: string) => number;
+  export const CURRENCY_INPUT_PATTERN = "[0-9]+(.[0-9]+)?";
 
 }
 declare module '@layerfi/components/utils/helpers' {
@@ -2679,8 +3383,10 @@ declare module '@layerfi/components/views/AccountingOverview/AccountingOverview'
   import React from 'react';
   export interface AccountingOverviewProps {
       title?: string;
+      enableOnboarding?: boolean;
+      onTransactionsToReviewClick?: () => void;
   }
-  export const AccountingOverview: ({ title, }: AccountingOverviewProps) => React.JSX.Element;
+  export const AccountingOverview: ({ title, enableOnboarding, onTransactionsToReviewClick, }: AccountingOverviewProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/views/AccountingOverview/index' {
@@ -2691,13 +3397,27 @@ declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/Ban
   import React from 'react';
   export interface BankTransactionsWithLinkedAccountsProps {
       title?: string;
+      elevatedLinkedAccounts?: boolean;
+      showLedgerBalance?: boolean;
   }
-  export const BankTransactionsWithLinkedAccounts: ({ title, }: BankTransactionsWithLinkedAccountsProps) => React.JSX.Element;
+  export const BankTransactionsWithLinkedAccounts: ({ title, elevatedLinkedAccounts, showLedgerBalance, }: BankTransactionsWithLinkedAccountsProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/index' {
   export { BankTransactionsWithLinkedAccounts } from '@layerfi/components/views/BankTransactionsWithLinkedAccounts/BankTransactionsWithLinkedAccounts';
 
+}
+declare module '@layerfi/components/views/GeneralLedger/GeneralLedger' {
+  import React from 'react';
+  export interface GeneralLedgerProps {
+      title?: string;
+  }
+  export const GeneralLedgerView: ({ title, }: GeneralLedgerProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/views/GeneralLedger/index' {
+  export { GeneralLedgerView } from '@layerfi/components/views/GeneralLedger/GeneralLedger';
+
 }
 declare module '@layerfi/components/views/Reports/Reports' {
   import React, { RefObject } from 'react';