@layerfi/components 0.1.22 → 0.1.24

package/dist/index.d.ts

@@ -47,6 +47,7 @@ declare module '@layerfi/components/api/layer/balance_sheet' {
 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 { S3PresignedUrl } from '@layerfi/components/types/general';
   export type GetBankTransactionsReturn = {
       data?: BankTransaction[];
       meta?: Metadata;
@@ -77,6 +78,21 @@ declare module '@layerfi/components/api/layer/bankTransactions' {
       data: BankTransactionMatch;
       errors: unknown;
   }>;
+  export interface GetBankTransactionsCsvParams extends Record<string, string | undefined> {
+      businessId: string;
+      startDate?: string;
+      endDate?: string;
+      categorized?: 'true' | 'false';
+      category?: string;
+      month?: string;
+      year?: string;
+  }
+  export const getBankTransactionsCsv: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: Record<string, string | undefined> | undefined;
+  } | undefined) => () => Promise<{
+      data?: S3PresignedUrl | undefined;
+      error?: unknown;
+  }>;
 
 }
 declare module '@layerfi/components/api/layer/business' {
@@ -161,6 +177,12 @@ declare module '@layerfi/components/api/layer/linked_accounts' {
       } | undefined;
       body?: Record<string, unknown> | undefined;
   } | undefined) => Promise<Record<string, unknown>>;
+  export const updateConnectionStatus: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: {
+          businessId: string;
+      } | undefined;
+      body?: Record<string, unknown> | undefined;
+  } | undefined) => Promise<Record<string, unknown>>;
   export const getLinkedAccounts: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: {
           businessId: string;
@@ -245,6 +267,7 @@ declare module '@layerfi/components/api/layer/linked_accounts' {
 }
 declare module '@layerfi/components/api/layer/profit_and_loss' {
   import { ProfitAndLoss } from '@layerfi/components/types';
+  import { S3PresignedUrl } from '@layerfi/components/types/general';
   import { ProfitAndLossSummaries } from '@layerfi/components/types/profit_and_loss';
   export const getProfitAndLoss: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: Record<string, string | undefined> | undefined;
@@ -258,6 +281,12 @@ declare module '@layerfi/components/api/layer/profit_and_loss' {
       data?: ProfitAndLossSummaries | undefined;
       error?: unknown;
   }>;
+  export const getProfitAndLossCsv: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: Record<string, string | undefined> | undefined;
+  } | undefined) => () => Promise<{
+      data?: S3PresignedUrl | undefined;
+      error?: unknown;
+  }>;
 
 }
 declare module '@layerfi/components/api/layer/tasks' {
@@ -329,6 +358,12 @@ declare module '@layerfi/components/api/layer' {
       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>;
+      getBankTransactionsCsv: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: Record<string, string | undefined> | undefined;
+      } | undefined) => () => Promise<{
+          data?: import("@layerfi/components/types/general").S3PresignedUrl | undefined;
+          error?: unknown;
+      }>;
       getCategories: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: Record<string, string | undefined> | undefined;
       } | undefined) => () => Promise<{
@@ -369,6 +404,12 @@ declare module '@layerfi/components/api/layer' {
           data?: import("@layerfi/components/types/profit_and_loss").ProfitAndLossSummaries | undefined;
           error?: unknown;
       }>;
+      getProfitAndLossCsv: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: Record<string, string | undefined> | undefined;
+      } | undefined) => () => Promise<{
+          data?: import("@layerfi/components/types/general").S3PresignedUrl | undefined;
+          error?: unknown;
+      }>;
       getLinkedAccounts: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: {
               businessId: string;
@@ -467,12 +508,40 @@ declare module '@layerfi/components/api/layer' {
           } | undefined;
           body?: Record<string, unknown> | undefined;
       } | undefined) => Promise<Record<string, unknown>>;
+      updateConnectionStatus: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: {
+              businessId: 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/ActionableList/ActionableList' {
+  import React from 'react';
+  export interface ActionableListOption<T> {
+      label: string;
+      id: string;
+      value: T;
+      asLink?: boolean;
+      secondary?: boolean;
+  }
+  interface ActionableListProps<T> {
+      options: ActionableListOption<T>[];
+      onClick: (item: ActionableListOption<T>) => void;
+      selected?: ActionableListOption<T>;
+  }
+  export const ActionableList: <T>({ options, onClick, selected, }: ActionableListProps<T>) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/ActionableList/index' {
+  export { ActionableList, ActionableListOption } from '@layerfi/components/components/ActionableList/ActionableList';
+
 }
 declare module '@layerfi/components/components/ActionableRow/ActionableRow' {
   import React, { ReactNode } from 'react';
@@ -576,7 +645,7 @@ declare module '@layerfi/components/components/BalanceSheetRow/index' {
   export { BalanceSheetRow } from '@layerfi/components/components/BalanceSheetRow/BalanceSheetRow';
 
 }
-declare module '@layerfi/components/components/BankTransactionListItem/Assignment' {
+declare module '@layerfi/components/components/BankTransactionList/Assignment' {
   import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
   export interface AssignmentProps {
@@ -585,7 +654,22 @@ declare module '@layerfi/components/components/BankTransactionListItem/Assignmen
   export const Assignment: ({ bankTransaction }: AssignmentProps) => React.JSX.Element;
 
 }
-declare module '@layerfi/components/components/BankTransactionListItem/BankTransactionListItem' {
+declare module '@layerfi/components/components/BankTransactionList/BankTransactionList' {
+  import React from 'react';
+  import { BankTransaction } from '@layerfi/components/types';
+  interface BankTransactionListProps {
+      bankTransactions?: BankTransaction[];
+      editable: boolean;
+      containerWidth: number;
+      removeTransaction: (id: string) => void;
+      showDescriptions?: boolean;
+      showReceiptUploads?: boolean;
+  }
+  export const BankTransactionList: ({ bankTransactions, editable, removeTransaction, containerWidth, showDescriptions, showReceiptUploads, }: BankTransactionListProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/BankTransactionList/BankTransactionListItem' {
   import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
   type Props = {
@@ -593,15 +677,132 @@ declare module '@layerfi/components/components/BankTransactionListItem/BankTrans
       dateFormat: string;
       bankTransaction: BankTransaction;
       editable: boolean;
+      showDescriptions: boolean;
+      showReceiptUploads: boolean;
       removeTransaction: (id: string) => void;
       containerWidth?: number;
   };
-  export const BankTransactionListItem: ({ index, dateFormat, bankTransaction, editable, containerWidth, }: Props) => React.JSX.Element | null;
+  export const BankTransactionListItem: ({ index, dateFormat, bankTransaction, editable, showDescriptions, showReceiptUploads, containerWidth, }: Props) => React.JSX.Element | null;
+  export {};
+
+}
+declare module '@layerfi/components/components/BankTransactionList/index' {
+  export { BankTransactionList } from '@layerfi/components/components/BankTransactionList/BankTransactionList';
+
+}
+declare module '@layerfi/components/components/BankTransactionMobileList/BankTransactionMobileForms' {
+  import React from 'react';
+  import { BankTransaction } from '@layerfi/components/types';
+  import { Purpose } from '@layerfi/components/components/BankTransactionMobileList/BankTransactionMobileListItem';
+  interface BankTransactionMobileFormsProps {
+      purpose: Purpose;
+      bankTransaction: BankTransaction;
+  }
+  export const BankTransactionMobileForms: ({ purpose, bankTransaction, }: BankTransactionMobileFormsProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/BankTransactionMobileList/BankTransactionMobileList' {
+  import React from 'react';
+  import { BankTransaction } from '@layerfi/components/types';
+  export interface BankTransactionMobileListProps {
+      bankTransactions?: BankTransaction[];
+      editable: boolean;
+      removeTransaction: (id: string) => void;
+      initialLoad?: boolean;
+  }
+  export const BankTransactionMobileList: ({ bankTransactions, removeTransaction, editable, initialLoad, }: BankTransactionMobileListProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/BankTransactionMobileList/BankTransactionMobileListItem' {
+  import React from 'react';
+  import { BankTransaction } from '@layerfi/components/types';
+  export interface BankTransactionMobileListItemProps {
+      index: number;
+      bankTransaction: BankTransaction;
+      editable: boolean;
+      removeTransaction: (id: string) => void;
+      initialLoad?: boolean;
+  }
+  export enum Purpose {
+      business = "business",
+      personal = "personal",
+      more = "more"
+  }
+  export const BankTransactionMobileListItem: ({ index, bankTransaction, editable, initialLoad, }: BankTransactionMobileListItemProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/BankTransactionMobileList/BusinessForm' {
+  import React from 'react';
+  import { BankTransaction } from '@layerfi/components/types';
+  interface BusinessFormProps {
+      bankTransaction: BankTransaction;
+  }
+  export const BusinessForm: ({ bankTransaction }: BusinessFormProps) => React.JSX.Element;
   export {};
 
 }
-declare module '@layerfi/components/components/BankTransactionListItem/index' {
-  export { BankTransactionListItem } from '@layerfi/components/components/BankTransactionListItem/BankTransactionListItem';
+declare module '@layerfi/components/components/BankTransactionMobileList/MatchForm' {
+  import React from 'react';
+  import { BankTransaction } from '@layerfi/components/types';
+  export const MatchForm: ({ bankTransaction, }: {
+      bankTransaction: BankTransaction;
+  }) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/BankTransactionMobileList/PersonalForm' {
+  import React from 'react';
+  import { BankTransaction } from '@layerfi/components/types';
+  interface PersonalFormProps {
+      bankTransaction: BankTransaction;
+  }
+  export const PersonalForm: ({ bankTransaction }: PersonalFormProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/BankTransactionMobileList/SplitAndMatchForm' {
+  import React from 'react';
+  import { BankTransaction } from '@layerfi/components/types';
+  interface SplitAndMatchFormProps {
+      bankTransaction: BankTransaction;
+  }
+  export const SplitAndMatchForm: ({ bankTransaction, }: SplitAndMatchFormProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/BankTransactionMobileList/SplitForm' {
+  import React from 'react';
+  import { BankTransaction } from '@layerfi/components/types';
+  export const SplitForm: ({ bankTransaction, }: {
+      bankTransaction: BankTransaction;
+  }) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/BankTransactionMobileList/constants' {
+  export const PersonalCategories: string[];
+
+}
+declare module '@layerfi/components/components/BankTransactionMobileList/index' {
+  export { BankTransactionMobileList } from '@layerfi/components/components/BankTransactionMobileList/BankTransactionMobileList';
+
+}
+declare module '@layerfi/components/components/BankTransactionMobileList/utils' {
+  import { BankTransaction, Category } from '@layerfi/components/types';
+  import { CategoryOptionPayload } from '@layerfi/components/components/CategorySelect/CategorySelect';
+  export interface Option {
+      label: string;
+      id: string;
+      value: {
+          type: 'CATEGORY' | 'SELECT_CATEGORY' | 'GROUP';
+          payload?: CategoryOptionPayload;
+          items?: Option[];
+      };
+      asLink?: boolean;
+      secondary?: boolean;
+  }
+  export const mapCategoryToOption: (category: Category) => Option;
+  export const flattenCategories: (categories: Category[]) => Option[];
+  export const getAssignedValue: (bankTransaction: BankTransaction) => Option | undefined;
 
 }
 declare module '@layerfi/components/components/BankTransactionRow/BankTransactionRow' {
@@ -615,11 +816,13 @@ declare module '@layerfi/components/components/BankTransactionRow/BankTransactio
       removeTransaction: (id: string) => void;
       containerWidth?: number;
       initialLoad?: boolean;
+      showDescriptions: boolean;
+      showReceiptUploads: boolean;
   };
   export type LastSubmittedForm = 'simple' | 'match' | 'split' | undefined;
   export const extractDescriptionForSplit: (category: Category) => string;
   export const getDefaultSelectedCategory: (bankTransaction: BankTransaction) => import("@layerfi/components/components/CategorySelect/CategorySelect").CategoryOption | undefined;
-  export const BankTransactionRow: ({ index, dateFormat, bankTransaction, editable, removeTransaction, containerWidth, initialLoad, }: Props) => React.JSX.Element | null;
+  export const BankTransactionRow: ({ index, dateFormat, bankTransaction, editable, removeTransaction, containerWidth, initialLoad, showDescriptions, showReceiptUploads }: Props) => React.JSX.Element | null;
   export {};
 
 }
@@ -650,23 +853,94 @@ 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"
-  }
+  import { MobileComponentType } from '@layerfi/components/components/BankTransactions/constants';
   export interface BankTransactionsProps {
       asWidget?: boolean;
       pageSize?: number;
       categorizedOnly?: boolean;
+      showDescriptions?: boolean;
+      showReceiptUploads?: boolean;
+      monthlyView?: boolean;
+      mobileComponent?: MobileComponentType;
   }
-  export const filterVisibility: (display: DisplayState, bankTransaction: BankTransaction) => boolean;
-  export const BankTransactions: ({ asWidget, pageSize, categorizedOnly, }: BankTransactionsProps) => React.JSX.Element;
+  export const BankTransactions: ({ asWidget, pageSize, categorizedOnly, showDescriptions, showReceiptUploads, monthlyView, mobileComponent, }: BankTransactionsProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/BankTransactions/BankTransactionsHeader' {
+  import React, { ChangeEvent } from 'react';
+  import { DateRange } from '@layerfi/components/types';
+  import { DisplayState, MobileComponentType } from '@layerfi/components/components/BankTransactions/constants';
+  export interface BankTransactionsHeaderProps {
+      shiftStickyHeader: number;
+      asWidget?: boolean;
+      categorizedOnly?: boolean;
+      display: DisplayState;
+      onCategorizationDisplayChange: (event: ChangeEvent<HTMLInputElement>) => void;
+      mobileComponent?: MobileComponentType;
+      withDatePicker?: boolean;
+      listView?: boolean;
+      dateRange?: DateRange;
+      setDateRange?: (value: DateRange) => void;
+  }
+  export const BankTransactionsHeader: ({ shiftStickyHeader, asWidget, categorizedOnly, display, onCategorizationDisplayChange, mobileComponent, withDatePicker, listView, dateRange, setDateRange, }: BankTransactionsHeaderProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/BankTransactions/DataStates' {
+  import React from 'react';
+  import { BankTransaction } from '@layerfi/components/types';
+  interface DataStatesProps {
+      bankTransactions?: BankTransaction[];
+      isLoading?: boolean;
+      isValidating?: boolean;
+      error?: unknown;
+      refetch: () => void;
+      editable: boolean;
+  }
+  export const DataStates: ({ bankTransactions, isLoading, isValidating, error, refetch, editable, }: DataStatesProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/BankTransactions/constants' {
+  import { CategorizationStatus } from '@layerfi/components/types';
+  export type MobileComponentType = 'regularList' | 'mobileList';
+  export enum DisplayState {
+      review = "review",
+      categorized = "categorized"
+  }
+  export const CategorizedCategories: CategorizationStatus[];
+  export const ReviewCategories: CategorizationStatus[];
 
 }
 declare module '@layerfi/components/components/BankTransactions/index' {
   export { BankTransactions } from '@layerfi/components/components/BankTransactions/BankTransactions';
 
+}
+declare module '@layerfi/components/components/BankTransactions/utils' {
+  import { BankTransaction } from '@layerfi/components/types';
+  import { DisplayState } from '@layerfi/components/components/BankTransactions/constants';
+  export const filterVisibility: (display: DisplayState, bankTransaction: BankTransaction) => boolean;
+
+}
+declare module '@layerfi/components/components/BankTransactionsTable/BankTransactionsTable' {
+  import React from 'react';
+  import { BankTransaction } from '@layerfi/components/types';
+  interface BankTransactionsTableProps {
+      bankTransactions?: BankTransaction[];
+      editable: boolean;
+      isLoading?: boolean;
+      initialLoad?: boolean;
+      containerWidth: number;
+      removeTransaction: (id: string) => void;
+      showDescriptions?: boolean;
+      showReceiptUploads?: boolean;
+  }
+  export const BankTransactionsTable: ({ editable, isLoading, bankTransactions, initialLoad, containerWidth, removeTransaction, showDescriptions, showReceiptUploads, }: BankTransactionsTableProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/BankTransactionsTable/index' {
+  export { BankTransactionsTable } from '@layerfi/components/components/BankTransactionsTable/BankTransactionsTable';
+
 }
 declare module '@layerfi/components/components/Button/BackButton' {
   import React, { ButtonHTMLAttributes } from 'react';
@@ -690,8 +964,9 @@ declare module '@layerfi/components/components/Button/Button' {
       iconOnly?: ReactNode;
       iconAsPrimary?: boolean;
       justify?: ButtonJustify;
+      fullWidth?: boolean;
   }
-  export const Button: ({ className, children, variant, leftIcon, rightIcon, iconOnly, iconAsPrimary, justify, ...props }: ButtonProps) => React.JSX.Element;
+  export const Button: ({ className, children, variant, leftIcon, rightIcon, iconOnly, iconAsPrimary, justify, fullWidth, ...props }: ButtonProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Button/CloseButton' {
@@ -718,6 +993,7 @@ declare module '@layerfi/components/components/Button/RetryButton' {
       processing?: boolean;
       disabled?: boolean;
       error: string;
+      fullWidth?: boolean;
   }
   export const RetryButton: ({ className, processing, disabled, error, children, ...props }: RetryButtonProps) => React.JSX.Element;
 
@@ -781,6 +1057,7 @@ declare module '@layerfi/components/components/CategorySelect/CategorySelect' {
       onChange: (newValue: CategoryOption) => void;
       disabled?: boolean;
       className?: string;
+      excludeMatches?: boolean;
   };
   export enum OptionActionType {
       CATEGORY = "category",
@@ -805,7 +1082,7 @@ 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, }: Props) => React.JSX.Element;
+  export const CategorySelect: ({ bankTransaction, name, value, onChange, disabled, className, excludeMatches, }: Props) => React.JSX.Element;
   export {};
 
 }
@@ -926,6 +1203,7 @@ declare module '@layerfi/components/components/Container/Container' {
       className?: string;
       asWidget?: boolean;
       elevated?: boolean;
+      transparentBg?: boolean;
       children: ReactNode;
       style?: CSSProperties;
   }
@@ -980,11 +1258,12 @@ declare module '@layerfi/components/components/DateMonthPicker/DateMonthPicker'
   import { DateRange } from '@layerfi/components/types';
   interface DateMonthPickerProps {
       dateRange: DateRange;
-      changeDateRange: (dateRange: Partial<DateRange>) => void;
+      changeDateRange: (dateRange: DateRange) => void;
       enableFutureDates?: boolean;
       minDate?: Date;
+      currentDateOption?: boolean;
   }
-  export const DateMonthPicker: ({ dateRange, changeDateRange, enableFutureDates, minDate, }: DateMonthPickerProps) => React.JSX.Element;
+  export const DateMonthPicker: ({ dateRange, changeDateRange, enableFutureDates, minDate, currentDateOption, }: DateMonthPickerProps) => React.JSX.Element;
   export {};
 
 }
@@ -1058,6 +1337,8 @@ declare module '@layerfi/components/components/ExpandedBankTransactionRow/Expand
       submitBtnText?: string;
       containerWidth?: number;
       editable?: boolean;
+      showDescriptions: boolean;
+      showReceiptUploads: boolean;
   };
   export type SaveHandle = {
       save: () => void;
@@ -1244,10 +1525,10 @@ declare module '@layerfi/components/components/JournalForm/index' {
 }
 declare module '@layerfi/components/components/JournalRow/JournalRow' {
   import React from 'react';
-  import { JournalEntry, JournalEntryLine } from '@layerfi/components/types';
+  import { JournalEntry, JournalEntryLine, JournalEntryLineItem } from '@layerfi/components/types';
   import { View } from '@layerfi/components/components/Journal/index';
   export interface JournalRowProps {
-      row: JournalEntry | JournalEntryLine;
+      row: JournalEntry | JournalEntryLine | JournalEntryLineItem;
       index: number;
       initialLoad?: boolean;
       view: View;
@@ -1324,6 +1605,10 @@ declare module '@layerfi/components/components/LedgerAccount/index' {
 }
 declare module '@layerfi/components/components/LedgerAccountEntryDetails/LedgerAccountEntryDetails' {
   import React from 'react';
+  import { LedgerEntrySource } from '@layerfi/components/types/ledger_accounts';
+  export const SourceDetailView: ({ source }: {
+      source: LedgerEntrySource;
+  }) => React.JSX.Element | null;
   export const LedgerAccountEntryDetails: () => React.JSX.Element;
 
 }
@@ -1434,9 +1719,16 @@ declare module '@layerfi/components/components/MatchForm/MatchForm' {
   }
   export const MatchForm: ({ classNamePrefix, bankTransaction, selectedMatchId, setSelectedMatchId, matchFormError, }: MatchFormProps) => React.JSX.Element;
 
+}
+declare module '@layerfi/components/components/MatchForm/MatchFormMobile' {
+  import React from 'react';
+  import { MatchFormProps } from '@layerfi/components/components/MatchForm/MatchForm';
+  export const MatchFormMobile: ({ classNamePrefix, bankTransaction, selectedMatchId, setSelectedMatchId, matchFormError, }: MatchFormProps) => React.JSX.Element;
+
 }
 declare module '@layerfi/components/components/MatchForm/index' {
   export { MatchForm } from '@layerfi/components/components/MatchForm/MatchForm';
+  export { MatchFormMobile } from '@layerfi/components/components/MatchForm/MatchFormMobile';
 
 }
 declare module '@layerfi/components/components/NotificationCard/NotificationCard' {
@@ -1776,6 +2068,46 @@ declare module '@layerfi/components/components/SkeletonLoader/SkeletonLoader' {
 declare module '@layerfi/components/components/SkeletonLoader/index' {
   export { SkeletonLoader } from '@layerfi/components/components/SkeletonLoader/SkeletonLoader';
 
+}
+declare module '@layerfi/components/components/Tabs/Tab' {
+  import React, { ChangeEvent, ReactNode } from 'react';
+  interface TabProps {
+      checked: boolean;
+      label: string;
+      name: string;
+      onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+      value: string;
+      disabled?: boolean;
+      disabledMessage?: string;
+      leftIcon?: ReactNode;
+      index: number;
+  }
+  export const Tab: ({ checked, label, name, onChange, value, leftIcon, disabled, disabledMessage, index, }: TabProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/Tabs/Tabs' {
+  import React, { ChangeEvent, ReactNode } from 'react';
+  interface Option {
+      label: string;
+      value: string;
+      disabled?: boolean;
+      disabledMessage?: string;
+      leftIcon?: ReactNode;
+  }
+  interface TabsProps {
+      name: string;
+      options: Option[];
+      selected?: Option['value'];
+      onChange: (event: ChangeEvent<HTMLInputElement>) => void;
+  }
+  export const Tabs: ({ name, options, selected, onChange }: TabsProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/Tabs/index' {
+  export { Tabs } from '@layerfi/components/components/Tabs/Tabs';
+
 }
 declare module '@layerfi/components/components/Tasks/Tasks' {
   import React from 'react';
@@ -1841,19 +2173,32 @@ declare module '@layerfi/components/components/Textarea/Textarea' {
 declare module '@layerfi/components/components/Textarea/index' {
   export { Textarea } from '@layerfi/components/components/Textarea/Textarea';
 
+}
+declare module '@layerfi/components/components/Toast/Toast' {
+  import React from 'react';
+  export interface ToastProps {
+      id?: string;
+      content: string;
+      duration?: number;
+      isExiting?: boolean;
+  }
+  export const ToastsContainer: React.ForwardRefExoticComponent<React.RefAttributes<unknown>>;
+
 }
 declare module '@layerfi/components/components/Toggle/Toggle' {
-  import React, { ChangeEvent, ReactNode } from 'react';
+  import React, { CSSProperties, ChangeEvent, ReactNode } from 'react';
   export interface Option {
       label: string;
       value: string;
       disabled?: boolean;
       disabledMessage?: string;
       leftIcon?: ReactNode;
+      style?: CSSProperties;
   }
   export enum ToggleSize {
       medium = "medium",
-      small = "small"
+      small = "small",
+      xsmall = "xsmall"
   }
   export interface ToggleProps {
       name: string;
@@ -2119,6 +2464,7 @@ declare module '@layerfi/components/config/charts' {
 }
 declare module '@layerfi/components/config/general' {
   export const DATE_FORMAT = "LLL d, yyyy";
+  export const MONTH_DAY_FORMAT = "LLL d";
   export const TIME_FORMAT = "p";
   export const BREAKPOINTS: {
       TABLET: number;
@@ -2298,6 +2644,7 @@ declare module '@layerfi/components/contexts/LinkedAccountsContext/LinkedAccount
       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;
+      updateConnectionStatus: () => void;
       refetchAccounts: () => void;
       syncAccounts: () => void;
       unlinkAccount: (source: import("@layerfi/components/types/linked_accounts").Source, accountId: string) => void;
@@ -2474,7 +2821,6 @@ declare module '@layerfi/components/hooks/useJournal/useJournal' {
       } | undefined;
   }
   export const useJournal: UseJournal;
-  export const flattenEntries: (entries: JournalEntry[]) => JournalEntry[];
   export {};
 
 }
@@ -2535,6 +2881,7 @@ declare module '@layerfi/components/hooks/useLinkedAccounts/useLinkedAccounts' {
       addConnection: (source: Source) => void;
       removeConnection: (source: Source, sourceId: string) => void;
       repairConnection: (source: Source, sourceId: string) => void;
+      updateConnectionStatus: () => void;
       refetchAccounts: () => void;
       syncAccounts: () => void;
       unlinkAccount: (source: Source, accountId: string) => void;
@@ -2679,6 +3026,23 @@ declare module '@layerfi/components/hooks/useTasks/useTasks' {
   export const useTasks: UseTasks;
   export {};
 
+}
+declare module '@layerfi/components/hooks/useWindowSize/index' {
+  export { useWindowSize, useSizeClass } from '@layerfi/components/hooks/useWindowSize/useWindowSize';
+
+}
+declare module '@layerfi/components/hooks/useWindowSize/useWindowSize' {
+  export const useWindowSize: () => number[];
+  export type SizeClass = 'mobile' | 'tablet' | 'desktop';
+  interface UseSizeClass {
+      value: SizeClass;
+      isMobile: boolean;
+      isTablet: boolean;
+      isDesktop: boolean;
+  }
+  export function useSizeClass(): UseSizeClass;
+  export {};
+
 }
 declare module '@layerfi/components/icons/AlertCircle' {
   import * as React from 'react';
@@ -2753,8 +3117,8 @@ declare module '@layerfi/components/icons/ChevronLeft' {
 declare module '@layerfi/components/icons/ChevronRight' {
   import * as React from 'react';
   import { IconSvgProps } from '@layerfi/components/icons/types';
-  const ChavronRight: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
-  export default ChavronRight;
+  const ChevronRight: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default ChevronRight;
 
 }
 declare module '@layerfi/components/icons/CloseIcon' {
@@ -2791,6 +3155,13 @@ declare module '@layerfi/components/icons/Folder' {
   const Folder: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default Folder;
 
+}
+declare module '@layerfi/components/icons/Inbox' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const Inbox: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default Inbox;
+
 }
 declare module '@layerfi/components/icons/InstitutionIcon' {
   import * as React from 'react';
@@ -3265,12 +3636,18 @@ declare module '@layerfi/components/types/general' {
       label: string;
       value: string | number;
   }
+  export interface S3PresignedUrl {
+      type: 'S3_Presigned_Url';
+      presignedUrl: string;
+      fileType: string;
+  }
   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';
+  import { LedgerEntrySource } from '@layerfi/components/types/ledger_accounts';
   export interface JournalEntry {
       id: string;
       business_id: string;
@@ -3281,7 +3658,8 @@ declare module '@layerfi/components/types/journal' {
       entry_at: string;
       reversal_of_id: string | null;
       reversal_id: string | null;
-      line_items: any[];
+      line_items: JournalEntryLineItem[];
+      source?: LedgerEntrySource;
   }
   export interface JournalEntryLine {
       id: string;
@@ -3315,6 +3693,7 @@ declare module '@layerfi/components/types/journal' {
 
 }
 declare module '@layerfi/components/types/layer_context' {
+  import { ToastProps } from '@layerfi/components/components/Toast/Toast';
   import { Business, Category } from '@layerfi/components/types';
   import { ExpiringOAuthResponse } from '@layerfi/components/types/authentication';
   export type LayerContextValues = {
@@ -3328,6 +3707,9 @@ declare module '@layerfi/components/types/layer_context' {
       usePlaidSandbox?: boolean;
       onboardingStep?: OnboardingStep;
       environment: string;
+      toasts: (ToastProps & {
+          isExiting: boolean;
+      })[];
   };
   export type LayerContextHelpers = {
       getColor: (shade: number) => ColorsPaletteOption | undefined;
@@ -3335,6 +3717,8 @@ declare module '@layerfi/components/types/layer_context' {
       setDarkColor: (color?: ColorConfig) => void;
       setColors: (colors?: LayerThemeConfigColors) => void;
       setOnboardingStep: (value: OnboardingStep) => void;
+      addToast: (toast: ToastProps) => void;
+      removeToast: (toast: ToastProps) => void;
   };
   export interface ColorHSLConfig {
       h: string;
@@ -3380,7 +3764,10 @@ declare module '@layerfi/components/types/layer_context' {
       setCategories = "LayerContext.setCategories",
       setTheme = "LayerContext.setTheme",
       setOnboardingStep = "LayerContext.setOnboardingStep",
-      setColors = "LayerContext.setColors"
+      setColors = "LayerContext.setColors",
+      setToast = "LayerContext.setToast",
+      removeToast = "LayerContext.removeToast",
+      setToastExit = "LayerContext.setToastExit"
   }
   export type LayerContextAction = {
       type: LayerContextActionName.setAuth;
@@ -3412,6 +3799,21 @@ declare module '@layerfi/components/types/layer_context' {
       payload: {
           colors: LayerContextValues['colors'];
       };
+  } | {
+      type: LayerContextActionName.setToast;
+      payload: {
+          toast: ToastProps;
+      };
+  } | {
+      type: LayerContextActionName.removeToast;
+      payload: {
+          toast: ToastProps;
+      };
+  } | {
+      type: LayerContextActionName.setToastExit;
+      payload: {
+          toast: ToastProps;
+      };
   };
 
 }
@@ -3644,6 +4046,13 @@ declare module '@layerfi/components/types' {
   };
   export type ReportingBasis = 'CASH' | 'ACCRUAL';
 
+}
+declare module '@layerfi/components/utils/bankTransactions' {
+  import { BankTransaction } 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;
+
 }
 declare module '@layerfi/components/utils/business' {
   import { Business } from '@layerfi/components/types';
@@ -3729,8 +4138,10 @@ declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/Ban
       title?: string;
       elevatedLinkedAccounts?: boolean;
       showLedgerBalance?: boolean;
+      showDescriptions?: boolean;
+      showReceiptUploads?: boolean;
   }
-  export const BankTransactionsWithLinkedAccounts: ({ title, elevatedLinkedAccounts, showLedgerBalance, }: BankTransactionsWithLinkedAccountsProps) => React.JSX.Element;
+  export const BankTransactionsWithLinkedAccounts: ({ title, elevatedLinkedAccounts, showLedgerBalance, showDescriptions, showReceiptUploads, }: BankTransactionsWithLinkedAccountsProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/index' {