@layerfi/components 0.1.28 → 0.1.30

package/dist/index.d.ts

@@ -31,22 +31,27 @@ declare module '@layerfi/components/api/layer/authenticated_http' {
       params?: Params | undefined;
       body?: Body_1 | undefined;
   } | undefined) => Promise<Return>;
+  export const postWithFormData: <Return extends Record<string, unknown> = Record<string, unknown>>(url: string, formData: FormData, baseUrl: string, accessToken: string | undefined) => Promise<Return>;
 
 }
 declare module '@layerfi/components/api/layer/balance_sheet' {
   import { BalanceSheet } from '@layerfi/components/types';
-  export interface GetBalanceSheetParams {
+  export const getBalanceSheet: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: GetBalanceSheetParams | undefined;
+  } | undefined) => () => Promise<GetBalanceSheetReturn>;
+  export type GetBalanceSheetReturn = {
+      data?: BalanceSheet;
+      error?: unknown;
+  };
+  export interface GetBalanceSheetParams extends Record<string, string | undefined> {
       businessId: string;
-      date: string;
+      effectiveDate: string;
   }
-  export const getBalanceSheet: (_token: string, _params: {
-      params: GetBalanceSheetParams;
-  }) => () => BalanceSheet;
 
 }
 declare module '@layerfi/components/api/layer/bankTransactions' {
   import { CategoryUpdate, BankTransaction, Metadata } from '@layerfi/components/types';
-  import { BankTransactionMatch, BankTransactionMatchType } from '@layerfi/components/types/bank_transactions';
+  import { BankTransactionMatch, BankTransactionMatchType, BankTransactionMetadata, DocumentS3Urls, FileMetadata } from '@layerfi/components/types/bank_transactions';
   import { S3PresignedUrl } from '@layerfi/components/types/general';
   export type GetBankTransactionsReturn = {
       data?: BankTransaction[];
@@ -93,6 +98,36 @@ declare module '@layerfi/components/api/layer/bankTransactions' {
       data?: S3PresignedUrl | undefined;
       error?: unknown;
   }>;
+  export const getBankTransactionMetadata: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: Record<string, string | undefined> | undefined;
+  } | undefined) => () => Promise<{
+      data: BankTransactionMetadata;
+      errors: unknown;
+  }>;
+  export const updateBankTransactionMetadata: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: Record<string, string | undefined> | undefined;
+      body?: {
+          memo: string;
+      } | undefined;
+  } | undefined) => Promise<{
+      data: BankTransactionMetadata;
+      errors: unknown;
+  }>;
+  export const listBankTransactionDocuments: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: Record<string, string | undefined> | undefined;
+  } | undefined) => () => Promise<{
+      data: DocumentS3Urls;
+      errors: unknown;
+  }>;
+  export const uploadBankTransactionDocument: (baseUrl: string, accessToken: string) => ({ businessId, bankTransactionId, file, documentType, }: {
+      businessId: string;
+      bankTransactionId: string;
+      file: File;
+      documentType: string;
+  }) => Promise<{
+      data: FileMetadata;
+      errors: unknown;
+  }>;
 
 }
 declare module '@layerfi/components/api/layer/business' {
@@ -352,9 +387,9 @@ declare module '@layerfi/components/api/layer' {
       } | undefined) => Promise<{
           data: import("@layerfi/components/types").Account;
       }>;
-      getBalanceSheet: (_token: string, _params: {
-          params: import("@layerfi/components/api/layer/balance_sheet").GetBalanceSheetParams;
-      }) => () => import("@layerfi/components/types").BalanceSheet;
+      getBalanceSheet: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: import("@layerfi/components/api/layer/balance_sheet").GetBalanceSheetParams | undefined;
+      } | undefined) => () => Promise<import("@layerfi/components/api/layer/balance_sheet").GetBalanceSheetReturn>;
       getBankTransactions: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: import("@layerfi/components/api/layer/bankTransactions").GetBankTransactionsParams | undefined;
       } | undefined) => () => Promise<import("@layerfi/components/api/layer/bankTransactions").GetBankTransactionsReturn>;
@@ -364,6 +399,36 @@ declare module '@layerfi/components/api/layer' {
           data?: import("@layerfi/components/types/general").S3PresignedUrl | undefined;
           error?: unknown;
       }>;
+      getBankTransactionMetadata: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: Record<string, string | undefined> | undefined;
+      } | undefined) => () => Promise<{
+          data: import("@layerfi/components/types/bank_transactions").BankTransactionMetadata;
+          errors: unknown;
+      }>;
+      listBankTransactionDocuments: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: Record<string, string | undefined> | undefined;
+      } | undefined) => () => Promise<{
+          data: import("@layerfi/components/types/bank_transactions").DocumentS3Urls;
+          errors: unknown;
+      }>;
+      updateBankTransactionMetadata: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: Record<string, string | undefined> | undefined;
+          body?: {
+              memo: string;
+          } | undefined;
+      } | undefined) => Promise<{
+          data: import("@layerfi/components/types/bank_transactions").BankTransactionMetadata;
+          errors: unknown;
+      }>;
+      uploadBankTransactionDocument: (baseUrl: string, accessToken: string) => ({ businessId, bankTransactionId, file, documentType, }: {
+          businessId: string;
+          bankTransactionId: string;
+          file: File;
+          documentType: string;
+      }) => Promise<{
+          data: import("@layerfi/components/types/bank_transactions").FileMetadata;
+          errors: unknown;
+      }>;
       getCategories: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: Record<string, string | undefined> | undefined;
       } | undefined) => () => Promise<{
@@ -605,8 +670,26 @@ declare module '@layerfi/components/components/BadgeLoader/index' {
 
 }
 declare module '@layerfi/components/components/BalanceSheet/BalanceSheet' {
-  import React from 'react';
-  export const BalanceSheet: () => React.JSX.Element;
+  import React, { PropsWithChildren } from 'react';
+  export type BalanceSheetViewProps = PropsWithChildren & {
+      withExpandAllButton?: boolean;
+  };
+  export type BalanceSheetProps = PropsWithChildren & {
+      effectiveDate: Date;
+  };
+  const BalanceSheet: {
+      (props: BalanceSheetProps): React.JSX.Element;
+      View: ({ withExpandAllButton, }: BalanceSheetViewProps) => React.JSX.Element;
+  };
+  export { BalanceSheet };
+
+}
+declare module '@layerfi/components/components/BalanceSheet/constants' {
+  export const BALANCE_SHEET_ROWS: {
+      name: string;
+      displayName: string;
+      lineItem: string;
+  }[];
 
 }
 declare module '@layerfi/components/components/BalanceSheet/index' {
@@ -615,17 +698,25 @@ declare module '@layerfi/components/components/BalanceSheet/index' {
 }
 declare module '@layerfi/components/components/BalanceSheetDatePicker/BalanceSheetDatePicker' {
   import React from 'react';
-  type Props = {
-      value: Date;
-      onChange: React.ChangeEventHandler<HTMLInputElement>;
+  export type BalanceSheetDatePickerProps = {
+      effectiveDate: Date;
+      setEffectiveDate: (date: Date) => void;
   };
-  export const BalanceSheetDatePicker: ({ value, onChange }: Props) => React.JSX.Element;
-  export {};
+  export const BalanceSheetDatePicker: ({ effectiveDate, setEffectiveDate, }: BalanceSheetDatePickerProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/BalanceSheetDatePicker/index' {
   export { BalanceSheetDatePicker } from '@layerfi/components/components/BalanceSheetDatePicker/BalanceSheetDatePicker';
 
+}
+declare module '@layerfi/components/components/BalanceSheetExpandAllButton/BalanceSheetExpandAllButton' {
+  import React from 'react';
+  export const BalanceSheetExpandAllButton: () => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/BalanceSheetExpandAllButton/index' {
+  export { BalanceSheetExpandAllButton } from '@layerfi/components/components/BalanceSheetExpandAllButton/BalanceSheetExpandAllButton';
+
 }
 declare module '@layerfi/components/components/BalanceSheetRow/BalanceSheetRow' {
   import React from 'react';
@@ -644,6 +735,25 @@ declare module '@layerfi/components/components/BalanceSheetRow/BalanceSheetRow'
 declare module '@layerfi/components/components/BalanceSheetRow/index' {
   export { BalanceSheetRow } from '@layerfi/components/components/BalanceSheetRow/BalanceSheetRow';
 
+}
+declare module '@layerfi/components/components/BalanceSheetTable/BalanceSheetTable' {
+  import React from 'react';
+  import { BalanceSheet } from '@layerfi/components/types';
+  type BalanceSheetRowProps = {
+      name: string;
+      displayName: string;
+      lineItem: string;
+  };
+  export const BalanceSheetTable: ({ data, config, }: {
+      data: BalanceSheet;
+      config: BalanceSheetRowProps[];
+  }) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/BalanceSheetTable/index' {
+  export { BalanceSheetTable } from '@layerfi/components/components/BalanceSheetTable/BalanceSheetTable';
+
 }
 declare module '@layerfi/components/components/BankTransactionList/Assignment' {
   import React from 'react';
@@ -1087,6 +1197,7 @@ declare module '@layerfi/components/components/CategorySelect/CategorySelect' {
       disabled?: boolean;
       className?: string;
       excludeMatches?: boolean;
+      asDrawer?: boolean;
   };
   export enum OptionActionType {
       CATEGORY = "category",
@@ -1111,7 +1222,18 @@ declare module '@layerfi/components/components/CategorySelect/CategorySelect' {
   }
   export const mapCategoryToOption: (category: Category) => CategoryOption;
   export const mapSuggestedMatchToOption: (record: SuggestedMatch) => CategoryOption;
-  export const CategorySelect: ({ bankTransaction, name, value, onChange, disabled, className, excludeMatches, }: Props) => React.JSX.Element;
+  export const CategorySelect: ({ bankTransaction, name, value, onChange, disabled, className, excludeMatches, asDrawer, }: Props) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/CategorySelect/CategorySelectDrawer' {
+  import React from 'react';
+  import { CategoryOption } from '@layerfi/components/components/CategorySelect/CategorySelect';
+  interface CategorySelectDrawerProps {
+      onSelect: (value: CategoryOption) => void;
+      selected?: CategoryOption;
+  }
+  export const CategorySelectDrawer: ({ onSelect, selected, }: CategorySelectDrawerProps) => React.JSX.Element;
   export {};
 
 }
@@ -1281,6 +1403,23 @@ declare module '@layerfi/components/components/DataState/DataState' {
 declare module '@layerfi/components/components/DataState/index' {
   export { DataState, DataStateStatus } from '@layerfi/components/components/DataState/DataState';
 
+}
+declare module '@layerfi/components/components/DateDayPicker/DateDayPicker' {
+  import React from 'react';
+  interface DateDayPickerProps {
+      dateDay: Date;
+      changeDateDay: (dateDay: Date) => void;
+      enableFutureDates?: boolean;
+      currentDateOption?: boolean;
+      minDate?: Date;
+  }
+  export const DateDayPicker: ({ dateDay, changeDateDay, minDate, enableFutureDates, currentDateOption, }: DateDayPickerProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/DateDayPicker/index' {
+  export { DateDayPicker } from '@layerfi/components/components/DateDayPicker/DateDayPicker';
+
 }
 declare module '@layerfi/components/components/DateMonthPicker/DateMonthPicker' {
   import React from 'react';
@@ -1346,7 +1485,7 @@ declare module '@layerfi/components/components/DetailsList/index' {
 }
 declare module '@layerfi/components/components/Drawer/Drawer' {
   import React from 'react';
-  export const Drawer: ({ isOpen, onClose, children }: {
+  export const Drawer: ({ isOpen, onClose, children, }: {
       isOpen: boolean;
       onClose: () => void;
       children: React.ReactNode;
@@ -1401,19 +1540,6 @@ declare module '@layerfi/components/components/GlobalWidgets/GlobalWidgets' {
 declare module '@layerfi/components/components/GlobalWidgets/index' {
   export { GlobalWidgets } from '@layerfi/components/components/GlobalWidgets/GlobalWidgets';
 
-}
-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';
@@ -1726,9 +1852,11 @@ declare module '@layerfi/components/components/LinkedAccounts/LinkedAccounts' {
       asWidget?: boolean;
       elevated?: boolean;
       showLedgerBalance?: boolean;
+      showUnlinkItem?: boolean;
+      showBreakConnection?: boolean;
   }
   export const LinkedAccounts: (props: LinkedAccountsProps) => React.JSX.Element;
-  export const LinkedAccountsComponent: ({ asWidget, elevated, showLedgerBalance, }: LinkedAccountsProps) => React.JSX.Element;
+  export const LinkedAccountsComponent: ({ asWidget, elevated, showLedgerBalance, showUnlinkItem, showBreakConnection, }: LinkedAccountsProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/LinkedAccounts/LinkedAccountsContent' {
@@ -1736,8 +1864,10 @@ declare module '@layerfi/components/components/LinkedAccounts/LinkedAccountsCont
   interface LinkedAccountsDataProps {
       asWidget?: boolean;
       showLedgerBalance?: boolean;
+      showUnlinkItem?: boolean;
+      showBreakConnection?: boolean;
   }
-  export const LinkedAccountsContent: ({ asWidget, showLedgerBalance, }: LinkedAccountsDataProps) => React.JSX.Element;
+  export const LinkedAccountsContent: ({ asWidget, showLedgerBalance, showUnlinkItem, showBreakConnection, }: LinkedAccountsDataProps) => React.JSX.Element;
   export {};
 
 }
@@ -1804,7 +1934,7 @@ declare module '@layerfi/components/components/Onboarding/ConnectAccount' {
       onTransactionsToReviewClick?: () => void;
       currentMonthOnly?: boolean;
   }
-  export const ConnectAccount: ({ onboardingStep, onTransactionsToReviewClick, currentMonthOnly, }: ConnectAccountProps) => React.JSX.Element;
+  export const ConnectAccount: ({ onboardingStep, onTransactionsToReviewClick, }: ConnectAccountProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Onboarding/Onboarding' {
@@ -1852,6 +1982,29 @@ declare module '@layerfi/components/components/Panel/Panel' {
 declare module '@layerfi/components/components/Panel/index' {
   export { Panel } from '@layerfi/components/components/Panel/Panel';
 
+}
+declare module '@layerfi/components/components/PanelView/PanelView' {
+  import React, { ReactNode } from 'react';
+  export interface PanelViewProps {
+      children: ReactNode;
+      title?: string;
+      headerControls?: ReactNode;
+  }
+  export const PanelView: ({ title, children, headerControls, }: PanelViewProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/PanelView/index' {
+  export { PanelView } from '@layerfi/components/components/PanelView/PanelView';
+
+}
+declare module '@layerfi/components/components/PanelViewHeader/PanelViewHeader' {
+  import React, { ReactNode } from 'react';
+  export interface PanelViewHeaderProps {
+      title?: string;
+      controls?: ReactNode;
+  }
+  export const PanelViewHeader: ({ title, controls }: PanelViewHeaderProps) => React.JSX.Element;
+
 }
 declare module '@layerfi/components/components/Pill/Pill' {
   import React, { PropsWithChildren } from 'react';
@@ -2095,17 +2248,6 @@ declare module '@layerfi/components/components/ProfitAndLossView/ProfitAndLossVi
 declare module '@layerfi/components/components/ProfitAndLossView/index' {
   export { ProfitAndLossView } from '@layerfi/components/components/ProfitAndLossView/ProfitAndLossView';
 
-}
-declare module '@layerfi/components/components/SkeletonBalanceSheetRow/SkeletonBalanceSheetRow' {
-  import React, { PropsWithChildren } from 'react';
-  type Props = PropsWithChildren;
-  export const SkeletonBalanceSheetRow: ({ children }: Props) => React.JSX.Element;
-  export {};
-
-}
-declare module '@layerfi/components/components/SkeletonBalanceSheetRow/index' {
-  export { SkeletonBalanceSheetRow } from '@layerfi/components/components/SkeletonBalanceSheetRow/SkeletonBalanceSheetRow';
-
 }
 declare module '@layerfi/components/components/SkeletonLoader/SkeletonLoader' {
   import React from 'react';
@@ -2319,13 +2461,13 @@ declare module '@layerfi/components/components/Tooltip/useTooltip' {
           floating: HTMLElement | null;
       } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
       context: {
+          update: () => void;
           x: number;
           y: number;
           placement: import("@floating-ui/utils").Placement;
           strategy: import("@floating-ui/utils").Strategy;
           middlewareData: import("@floating-ui/core").MiddlewareData;
           isPositioned: boolean;
-          update: () => void;
           floatingStyles: React.CSSProperties;
           open: boolean;
           onOpenChange: (open: boolean, event?: Event | undefined, reason?: import("@floating-ui/react").OpenChangeReason | undefined) => void;
@@ -2368,13 +2510,13 @@ declare module '@layerfi/components/components/Tooltip/useTooltip' {
           floating: HTMLElement | null;
       } & import("@floating-ui/react").ExtendedElements<import("@floating-ui/react").ReferenceType>;
       context: {
+          update: () => void;
           x: number;
           y: number;
           placement: import("@floating-ui/utils").Placement;
           strategy: import("@floating-ui/utils").Strategy;
           middlewareData: import("@floating-ui/core").MiddlewareData;
           isPositioned: boolean;
-          update: () => void;
           floatingStyles: React.CSSProperties;
           open: boolean;
           onOpenChange: (open: boolean, event?: Event | undefined, reason?: import("@floating-ui/react").OpenChangeReason | undefined) => void;
@@ -2403,9 +2545,9 @@ declare module '@layerfi/components/components/TransactionToReviewCard/Transacti
   import React from 'react';
   export interface TransactionToReviewCardProps {
       onClick?: () => void;
-      currentMonthOnly?: true;
+      usePnlDateRange?: boolean;
   }
-  export const TransactionToReviewCard: ({ onClick, currentMonthOnly, }: TransactionToReviewCardProps) => React.JSX.Element;
+  export const TransactionToReviewCard: ({ onClick, usePnlDateRange, }: TransactionToReviewCardProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/TransactionToReviewCard/index' {
@@ -2577,6 +2719,21 @@ declare module '@layerfi/components/config/theme' {
       };
   };
 
+}
+declare module '@layerfi/components/contexts/BalanceSheetContext/BalanceSheetContext' {
+  /// <reference types="react" />
+  import { useBalanceSheet } from '@layerfi/components/hooks/useBalanceSheet/index';
+  export type BalanceSheetContextType = ReturnType<typeof useBalanceSheet>;
+  export const BalanceSheetContext: import("react").Context<{
+      data: import("@layerfi/components/types").BalanceSheet | undefined;
+      isLoading: boolean;
+      error: unknown;
+  }>;
+
+}
+declare module '@layerfi/components/contexts/BalanceSheetContext/index' {
+  export { BalanceSheetContext } from '@layerfi/components/contexts/BalanceSheetContext/BalanceSheetContext';
+
 }
 declare module '@layerfi/components/contexts/BankTransactionsContext/BankTransactionsContext' {
   /// <reference types="react" />
@@ -2663,6 +2820,8 @@ declare module '@layerfi/components/contexts/DrawerContext/DrawerContext' {
   export const DrawerContext: import("react").Context<{
       content?: import("react").ReactNode;
       setContent: (content: import("react").ReactNode) => void;
+      finishClosing: () => void;
+      isClosing: boolean;
       close: () => void;
   }>;
 
@@ -2687,7 +2846,7 @@ declare module '@layerfi/components/contexts/JournalContext/JournalContext' {
       selectedEntryId?: string | undefined;
       setSelectedEntryId: (id?: string | undefined) => void;
       closeSelectedEntry: () => void;
-      create: (newJournalEntry: import("@layerfi/components/types/journal").NewJournalEntry) => void;
+      create: (newJournalEntry: import("@layerfi/components/types/journal").NewApiJournalEntry) => 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;
@@ -2773,6 +2932,24 @@ declare module '@layerfi/components/contexts/LinkedAccountsContext/LinkedAccount
 declare module '@layerfi/components/contexts/LinkedAccountsContext/index' {
   export { LinkedAccountsContext } from '@layerfi/components/contexts/LinkedAccountsContext/LinkedAccountsContext';
 
+}
+declare module '@layerfi/components/contexts/TableExpandContext/TableExpandContext' {
+  import React, { ReactNode } from 'react';
+  interface TableExpandContextType {
+      tableExpandState: boolean;
+      toggleTableExpandState: () => void;
+  }
+  export const TableExpandContext: React.Context<TableExpandContextType>;
+  interface TableExpandProviderProps {
+      children: ReactNode;
+  }
+  export const TableExpandProvider: React.FC<TableExpandProviderProps>;
+  export {};
+
+}
+declare module '@layerfi/components/contexts/TableExpandContext/index' {
+  export { TableExpandContext, TableExpandProvider } from '@layerfi/components/contexts/TableExpandContext/TableExpandContext';
+
 }
 declare module '@layerfi/components/contexts/TasksContext/TasksContext' {
   /// <reference types="react" />
@@ -2930,6 +3107,8 @@ declare module '@layerfi/components/hooks/useDrawer/useDrawer' {
   type UseDrawer = () => {
       content?: ReactNode;
       setContent: (content: ReactNode) => void;
+      finishClosing: () => void;
+      isClosing: boolean;
       close: () => void;
   };
   export const useDrawer: UseDrawer;
@@ -2958,7 +3137,7 @@ 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';
+  import { JournalEntry, NewApiJournalEntry, NewFormJournalEntry } from '@layerfi/components/types/journal';
   type UseJournal = () => {
       data?: JournalEntry[];
       isLoading?: boolean;
@@ -2971,7 +3150,7 @@ declare module '@layerfi/components/hooks/useJournal/useJournal' {
       selectedEntryId?: string;
       setSelectedEntryId: (id?: string) => void;
       closeSelectedEntry: () => void;
-      create: (newJournalEntry: NewJournalEntry) => void;
+      create: (newJournalEntry: NewApiJournalEntry) => void;
       changeFormData: (name: string, value: string | BaseSelectOption | undefined | number, lineItemIndex?: number, accounts?: LedgerAccountBalance[] | undefined) => void;
       submitForm: () => void;
       cancelForm: () => void;
@@ -2985,7 +3164,7 @@ declare module '@layerfi/components/hooks/useJournal/useJournal' {
   };
   export interface JournalFormTypes {
       action: string;
-      data: NewJournalEntry;
+      data: NewFormJournalEntry;
       errors?: {
           entry: FormError[];
           lineItems: FormErrorWithId[];
@@ -3169,6 +3348,20 @@ declare module '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLossQuery
   export const useProfitAndLossQuery: UseProfitAndLossQueryReturn;
   export {};
 
+}
+declare module '@layerfi/components/hooks/useTableExpandRow/index' {
+  export { useTableExpandRow } from '@layerfi/components/hooks/useTableExpandRow/useTableExpandRow';
+
+}
+declare module '@layerfi/components/hooks/useTableExpandRow/useTableExpandRow' {
+  /// <reference types="react" />
+  export const useTableExpandRow: (index: number, defaultOpen?: boolean) => {
+      isOpen: boolean;
+      setIsOpen: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+      showComponent: boolean;
+      INDENTATION: number;
+  };
+
 }
 declare module '@layerfi/components/hooks/useTasks/index' {
   export { useTasks } from '@layerfi/components/hooks/useTasks/useTasks';
@@ -3232,13 +3425,6 @@ declare module '@layerfi/components/icons/Bell' {
   const Bell: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default Bell;
 
-}
-declare module '@layerfi/components/icons/Calendar' {
-  import * as React from 'react';
-  import { SVGProps } from 'react';
-  const Calendar: (props: SVGProps<SVGSVGElement>) => React.JSX.Element;
-  export default Calendar;
-
 }
 declare module '@layerfi/components/icons/Check' {
   import * as React from 'react';
@@ -3465,20 +3651,19 @@ declare module '@layerfi/components/icons/types' {
 }
 declare module '@layerfi/components/index' {
   export { LayerProvider } from '@layerfi/components/providers/LayerProvider/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 { Onboarding } from '@layerfi/components/components/Onboarding/index';
   export { LinkedAccounts } from '@layerfi/components/components/LinkedAccounts/index';
+  export { BankTransactions } from '@layerfi/components/components/BankTransactions/index';
   export { ProfitAndLoss } from '@layerfi/components/components/ProfitAndLoss/index';
-  export { ProfitAndLossView } from '@layerfi/components/components/ProfitAndLossView/index';
+  export { BalanceSheet } from '@layerfi/components/components/BalanceSheet/index';
   export { ChartOfAccounts } from '@layerfi/components/components/ChartOfAccounts/index';
   export { Journal } from '@layerfi/components/components/Journal/index';
-  export { Onboarding } from '@layerfi/components/components/Onboarding/index';
   export { Tasks } from '@layerfi/components/components/Tasks/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';
+  export { Reports } from '@layerfi/components/views/Reports/index';
+  export { ProfitAndLossView } from '@layerfi/components/components/ProfitAndLossView/index';
   export { useLayerContext } from '@layerfi/components/contexts/LayerContext/index';
   export { useBankTransactionsContext } from '@layerfi/components/contexts/BankTransactionsContext/index';
 
@@ -3590,14 +3775,15 @@ declare module '@layerfi/components/types/balance_sheet' {
       type: 'Balance_Sheet';
       start_date: string;
       end_date: string;
-      assets: LineItem[];
-      liabilities_and_equity: LineItem[];
+      assets: LineItem;
+      liabilities_and_equity: LineItem;
       fully_categorized: boolean;
   }
 
 }
 declare module '@layerfi/components/types/bank_transactions' {
   import { Categorization, CategorizationStatus, Category } from '@layerfi/components/types/categories';
+  import { S3PresignedUrl } from "@layerfi/components/types/general";
   export enum Direction {
       CREDIT = "CREDIT",
       DEBIT = "DEBIT"
@@ -3652,6 +3838,20 @@ declare module '@layerfi/components/types/bank_transactions' {
           type: string;
       };
   }
+  export interface BankTransactionMetadata {
+      memo: string | null;
+  }
+  export interface DocumentS3Urls {
+      type: 'Document_S3_Urls';
+      documentUrls: S3PresignedUrl[];
+  }
+  export interface FileMetadata {
+      type: 'File_Metadata';
+      id: string | null;
+      fileType: string;
+      fileName: string;
+      documentType: string;
+  }
 
 }
 declare module '@layerfi/components/types/business' {
@@ -3716,7 +3916,7 @@ declare module '@layerfi/components/types/categories' {
       suggestions: Category[];
   }
   export type Categorization = AutoCategorization | SuggestedCategorization;
-  export type CategoryPayloadObject = {
+  export type AccountIdentifierPayloadObject = {
       type: 'StableName';
       stable_name: string;
   } | {
@@ -3725,12 +3925,12 @@ declare module '@layerfi/components/types/categories' {
   };
   export type SingleCategoryUpdate = {
       type: 'Category';
-      category: CategoryPayloadObject;
+      category: AccountIdentifierPayloadObject;
   };
   export type SplitCategoryUpdate = {
       type: 'Split';
       entries: {
-          category: string | CategoryPayloadObject;
+          category: string | AccountIdentifierPayloadObject;
           amount: number;
       }[];
   };
@@ -3830,6 +4030,7 @@ declare module '@layerfi/components/types/general' {
 declare module '@layerfi/components/types/journal' {
   import { Account } from '@layerfi/components/types';
   import { Direction } from '@layerfi/components/types/bank_transactions';
+  import { AccountIdentifierPayloadObject } from '@layerfi/components/types/categories';
   import { LedgerEntrySource } from '@layerfi/components/types/ledger_accounts';
   export interface JournalEntry {
       id: string;
@@ -3853,7 +4054,18 @@ declare module '@layerfi/components/types/journal' {
       entry_at: string;
       createdAt: string;
   }
-  export type NewJournalEntry = {
+  export type NewApiJournalEntry = {
+      entry_at: string;
+      created_by: string;
+      memo: string;
+      line_items: NewApiJournalEntryLineItem[];
+  };
+  export type NewApiJournalEntryLineItem = {
+      account_identifier: AccountIdentifierPayloadObject;
+      amount: number;
+      direction: Direction;
+  };
+  export type NewFormJournalEntry = {
       entry_at: string;
       created_by: string;
       memo: string;
@@ -4234,13 +4446,13 @@ declare module '@layerfi/components/types' {
 }
 declare module '@layerfi/components/utils/bankTransactions' {
   import { CategoryOption } from '@layerfi/components/components/CategorySelect/CategorySelect';
-  import { BankTransaction } from '@layerfi/components/types';
+  import { BankTransaction, DateRange } from '@layerfi/components/types';
   export const hasMatch: (bankTransaction?: BankTransaction) => boolean;
   export const isCredit: ({ direction }: Pick<BankTransaction, 'direction'>) => boolean;
   export const isAlreadyMatched: (bankTransaction?: BankTransaction) => string | undefined;
-  export const countTransactionsToReview: ({ transactions, currentMonthOnly, }: {
+  export const countTransactionsToReview: ({ transactions, dateRange }: {
       transactions?: BankTransaction[] | undefined;
-      currentMonthOnly?: boolean | undefined;
+      dateRange?: DateRange | undefined;
   }) => number;
   export const getCategorizePayload: (category: CategoryOption) => {
       type: "AccountId";
@@ -4306,6 +4518,12 @@ declare module '@layerfi/components/utils/helpers' {
    */
   export const convertToStableName: (name: string) => string;
 
+}
+declare module '@layerfi/components/utils/journal' {
+  import { AccountIdentifierPayloadObject } from '@layerfi/components/types/categories';
+  import { JournalEntryLineItem } from '@layerfi/components/types/journal';
+  export const getAccountIdentifierPayload: (journalLineItem: JournalEntryLineItem) => AccountIdentifierPayloadObject;
+
 }
 declare module '@layerfi/components/utils/profitAndLossUtils' {
   import { SidebarScope } from '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLoss';
@@ -4338,11 +4556,13 @@ declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/Ban
       title?: string;
       elevatedLinkedAccounts?: boolean;
       showLedgerBalance?: boolean;
+      showUnlinkItem?: boolean;
+      showBreakConnection?: boolean;
       showDescriptions?: boolean;
       showReceiptUploads?: boolean;
       mobileComponent?: MobileComponentType;
   }
-  export const BankTransactionsWithLinkedAccounts: ({ title, elevatedLinkedAccounts, showLedgerBalance, showDescriptions, showReceiptUploads, mobileComponent, }: BankTransactionsWithLinkedAccountsProps) => React.JSX.Element;
+  export const BankTransactionsWithLinkedAccounts: ({ title, elevatedLinkedAccounts, showLedgerBalance, showUnlinkItem, showBreakConnection, showDescriptions, showReceiptUploads, mobileComponent, }: BankTransactionsWithLinkedAccountsProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/index' {
@@ -4366,10 +4586,13 @@ declare module '@layerfi/components/views/Reports/Reports' {
   export interface ReportsProps {
       title?: string;
   }
+  type ReportType = 'profitAndLoss' | 'balanceSheet';
   export interface ReportsPanelProps {
       containerRef: RefObject<HTMLDivElement>;
+      openReport: ReportType;
   }
   export const Reports: ({ title }: ReportsProps) => React.JSX.Element;
+  export {};
 
 }
 declare module '@layerfi/components/views/Reports/index' {