@layerfi/components 0.1.94 → 0.1.95-alpha

package/dist/index.d.ts

@@ -58,9 +58,8 @@ declare module '@layerfi/components/api/layer/bankTransactions' {
           };
       };
   };
-  type GetBankTransactionsParams = {
+  type GetBankTransactionsBaseParams = {
       businessId: string;
-      cursor?: string;
       categorized?: boolean;
       descriptionFilter?: string;
       direction?: 'INFLOW' | 'OUTFLOW';
@@ -70,8 +69,12 @@ declare module '@layerfi/components/api/layer/bankTransactions' {
       sortOrder?: 'ASC' | 'DESC';
       sortBy?: string;
   };
+  type GetBankTransactionsPaginatedParams = GetBankTransactionsBaseParams & {
+      cursor?: string;
+      limit?: number;
+  };
   export const getBankTransactions: (baseUrl: string, accessToken: string | undefined, options?: {
-      params?: GetBankTransactionsParams | undefined;
+      params?: GetBankTransactionsPaginatedParams | undefined;
   } | undefined) => () => Promise<GetBankTransactionsReturn>;
   export const categorizeBankTransaction: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: Record<string, string | undefined> | undefined;
@@ -90,26 +93,10 @@ declare module '@layerfi/components/api/layer/bankTransactions' {
       data: BankTransactionMatch;
       errors: unknown;
   }>;
-  export interface GetBankTransactionsExportParams 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;
-      error?: unknown;
-  }>;
   export const getBankTransactionsExcel: (baseUrl: string, accessToken: string | undefined, options?: {
-      params?: Record<string, string | undefined> | undefined;
+      params?: GetBankTransactionsBaseParams | undefined;
   } | undefined) => () => Promise<{
-      data?: S3PresignedUrl;
-      error?: unknown;
+      data: S3PresignedUrl;
   }>;
   export const getBankTransactionMetadata: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: Record<string, string | undefined> | undefined;
@@ -692,18 +679,6 @@ declare module '@layerfi/components/api/layer' {
       } | undefined) => () => Promise<{
           data: import("@layerfi/components/types/general").S3PresignedUrl;
       }>;
-      getBankTransactionsCsv: (baseUrl: string, accessToken: string | undefined, options?: {
-          params?: Record<string, string | undefined> | undefined;
-      } | undefined) => () => Promise<{
-          data?: import("@layerfi/components/types/general").S3PresignedUrl;
-          error?: unknown;
-      }>;
-      getBankTransactionsExcel: (baseUrl: string, accessToken: string | undefined, options?: {
-          params?: Record<string, string | undefined> | undefined;
-      } | undefined) => () => Promise<{
-          data?: import("@layerfi/components/types/general").S3PresignedUrl;
-          error?: unknown;
-      }>;
       getBankTransactionMetadata: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: Record<string, string | undefined> | undefined;
       } | undefined) => () => Promise<{
@@ -1281,6 +1256,10 @@ declare module '@layerfi/components/components/BankTransactionList/BankTransacti
   export const BankTransactionListItem: ({ index, dateFormat, bankTransaction, editable, showDescriptions, showReceiptUploads, showTooltips, containerWidth, removeTransaction, stringOverrides, }: Props) => import("react/jsx-runtime").JSX.Element;
   export {};
 
+}
+declare module '@layerfi/components/components/BankTransactionList/BankTransactionProcessingInfo' {
+  export const BankTransactionProcessingInfo: () => import("react/jsx-runtime").JSX.Element;
+
 }
 declare module '@layerfi/components/components/BankTransactionList/index' {
   export { BankTransactionList } from '@layerfi/components/components/BankTransactionList/BankTransactionList';
@@ -1362,10 +1341,11 @@ declare module '@layerfi/components/components/BankTransactionMobileList/Busines
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/MatchForm' {
   import { BankTransaction } from '@layerfi/components/types';
-  export const MatchForm: ({ bankTransaction, showReceiptUploads, showDescriptions, }: {
+  export const MatchForm: ({ bankTransaction, showReceiptUploads, showDescriptions, showCategorization, }: {
       bankTransaction: BankTransaction;
       showReceiptUploads?: boolean;
       showDescriptions?: boolean;
+      showCategorization?: boolean;
   }) => import("react/jsx-runtime").JSX.Element;
 
 }
@@ -1375,8 +1355,9 @@ declare module '@layerfi/components/components/BankTransactionMobileList/Persona
       bankTransaction: BankTransaction;
       showReceiptUploads?: boolean;
       showDescriptions?: boolean;
+      showCategorization?: boolean;
   }
-  export const PersonalForm: ({ bankTransaction, showReceiptUploads, showDescriptions, }: PersonalFormProps) => import("react/jsx-runtime").JSX.Element;
+  export const PersonalForm: ({ bankTransaction, showReceiptUploads, showDescriptions, showCategorization, }: PersonalFormProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 
 }
@@ -1426,40 +1407,6 @@ declare module '@layerfi/components/components/BankTransactionMobileList/constan
       EXPENSES = "PERSONAL_EXPENSES"
   }
 
-}
-declare module '@layerfi/components/components/BankTransactionMobileList/index' {
-  export { BankTransactionMobileList } from '@layerfi/components/components/BankTransactionMobileList/BankTransactionMobileList';
-
-}
-declare module '@layerfi/components/components/BankTransactionMobileList/useMemoText' {
-  import { ReactNode } from 'react';
-  import { BankTransaction } from '@layerfi/components/types';
-  interface MemoTextProps {
-      bankTransaction: BankTransaction;
-      isActive?: boolean;
-  }
-  interface MemoTextProviderProps extends MemoTextProps {
-      children: ReactNode;
-  }
-  export type MemoTextContextType = ReturnType<typeof useMemoText>;
-  export const MemoTextContext: import("react").Context<{
-      memoText: string | undefined;
-      setMemoText: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
-      saveMemoText: () => Promise<void>;
-  }>;
-  export const useMemoTextContext: () => {
-      memoText: string | undefined;
-      setMemoText: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
-      saveMemoText: () => Promise<void>;
-  };
-  const useMemoText: ({ bankTransaction, isActive }: MemoTextProps) => {
-      memoText: string | undefined;
-      setMemoText: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
-      saveMemoText: () => Promise<void>;
-  };
-  export const MemoTextProvider: ({ children, bankTransaction, isActive, }: MemoTextProviderProps) => import("react/jsx-runtime").JSX.Element;
-  export {};
-
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/utils' {
   import { BankTransaction } from '@layerfi/components/types';
@@ -1535,7 +1482,7 @@ declare module '@layerfi/components/components/BankTransactionRow/BankTransactio
       stringOverrides?: BankTransactionCTAStringOverrides;
   };
   export type LastSubmittedForm = 'simple' | 'match' | 'split' | undefined;
-  export const extractDescriptionForSplit: (category: CategoryWithEntries) => string;
+  export const extractDescriptionForSplit: (category: CategoryWithEntries | null) => string;
   export const getDefaultSelectedCategory: (bankTransaction: BankTransaction) => import("@layerfi/components/components/CategorySelect/CategorySelect").CategoryOption | undefined;
   export const BankTransactionRow: ({ index, editable, dateFormat, bankTransaction, removeTransaction, containerWidth, initialLoad, showDescriptions, showReceiptUploads, showReceiptUploadColumn, showTooltips, stringOverrides, }: Props) => import("react/jsx-runtime").JSX.Element;
   export {};
@@ -1556,17 +1503,47 @@ declare module '@layerfi/components/components/BankTransactionRow/SplitTooltipDe
   import type { CategoryWithEntries } from '@layerfi/components/types/bank_transactions';
   export const SplitTooltipDetails: ({ classNamePrefix, category, }: {
       classNamePrefix: string;
-      category: CategoryWithEntries;
+      category: CategoryWithEntries | null;
   }) => import("react/jsx-runtime").JSX.Element | undefined;
 
 }
-declare module '@layerfi/components/components/BankTransactionRow/index' {
-  export { BankTransactionRow } from '@layerfi/components/components/BankTransactionRow/BankTransactionRow';
+declare module '@layerfi/components/components/BankTransactions/BankTransactionMemo/BankTransactionMemo' {
+  import { BankTransaction } from '@layerfi/components/types/bank_transactions';
+  export const BankTransactionMemo: ({ bankTransactionId }: {
+      bankTransactionId: BankTransaction["id"];
+  }) => import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/BankTransactions/BankTransactionMemo/useBankTransactionMemo' {
+  import { BankTransaction } from '@layerfi/components/types';
+  interface BankTransactionMemoProps {
+      bankTransactionId: BankTransaction['id'];
+  }
+  export const useBankTransactionMemo: ({ bankTransactionId }: BankTransactionMemoProps) => import("@tanstack/react-form").ReactFormExtendedApi<{
+      memo: string | null | undefined;
+  }, import("@tanstack/react-form").FormValidateOrFn<{
+      memo: string | null | undefined;
+  }> | undefined, import("@tanstack/react-form").FormValidateOrFn<{
+      memo: string | null | undefined;
+  }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
+      memo: string | null | undefined;
+  }> | undefined, import("@tanstack/react-form").FormValidateOrFn<{
+      memo: string | null | undefined;
+  }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
+      memo: string | null | undefined;
+  }> | undefined, import("@tanstack/react-form").FormValidateOrFn<{
+      memo: string | null | undefined;
+  }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
+      memo: string | null | undefined;
+  }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
+      memo: string | null | undefined;
+  }> | undefined, unknown>;
+  export {};
 
 }
 declare module '@layerfi/components/components/BankTransactions/BankTransactions' {
   import { BankTransactionFilters } from '@layerfi/components/hooks/useBankTransactions/types';
-  import { BankTransactionsTableStringOverrides } from '@layerfi/components/components/BankTransactionsTable/BankTransactionsTable';
+  import { type BankTransactionsTableStringOverrides } from '@layerfi/components/components/BankTransactionsTable/BankTransactionsTable';
   import { BankTransactionsHeaderStringOverrides } from '@layerfi/components/components/BankTransactions/BankTransactionsHeader';
   import { MobileComponentType } from '@layerfi/components/components/BankTransactions/constants';
   import type { LayerError } from '@layerfi/components/models/ErrorHandler';
@@ -1630,17 +1607,15 @@ declare module '@layerfi/components/components/BankTransactions/BankTransactions
   export const BankTransactionsHeader: ({ shiftStickyHeader, asWidget, categorizedOnly, categorizeView, display, onCategorizationDisplayChange, mobileComponent, withDatePicker, listView, dateRange, setDateRange, stringOverrides, isSyncing, }: BankTransactionsHeaderProps) => import("react/jsx-runtime").JSX.Element;
 
 }
-declare module '@layerfi/components/components/BankTransactions/DataStates' {
-  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) => import("react/jsx-runtime").JSX.Element;
+declare module '@layerfi/components/components/BankTransactions/BankTransactionsTableEmptyState' {
+  type BankTransactionsTableEmptyStatesProps = {
+      hasVisibleTransactions: boolean;
+      isCategorizationMode: boolean;
+      isError: boolean;
+      isFiltered: boolean;
+      isLoadingWithoutData: boolean;
+  };
+  export function BankTransactionsTableEmptyStates({ hasVisibleTransactions, isCategorizationMode, isError, isFiltered, isLoadingWithoutData, }: BankTransactionsTableEmptyStatesProps): import("react/jsx-runtime").JSX.Element | null;
   export {};
 
 }
@@ -1688,7 +1663,6 @@ declare module '@layerfi/components/components/BankTransactionsTable/BankTransac
       editable: boolean;
       categorizeView?: boolean;
       isLoading?: boolean;
-      initialLoad?: boolean;
       containerWidth: number;
       removeTransaction: (bt: BankTransaction) => void;
       showDescriptions?: boolean;
@@ -1700,22 +1674,19 @@ declare module '@layerfi/components/components/BankTransactionsTable/BankTransac
       lastPage?: boolean;
       onRefresh?: () => void;
   }
-  export const BankTransactionsTable: ({ categorizeView, editable, isLoading, bankTransactions, initialLoad, containerWidth, removeTransaction, showDescriptions, showReceiptUploads, showTooltips, stringOverrides, isSyncing, page, lastPage, onRefresh, }: BankTransactionsTableProps) => import("react/jsx-runtime").JSX.Element;
+  export const BankTransactionsTable: ({ categorizeView, editable, isLoading, bankTransactions, containerWidth, removeTransaction, showDescriptions, showReceiptUploads, showTooltips, stringOverrides, isSyncing, page, lastPage, onRefresh, }: BankTransactionsTableProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 
-}
-declare module '@layerfi/components/components/BankTransactionsTable/index' {
-  export { BankTransactionsTable } from '@layerfi/components/components/BankTransactionsTable/BankTransactionsTable';
-
 }
 declare module '@layerfi/components/components/BookkeepingStatus/BookkeepingStatus' {
   import { BookkeepingPeriodStatus } from '@layerfi/components/hooks/bookkeeping/periods/useBookkeepingPeriods';
   type BookkeepingStatusProps = {
       monthNumber?: number;
       status?: BookkeepingPeriodStatus;
+      text?: string;
       iconOnly?: boolean;
   };
-  export const BookkeepingStatus: ({ status, monthNumber, iconOnly }: BookkeepingStatusProps) => import("react/jsx-runtime").JSX.Element | undefined;
+  export const BookkeepingStatus: ({ status, text, monthNumber, iconOnly }: BookkeepingStatusProps) => import("react/jsx-runtime").JSX.Element | undefined;
   export {};
 
 }
@@ -1750,7 +1721,7 @@ declare module '@layerfi/components/components/BookkeepingStatus/utils' {
   };
   type BookkeepingStatusConfigOptions = {
       status: BookkeepingPeriodStatus;
-      monthNumber: number;
+      monthNumber?: number;
       incompleteTasksCount?: number;
   };
   export function getBookkeepingStatusConfig({ status, monthNumber, incompleteTasksCount, }: BookkeepingStatusConfigOptions): InternalStatusConfig | undefined;
@@ -3013,20 +2984,16 @@ declare module '@layerfi/components/components/LinkedAccountOptions/index' {
 
 }
 declare module '@layerfi/components/components/LinkedAccountPill/LinkedAccountPill' {
-  type Props = {
-      text: string;
-      config: {
-          name: string;
+  type LinkedAccountPillProps = {
+      label: string;
+      items: ReadonlyArray<{
           action: () => void;
-      }[];
+          name: string;
+      }>;
   };
-  export const LinkedAccountPill: ({ text, config }: Props) => import("react/jsx-runtime").JSX.Element;
+  export function LinkedAccountPill({ label, items }: LinkedAccountPillProps): import("react/jsx-runtime").JSX.Element;
   export {};
 
-}
-declare module '@layerfi/components/components/LinkedAccountPill/index' {
-  export { LinkedAccountPill } from '@layerfi/components/components/LinkedAccountPill/LinkedAccountPill';
-
 }
 declare module '@layerfi/components/components/LinkedAccountThumb/LinkedAccountThumb' {
   import { LinkedAccount } from '@layerfi/components/types/linked_accounts';
@@ -3034,19 +3001,11 @@ declare module '@layerfi/components/components/LinkedAccountThumb/LinkedAccountT
       account: LinkedAccount;
       asWidget?: boolean;
       showLedgerBalance?: boolean;
-      pillConfig?: {
-          text: string;
-          config: {
-              name: string;
-              action: () => void;
-          }[];
+      slots: {
+          Pill: React.ReactNode;
       };
   }
-  export const LinkedAccountThumb: ({ account, asWidget, showLedgerBalance, pillConfig, }: LinkedAccountThumbProps) => import("react/jsx-runtime").JSX.Element;
-
-}
-declare module '@layerfi/components/components/LinkedAccountThumb/index' {
-  export { LinkedAccountThumb } from '@layerfi/components/components/LinkedAccountThumb/LinkedAccountThumb';
+  export const LinkedAccountThumb: ({ account, asWidget, showLedgerBalance, slots, }: LinkedAccountThumbProps) => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/components/LinkedAccounts/AccountFormBox/AccountFormBox' {
@@ -3247,12 +3206,12 @@ declare module '@layerfi/components/components/MatchForm/MatchForm' {
       matchFormError?: string;
       readOnly?: boolean;
   }
-  export const MatchForm: ({ classNamePrefix, bankTransaction, selectedMatchId, setSelectedMatchId, matchFormError, readOnly, }: MatchFormProps) => import("react/jsx-runtime").JSX.Element;
+  export const MatchForm: ({ classNamePrefix, bankTransaction, selectedMatchId, setSelectedMatchId, matchFormError, readOnly, }: MatchFormProps) => import("react/jsx-runtime").JSX.Element | null;
 
 }
 declare module '@layerfi/components/components/MatchForm/MatchFormMobile' {
   import { MatchFormProps } from '@layerfi/components/components/MatchForm/MatchForm';
-  export const MatchFormMobile: ({ classNamePrefix, bankTransaction, selectedMatchId, setSelectedMatchId, matchFormError, }: MatchFormProps) => import("react/jsx-runtime").JSX.Element;
+  export const MatchFormMobile: ({ classNamePrefix, bankTransaction, selectedMatchId, setSelectedMatchId, matchFormError, readOnly, }: MatchFormProps) => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/components/MatchForm/index' {
@@ -3355,22 +3314,6 @@ declare module '@layerfi/components/components/PeriodPicker/PeriodPicker' {
 declare module '@layerfi/components/components/PeriodPicker/index' {
   export { PeriodPicker } from '@layerfi/components/components/PeriodPicker/PeriodPicker';
 
-}
-declare module '@layerfi/components/components/Pill/Pill' {
-  import { PropsWithChildren } from 'react';
-  type PillKind = 'default' | 'info' | 'success' | 'warning' | 'error';
-  type Props = PropsWithChildren & {
-      kind?: PillKind;
-      onHover?: () => void;
-      onClick?: () => void;
-  };
-  export const Pill: ({ children, kind, onHover, onClick }: Props) => import("react/jsx-runtime").JSX.Element;
-  export {};
-
-}
-declare module '@layerfi/components/components/Pill/index' {
-  export { Pill } from '@layerfi/components/components/Pill/Pill';
-
 }
 declare module '@layerfi/components/components/PlatformOnboarding/Container/LinkAccountsListContainer' {
   import type { PropsWithChildren } from 'react';
@@ -4209,8 +4152,9 @@ declare module '@layerfi/components/components/Tasks/Tasks' {
       tasksHeader?: string;
       mobile?: boolean;
       stringOverrides?: TasksStringOverrides;
+      onClickReconnectAccounts?: () => void;
   };
-  export function Tasks({ mobile, tasksHeader, stringOverrides, }: TasksProps): import("react/jsx-runtime").JSX.Element;
+  export function Tasks({ mobile, tasksHeader, onClickReconnectAccounts, stringOverrides, }: TasksProps): import("react/jsx-runtime").JSX.Element;
   export {};
 
 }
@@ -4259,7 +4203,11 @@ declare module '@layerfi/components/components/Tasks/TasksMonthSelector' {
 
 }
 declare module '@layerfi/components/components/Tasks/TasksPanelNotification' {
-  export const TasksPanelNotification: () => import("react/jsx-runtime").JSX.Element | null;
+  type TasksPanelNotificationProps = {
+      onClickReconnectAccounts?: () => void;
+  };
+  export const TasksPanelNotification: ({ onClickReconnectAccounts, }: TasksPanelNotificationProps) => import("react/jsx-runtime").JSX.Element | null;
+  export {};
 
 }
 declare module '@layerfi/components/components/Tasks/TasksPending' {
@@ -4368,7 +4316,9 @@ declare module '@layerfi/components/components/Tooltip/Tooltip' {
   export const TooltipTrigger: import("react").ForwardRefExoticComponent<Omit<HTMLProps<HTMLElement> & {
       asChild?: boolean;
   }, "ref"> & import("react").RefAttributes<HTMLElement>>;
-  type TooltipContentProps = Omit<HTMLProps<HTMLDivElement>, 'style'>;
+  type TooltipContentProps = Omit<HTMLProps<HTMLDivElement>, 'style'> & {
+      width?: 'md';
+  };
   export const TooltipContent: import("react").ForwardRefExoticComponent<Omit<TooltipContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   export {};
 
@@ -4617,11 +4567,26 @@ declare module '@layerfi/components/components/Wizard/Wizard' {
   export function Wizard({ Header, Footer, onComplete, children, }: WizardProps): import("react/jsx-runtime").JSX.Element;
   export {};
 
+}
+declare module '@layerfi/components/components/domain/transactions/actions/TransactionsActions' {
+  import type { PropsWithChildren } from 'react';
+  export function TransactionsActions({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/domain/transactions/searchField/TransactionsSearchField' {
+  type TransactionsSearchFieldProps = {
+      value: string;
+      slot?: string;
+      onChange: (value: string) => void;
+  };
+  export function TransactionsSearchField({ slot, ...restProps }: TransactionsSearchFieldProps): import("react/jsx-runtime").JSX.Element;
+  export {};
+
 }
 declare module '@layerfi/components/components/ui/Button/Button' {
   import { type ButtonProps } from 'react-aria-components';
   type ButtonVariant = 'solid' | 'ghost';
-  type ButtonSize = 'md' | 'lg';
+  type ButtonSize = 'sm' | 'md' | 'lg';
   const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "className"> & {
       icon?: true;
       size?: ButtonSize;
@@ -4651,6 +4616,16 @@ declare module '@layerfi/components/components/ui/Loading/LoadingSpinner' {
   import { type LucideProps } from 'lucide-react';
   export function LoadingSpinner({ size }: Pick<LucideProps, 'size'>): import("react/jsx-runtime").JSX.Element;
 
+}
+declare module '@layerfi/components/components/ui/Menu/Menu' {
+  import { type MenuItemProps as ReactAriaMenuItemProps } from 'react-aria-components';
+  export const Menu: import("react").ForwardRefExoticComponent<{
+      children?: import("react").ReactNode | undefined;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+  export const MenuItem: import("react").ForwardRefExoticComponent<{
+      children?: import("react").ReactNode | undefined;
+  } & Pick<ReactAriaMenuItemProps<object>, "textValue" | "onAction"> & import("react").RefAttributes<HTMLDivElement>>;
+
 }
 declare module '@layerfi/components/components/ui/Modal/Modal' {
   import { type ComponentProps } from 'react';
@@ -4684,18 +4659,38 @@ declare module '@layerfi/components/components/ui/Modal/ModalSlots' {
       size?: "2xs" | "xs" | "sm" | "lg";
   }, "ref"> & import("react").RefAttributes<HTMLHeadingElement>, "slot" | "level">, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
   const ModalDescription: import("react").ForwardRefExoticComponent<Omit<Omit<{
-      size?: "xs" | "sm" | "md" | "lg";
+      slot?: string | undefined | undefined;
+  } & {
+      align?: "center";
       pbe?: import("@layerfi/components/components/ui/sharedUITypes").Spacing;
       pbs?: import("@layerfi/components/components/ui/sharedUITypes").Spacing;
-      align?: "center";
+      size?: "xs" | "sm" | "md" | "lg";
       variant?: "subtle";
-  } & Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">, "slot"> & {
+  } & {
       children?: import("react").ReactNode | undefined;
   } & import("react").RefAttributes<HTMLParagraphElement>, "slot">, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
   function ModalContent({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
   function ModalActions({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
   export { ModalContextBar, ModalHeading, ModalDescription, ModalContent, ModalActions, };
 
+}
+declare module '@layerfi/components/components/ui/Pill/Pill' {
+  import { type ButtonProps } from 'react-aria-components';
+  type PillStatus = 'error';
+  export const Pill: import("react").ForwardRefExoticComponent<Pick<ButtonProps, "children" | "onHoverStart" | "onPress"> & {
+      status?: PillStatus;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
+  export {};
+
+}
+declare module '@layerfi/components/components/ui/SearchField/MinimalSearchField' {
+  import { type SearchFieldProps as ReactAriaSearchFieldProps } from 'react-aria-components';
+  type MinimalSearchFieldProps = ReactAriaSearchFieldProps & {
+      placeholder?: string;
+  };
+  export function MinimalSearchField({ placeholder, ...restProps }: MinimalSearchFieldProps): import("react/jsx-runtime").JSX.Element;
+  export {};
+
 }
 declare module '@layerfi/components/components/ui/Stack/Stack' {
   import { type PropsWithChildren } from 'react';
@@ -4706,6 +4701,9 @@ declare module '@layerfi/components/components/ui/Stack/Stack' {
       justify?: 'start' | 'center' | 'end';
       pbs?: Spacing;
       pbe?: Spacing;
+      pis?: Spacing;
+      pie?: Spacing;
+      fluid?: boolean;
       slot?: string;
       className?: string;
   }>;
@@ -4734,17 +4732,30 @@ declare module '@layerfi/components/components/ui/Typography/MoneyText' {
 
 }
 declare module '@layerfi/components/components/ui/Typography/Text' {
+  import type { ComponentPropsWithoutRef } from 'react';
   import type { Spacing } from '@layerfi/components/components/ui/sharedUITypes';
-  const P: import("react").ForwardRefExoticComponent<{
-      size?: "xs" | "sm" | "md" | "lg";
+  type ParagraphProps = Pick<ComponentPropsWithoutRef<'p'>, 'slot'>;
+  type TextStyleProps = {
+      align?: 'center';
       pbe?: Spacing;
       pbs?: Spacing;
-      align?: "center";
-      variant?: "subtle";
-  } & Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">, "slot"> & {
+      size?: 'xs' | 'sm' | 'md' | 'lg';
+      variant?: 'subtle';
+  };
+  export const P: import("react").ForwardRefExoticComponent<ParagraphProps & TextStyleProps & {
       children?: import("react").ReactNode | undefined;
   } & import("react").RefAttributes<HTMLParagraphElement>>;
-  export { P };
+  type SpanProps = Pick<ComponentPropsWithoutRef<'span'>, 'slot'>;
+  export const Span: import("react").ForwardRefExoticComponent<SpanProps & TextStyleProps & {
+      noWrap?: boolean;
+  } & {
+      children?: import("react").ReactNode | undefined;
+  } & import("react").RefAttributes<HTMLSpanElement>>;
+  type LabelProps = Pick<ComponentPropsWithoutRef<'label'>, 'slot'>;
+  export const Label: import("react").ForwardRefExoticComponent<LabelProps & TextStyleProps & {
+      children?: import("react").ReactNode | undefined;
+  } & import("react").RefAttributes<HTMLLabelElement>>;
+  export {};
 
 }
 declare module '@layerfi/components/components/ui/sharedUITypes' {
@@ -4913,7 +4924,6 @@ declare module '@layerfi/components/contexts/BankTransactionsContext/BankTransac
               has_more: boolean;
           };
       } | undefined;
-      loadingStatus: import("@layerfi/components/types/general").LoadedStatus;
       isLoading: boolean;
       isValidating: boolean;
       refetch: () => void;
@@ -4938,7 +4948,6 @@ declare module '@layerfi/components/contexts/BankTransactionsContext/BankTransac
               has_more: boolean;
           };
       } | undefined;
-      loadingStatus: import("@layerfi/components/types/general").LoadedStatus;
       isLoading: boolean;
       isValidating: boolean;
       refetch: () => void;
@@ -5192,6 +5201,19 @@ declare module '@layerfi/components/contexts/VendorsContext' {
   export const VendorsProvider: React.FC<VendorsProviderProps>;
   export {};
 
+}
+declare module '@layerfi/components/hooks/array/usePaginatedList' {
+  export function usePaginatedList<T>(list: ReadonlyArray<T>, pageSize: number): {
+      pageCount: number;
+      pageIndex: number;
+      pageItems: readonly T[];
+      pageSize: number;
+      next: () => void;
+      set: (pageIndex: number) => void;
+      previous: () => void;
+      reset: () => void;
+  };
+
 }
 declare module '@layerfi/components/hooks/balanceSheet/useBalanceSheet' {
   export function useBalanceSheet({ effectiveDate, }: {
@@ -5340,6 +5362,17 @@ declare module '@layerfi/components/hooks/bookkeeping/periods/useBookkeepingYear
       isLoading: boolean;
   };
 
+}
+declare module '@layerfi/components/hooks/bookkeeping/useBankAccounts' {
+  import { BankAccount } from '@layerfi/components/types/linked_accounts';
+  export const requiresNotification: (bankAccount: BankAccount) => boolean;
+  export const useBankAccounts: () => {
+      bankAccounts: BankAccount[];
+      isLoading: boolean;
+      error: any;
+      disconnectedAccountsRequiringNotification: number;
+  };
+
 }
 declare module '@layerfi/components/hooks/bookkeeping/useBookkeepingStatus' {
   const BOOKKEEPING_STATUSES: readonly ["NOT_PURCHASED", "ACTIVE", "ONBOARDING", "BOOKKEEPING_PAUSED"];
@@ -5504,14 +5537,15 @@ declare module '@layerfi/components/hooks/useBankTransactions/types' {
       id: string;
       name: string;
   }
-  export interface BankTransactionFilters {
+  export type BankTransactionFilters = {
       amount?: NumericRangeFilter;
       account?: string[];
       direction?: Direction[];
       categorizationStatus?: DisplayState;
       dateRange?: Partial<DateRange>;
+      descriptionFilter?: string;
       tagFilter?: TagFilterInput;
-  }
+  };
   export type UseBankTransactionsParams = {
       scope?: DisplayState;
       monthlyView?: boolean;
@@ -5521,8 +5555,9 @@ declare module '@layerfi/components/hooks/useBankTransactions/types' {
 declare module '@layerfi/components/hooks/useBankTransactions/useAugmentedBankTransactions' {
   import { BankTransaction, CategoryUpdate } from '@layerfi/components/types';
   import { DisplayState } from '@layerfi/components/types/bank_transactions';
-  import { LoadedStatus } from '@layerfi/components/types/general';
   import { BankTransactionFilters, UseBankTransactionsParams } from '@layerfi/components/hooks/useBankTransactions/types';
+  import { type UseBankTransactionsOptions } from '@layerfi/components/hooks/useBankTransactions/useBankTransactions';
+  export function bankTransactionFiltersToHookOptions(filters?: BankTransactionFilters): UseBankTransactionsOptions;
   export const useAugmentedBankTransactions: (params?: UseBankTransactionsParams) => {
       data: BankTransaction[] | undefined;
       metadata: {
@@ -5531,7 +5566,6 @@ declare module '@layerfi/components/hooks/useBankTransactions/useAugmentedBankTr
               has_more: boolean;
           };
       } | undefined;
-      loadingStatus: LoadedStatus;
       isLoading: boolean;
       isValidating: boolean;
       refetch: () => void;
@@ -5552,7 +5586,7 @@ declare module '@layerfi/components/hooks/useBankTransactions/useAugmentedBankTr
 }
 declare module '@layerfi/components/hooks/useBankTransactions/useBankTransactions' {
   import { type GetBankTransactionsReturn } from '@layerfi/components/api/layer/bankTransactions';
-  type UseBankTransactionsOptions = {
+  export type UseBankTransactionsOptions = {
       categorized?: boolean;
       direction?: 'INFLOW' | 'OUTFLOW';
       descriptionFilter?: string;
@@ -5561,7 +5595,41 @@ declare module '@layerfi/components/hooks/useBankTransactions/useBankTransaction
       tagFilterQueryString?: string;
   };
   export function useBankTransactions({ categorized, descriptionFilter, direction, startDate, endDate, tagFilterQueryString, }: UseBankTransactionsOptions): import("swr/infinite").SWRInfiniteResponse<GetBankTransactionsReturn, any>;
-  export {};
+
+}
+declare module '@layerfi/components/hooks/useBankTransactions/useBankTransactionsDownload' {
+  import type { UseBankTransactionsOptions } from '@layerfi/components/hooks/useBankTransactions/useBankTransactions';
+  export function useBankTransactionsDownload(): import("swr/mutation").SWRMutationResponse<import("../../types/general").S3PresignedUrl | undefined, any, () => {
+      readonly accessToken: string;
+      readonly apiUrl: string;
+      readonly businessId: string;
+      readonly tags: readonly ["#bank-transactions-download-excel"];
+  } | undefined, UseBankTransactionsOptions>;
+
+}
+declare module '@layerfi/components/hooks/useBankTransactions/useBankTransactionsMetadata' {
+  import { BankTransaction } from '@layerfi/components/types';
+  export const GET_BANK_TRANSACTION_METADATA_TAG_KEY = "#bank-transaction-metadata";
+  export function useBankTransactionMetadata({ bankTransactionId }: {
+      bankTransactionId: BankTransaction['id'];
+  }): import("swr").SWRResponse<import("../../types/bank_transactions").BankTransactionMetadata, any, any>;
+
+}
+declare module '@layerfi/components/hooks/useBankTransactions/useUpdateBankTransactionMetadata' {
+  import type { Awaitable } from '@layerfi/components/types/utility/promises';
+  export type UpdateBankTransactionMetadataBody = {
+      memo: string;
+  };
+  export function useUpdateBankTransactionMetadata({ bankTransactionId, onSuccess }: {
+      bankTransactionId: string;
+      onSuccess?: () => Awaitable<unknown>;
+  }): import("swr/mutation").SWRMutationResponse<import("../../types/bank_transactions").BankTransactionMetadata | undefined, any, () => {
+      accessToken: string;
+      apiUrl: string;
+      businessId: string;
+      bankTransactionId: string;
+      tags: string[];
+  } | undefined, UpdateBankTransactionMetadataBody>;
 
 }
 declare module '@layerfi/components/hooks/useBankTransactions/utils' {
@@ -5647,6 +5715,10 @@ declare module '@layerfi/components/hooks/useDataSync/useDataSync' {
   export const useDataSync: UseDataSync;
   export {};
 
+}
+declare module '@layerfi/components/hooks/useDebounce/useDebounce' {
+  export function useDebounce<F extends (...args: Parameters<F>) => ReturnType<F>>(fn: F): import("lodash").DebouncedFunc<(...args: Parameters<F>) => void>;
+
 }
 declare module '@layerfi/components/hooks/useDrawer/index' {
   export { useDrawer } from '@layerfi/components/hooks/useDrawer/useDrawer';
@@ -6107,6 +6179,15 @@ declare module '@layerfi/components/hooks/useWindowSize/useWindowSize' {
   export function useSizeClass(): UseSizeClass;
   export {};
 
+}
+declare module '@layerfi/components/hooks/visibility/useDelayedVisibility' {
+  export function useDelayedVisibility({ delay, initialVisibility, }: {
+      delay: number;
+      initialVisibility?: boolean;
+  }): {
+      isVisible: boolean;
+  };
+
 }
 declare module '@layerfi/components/icons/AlertCircle' {
   import { IconSvgProps } from '@layerfi/components/icons/types';
@@ -6861,7 +6942,7 @@ declare module '@layerfi/components/types/bank_transactions' {
       amount: number;
       direction: Direction;
       counterparty_name: string;
-      category: CategoryWithEntries;
+      category: CategoryWithEntries | null;
       categorization_status: CategorizationStatus;
       categorization_flow: Categorization | null;
       categorization_method: string;
@@ -7554,9 +7635,9 @@ declare module '@layerfi/components/types/linked_accounts' {
   };
   export type AccountSource = EnumWithUnknownValues<'PLAID' | 'STRIPE'>;
   const _KNOWN_ACCOUNT_NOTIFICATION_TYPES: readonly ["CONFIRM_RELEVANT", "CONFIRM_UNIQUE", "OPENING_BALANCE_MISSING"];
-  type KnownAccountNotificationType = typeof _KNOWN_ACCOUNT_NOTIFICATION_TYPES[number];
+  type KnownAccountNotificationType = (typeof _KNOWN_ACCOUNT_NOTIFICATION_TYPES)[number];
   const _KNOWN_ACCOUNT_NOTIFICATION_SCOPES: readonly ["USER"];
-  type KnownAccountNotificationScope = typeof _KNOWN_ACCOUNT_NOTIFICATION_SCOPES[number];
+  type KnownAccountNotificationScope = (typeof _KNOWN_ACCOUNT_NOTIFICATION_SCOPES)[number];
   type AccountNotificationType = EnumWithUnknownValues<KnownAccountNotificationType>;
   type AccountNotificationScope = EnumWithUnknownValues<KnownAccountNotificationScope>;
   type AccountNotification = {
@@ -7591,6 +7672,26 @@ declare module '@layerfi/components/types/linked_accounts' {
       type: string;
       external_accounts: Array<LinkedAccount>;
   };
+  export type FinancialAccountInstitution = {
+      id: string;
+      name: string;
+      logo: string | null;
+  };
+  export type BankAccount = {
+      id: string;
+      account_name: string | null;
+      ledger_account_id: string;
+      notes: string | null;
+      institution: FinancialAccountInstitution | null;
+      account_type: AccountType;
+      account_subtype: AccountSubtype;
+      notify_when_disconnected: boolean;
+      is_disconnected: boolean;
+      archived_at: string | null;
+      external_accounts: LinkedAccount[];
+  };
+  export type AccountType = 'DEPOSITORY' | 'CREDIT' | 'LOAN';
+  export type AccountSubtype = '_401A' | '_401K' | '_403B' | '_457B' | '_529' | 'BROKERAGE' | 'CASH_ISA' | 'CRYPTO_EXCHANGE' | 'EDUCATION_SAVINGS_ACCOUNT' | 'EBT' | 'FIXED_ANNUITY' | 'GIC' | 'HEALTH_REIMBURSEMENT_ARRANGEMENT' | 'HSA' | 'ISA' | 'IRA' | 'LIF' | 'LIFE_INSURANCE' | 'LIRA' | 'LRIF' | 'LRSP' | 'NON_CUSTODIAL_WALLET' | 'NON_TAXABLE_BROKERAGE_ACCOUNT' | 'OTHER' | 'OTHER_INSURANCE' | 'OTHER_ANNUITY' | 'PRIF' | 'RDSP' | 'RESP' | 'RLIF' | 'RRIF' | 'PENSION' | 'PROFIT_SHARING_PLAN' | 'RETIREMENT' | 'ROTH' | 'ROTH_401K' | 'RRSP' | 'SEP_IRA' | 'SIMPLE_IRA' | 'SIPP' | 'STOCK_PLAN' | 'THRIFT_SAVINGS_PLAN' | 'TFSA' | 'TRUST' | 'UGMA' | 'UTMA' | 'VARIABLE_ANNUITY' | 'CREDIT_CARD' | 'PAYPAL' | 'CD' | 'CHECKING' | 'SAVINGS' | 'MONEY_MARKET' | 'PREPAID' | 'AUTO' | 'BUSINESS' | 'COMMERCIAL' | 'CONSTRUCTION' | 'CONSUMER' | 'HOME_EQUITY' | 'LOAN' | 'MORTGAGE' | 'OVERDRAFT' | 'LINE_OF_CREDIT' | 'STUDENT' | 'CASH_MANAGEMENT' | 'KEOGH' | 'MUTUAL_FUND' | 'RECURRING' | 'REWARDS' | 'SAFE_DEPOSIT' | 'SARSEP' | 'PAYROLL' | 'NULL' | 'ENUM_UNKNOWN';
   export {};
 
 }
@@ -8270,7 +8371,6 @@ declare module '@layerfi/components/utils/format' {
 }
 declare module '@layerfi/components/utils/helpers' {
   export const range: (start: number, end: number) => number[];
-  export const debounce: <F extends (...args: Parameters<F>) => ReturnType<F>>(fnc: F, timeout?: number) => (...args: Parameters<F>) => void;
   export const sleep: (time: number) => Promise<unknown>;
   /**
    * Convert the account name into stable_name
@@ -8332,8 +8432,16 @@ declare module '@layerfi/components/utils/styleUtils/toDataProperties' {
   export {};
 
 }
-declare module '@layerfi/components/utils/switch/safeAssertUnreachable' {
-  export function safeAssertUnreachable(value: never, message?: string): never;
+declare module '@layerfi/components/utils/switch/assertUnreachable' {
+  export function safeAssertUnreachable<T>({ value, message, fallbackValue, }: {
+      value: never;
+      message?: string;
+      fallbackValue?: T;
+  }): T | undefined;
+  export function unsafeAssertUnreachable({ message, }: {
+      value: never;
+      message?: string;
+  }): never;
 
 }
 declare module '@layerfi/components/utils/swr/defaultSWRConfig' {
@@ -8481,12 +8589,13 @@ declare module '@layerfi/components/views/BookkeepingOverview/BookkeepingOvervie
               };
           };
       };
+      onClickReconnectAccounts?: () => void;
       /**
        * @deprecated Use `stringOverrides.title` instead
        */
       title?: string;
   }
-  export const BookkeepingOverview: ({ title, showTitle, stringOverrides, slotProps, }: BookkeepingOverviewProps) => import("react/jsx-runtime").JSX.Element;
+  export const BookkeepingOverview: ({ title, showTitle, onClickReconnectAccounts, stringOverrides, slotProps, }: BookkeepingOverviewProps) => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/views/BookkeepingOverview/index' {