@layerfi/components 0.1.93 → 0.1.94-alpha

package/dist/index.d.ts

@@ -1281,6 +1281,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 +1366,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 +1380,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 +1432,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';
@@ -1560,8 +1532,38 @@ declare module '@layerfi/components/components/BankTransactionRow/SplitTooltipDe
   }) => 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' {
@@ -1688,7 +1690,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,7 +1701,7 @@ 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 {};
 
 }
@@ -1713,9 +1714,10 @@ declare module '@layerfi/components/components/BookkeepingStatus/BookkeepingStat
   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 +1752,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;
@@ -3252,7 +3254,7 @@ declare module '@layerfi/components/components/MatchForm/MatchForm' {
 }
 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' {
@@ -4209,8 +4211,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 +4262,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 +4375,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 +4626,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;
@@ -4684,18 +4708,29 @@ 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/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 +4741,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 +4772,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 +4964,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 +4988,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 +5241,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 +5402,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 +5577,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,7 +5595,6 @@ 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';
   export const useAugmentedBankTransactions: (params?: UseBankTransactionsParams) => {
       data: BankTransaction[] | undefined;
@@ -5531,7 +5604,6 @@ declare module '@layerfi/components/hooks/useBankTransactions/useAugmentedBankTr
               has_more: boolean;
           };
       } | undefined;
-      loadingStatus: LoadedStatus;
       isLoading: boolean;
       isValidating: boolean;
       refetch: () => void;
@@ -5563,6 +5635,31 @@ declare module '@layerfi/components/hooks/useBankTransactions/useBankTransaction
   export function useBankTransactions({ categorized, descriptionFilter, direction, startDate, endDate, tagFilterQueryString, }: UseBankTransactionsOptions): import("swr/infinite").SWRInfiniteResponse<GetBankTransactionsReturn, any>;
   export {};
 
+}
+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' {
   import { BankTransaction, DisplayState } from '@layerfi/components/types';
@@ -5647,6 +5744,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 +6208,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';
@@ -7554,9 +7664,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 +7701,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 +8400,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
@@ -8481,12 +8610,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' {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layerfi/components",
-  "version": "0.1.93",
+  "version": "0.1.94-alpha",
   "description": "Layer React Components",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.mjs",
@@ -52,6 +52,7 @@
     "@stylistic/eslint-plugin": "^2.10.0",
     "@stylistic/stylelint-plugin": "^3.1.1",
     "@types/jest": "^29.5.7",
+    "@types/lodash": "^4.17.16",
     "@types/pluralize": "^0.0.33",
     "@types/react": "^18.2.0",
     "@types/react-datepicker": "^6.2.0",
@@ -62,6 +63,7 @@
     "eslint-plugin-react": "^7.37.2",
     "eslint-plugin-react-hooks": "^5.0.0",
     "eslint-plugin-unused-imports": "^4.1.4",
+    "lodash": "^4.17.21",
     "npm-dts": "^1.3.12",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
@@ -84,7 +86,7 @@
     "react-datepicker": "^6.9.0",
     "react-plaid-link": "^3.5.1",
     "react-select": "^5.8.0",
-    "recharts": "^2.10.1",
+    "recharts": "^2.15.2",
     "swr": "^2.2.4",
     "zustand": "^5.0.1"
   }