@layerfi/components 0.1.102-alpha.2 → 0.1.102-alpha.3

package/dist/index.d.ts

@@ -16,6 +16,10 @@ declare module '@layerfi/components/api/layer/authenticated_http' {
       params?: Params;
       body?: Body;
   }) => Promise<Return>;
+  export const del: <Return extends Record<string, unknown> = Record<string, unknown>, Body extends Record<string, unknown> = Record<string, unknown>, Params extends Record<string, string | undefined> = Record<string, string | undefined>>(url: (params: Params) => string) => (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: Params;
+      body?: Body;
+  }) => Promise<Return>;
   export const postWithFormData: <Return extends Record<string, unknown> = Record<string, unknown>>(url: string, formData: FormData, baseUrl: string, accessToken: string | undefined) => Promise<Return>;
 
 }
@@ -151,7 +155,7 @@ declare module '@layerfi/components/api/layer/bankTransactions' {
 }
 declare module '@layerfi/components/api/layer/bills' {
   import { Metadata } from '@layerfi/components/types';
-  import { Bill, BillPayment } from '@layerfi/components/types/bills';
+  import { Bill, BillLineItem, BillPayment, SalesTax } from '@layerfi/components/types/bills';
   export type GetBillsReturn = {
       data?: Bill[];
       meta?: Metadata;
@@ -165,6 +169,16 @@ declare module '@layerfi/components/api/layer/bills' {
       status?: string;
       vendorId?: string;
   }
+  export type SaveBillPayload = {
+      bill_number?: string;
+      terms?: string;
+      due_at?: string;
+      received_at?: string;
+      vendor_id?: string;
+      vendor_external_id?: string;
+      sales_taxes?: SalesTax[];
+      line_items?: Partial<BillLineItem>[];
+  };
   export const getBills: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: GetBillsParams | undefined;
   } | undefined) => () => Promise<GetBillsReturn>;
@@ -178,7 +192,13 @@ declare module '@layerfi/components/api/layer/bills' {
   }>;
   export const updateBill: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: Record<string, string | undefined> | undefined;
-      body?: Record<string, unknown> | undefined;
+      body?: SaveBillPayload | undefined;
+  } | undefined) => Promise<{
+      data: Bill;
+  }>;
+  export const createBill: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: Record<string, string | undefined> | undefined;
+      body?: SaveBillPayload | undefined;
   } | undefined) => Promise<{
       data: Bill;
   }>;
@@ -364,15 +384,13 @@ declare module '@layerfi/components/api/layer/linked_accounts' {
       } | undefined;
       body?: ({
           is_unique: true;
-      } & Partial<{
-          is_unique: boolean;
-          is_relevant: boolean;
-      }> & {}) | ({
+      } & {
+          is_relevant?: undefined;
+      }) | ({
           is_relevant: true;
-      } & Partial<{
-          is_unique: boolean;
-          is_relevant: boolean;
-      }> & {}) | undefined;
+      } & {
+          is_unique?: undefined;
+      }) | undefined;
   } | undefined) => Promise<never>;
   export const excludeAccount: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: {
@@ -381,15 +399,13 @@ declare module '@layerfi/components/api/layer/linked_accounts' {
       } | undefined;
       body?: ({
           is_irrelevant: true;
-      } & Partial<{
-          is_irrelevant: boolean;
-          is_duplicate: boolean;
-      }> & {}) | ({
+      } & {
+          is_duplicate?: undefined;
+      }) | ({
           is_duplicate: true;
-      } & Partial<{
-          is_irrelevant: boolean;
-          is_duplicate: boolean;
-      }> & {}) | undefined;
+      } & {
+          is_irrelevant?: undefined;
+      }) | undefined;
   } | undefined) => Promise<never>;
   export const unlinkConnection: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: {
@@ -723,13 +739,19 @@ declare module '@layerfi/components/api/layer' {
               billId: string;
           } | undefined;
       } | undefined) => () => Promise<{
-          data: import("@layerfi/components/types/bills").Bill;
+          data: import("@layerfi/components/types").Bill;
+      }>;
+      createBill: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: Record<string, string | undefined> | undefined;
+          body?: import("@layerfi/components/api/layer/bills").SaveBillPayload | undefined;
+      } | undefined) => Promise<{
+          data: import("@layerfi/components/types").Bill;
       }>;
       updateBill: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: Record<string, string | undefined> | undefined;
-          body?: Record<string, unknown> | undefined;
+          body?: import("@layerfi/components/api/layer/bills").SaveBillPayload | undefined;
       } | undefined) => Promise<{
-          data: import("@layerfi/components/types/bills").Bill;
+          data: import("@layerfi/components/types").Bill;
       }>;
       createBillPayment: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: Record<string, string | undefined> | undefined;
@@ -905,15 +927,13 @@ declare module '@layerfi/components/api/layer' {
           } | undefined;
           body?: ({
               is_unique: true;
-          } & Partial<{
-              is_unique: boolean;
-              is_relevant: boolean;
-          }> & {}) | ({
+          } & {
+              is_relevant?: undefined;
+          }) | ({
               is_relevant: true;
-          } & Partial<{
-              is_unique: boolean;
-              is_relevant: boolean;
-          }> & {}) | undefined;
+          } & {
+              is_unique?: undefined;
+          }) | undefined;
       } | undefined) => Promise<never>;
       excludeAccount: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: {
@@ -922,15 +942,13 @@ declare module '@layerfi/components/api/layer' {
           } | undefined;
           body?: ({
               is_irrelevant: true;
-          } & Partial<{
-              is_irrelevant: boolean;
-              is_duplicate: boolean;
-          }> & {}) | ({
+          } & {
+              is_duplicate?: undefined;
+          }) | ({
               is_duplicate: true;
-          } & Partial<{
-              is_irrelevant: boolean;
-              is_duplicate: boolean;
-          }> & {}) | undefined;
+          } & {
+              is_irrelevant?: undefined;
+          }) | undefined;
       } | undefined) => Promise<never>;
       breakPlaidItemConnection: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: {
@@ -1206,12 +1224,12 @@ declare module '@layerfi/components/components/BankTransactionList/BankTransacti
       editable: boolean;
       containerWidth: number;
       removeTransaction: (bt: BankTransaction) => void;
-      showDescriptions?: boolean;
-      showReceiptUploads?: boolean;
-      showTooltips: boolean;
       stringOverrides?: BankTransactionCTAStringOverrides;
+      showDescriptions: boolean;
+      showReceiptUploads: boolean;
+      showTooltips: boolean;
   }
-  export const BankTransactionList: ({ bankTransactions, editable, removeTransaction, containerWidth, showDescriptions, showReceiptUploads, showTooltips, stringOverrides, }: BankTransactionListProps) => import("react/jsx-runtime").JSX.Element;
+  export const BankTransactionList: ({ bankTransactions, editable, removeTransaction, containerWidth, stringOverrides, showDescriptions, showReceiptUploads, showTooltips, }: BankTransactionListProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 
 }
@@ -1223,14 +1241,14 @@ declare module '@layerfi/components/components/BankTransactionList/BankTransacti
       dateFormat: string;
       bankTransaction: BankTransaction;
       editable: boolean;
-      showDescriptions: boolean;
-      showReceiptUploads: boolean;
-      showTooltips: boolean;
       removeTransaction: (bt: BankTransaction) => void;
       containerWidth?: number;
       stringOverrides?: BankTransactionCTAStringOverrides;
+      showDescriptions: boolean;
+      showReceiptUploads: boolean;
+      showTooltips: boolean;
   };
-  export const BankTransactionListItem: ({ index, dateFormat, bankTransaction, editable, showDescriptions, showReceiptUploads, showTooltips, containerWidth, removeTransaction, stringOverrides, }: Props) => import("react/jsx-runtime").JSX.Element;
+  export const BankTransactionListItem: ({ index, dateFormat, bankTransaction, editable, containerWidth, removeTransaction, stringOverrides, showDescriptions, showReceiptUploads, showTooltips, }: Props) => import("react/jsx-runtime").JSX.Element;
   export {};
 
 }
@@ -1246,13 +1264,13 @@ declare module '@layerfi/components/components/BankTransactionMobileList/BankTra
   import { BankTransaction } from '@layerfi/components/types';
   import { Purpose } from '@layerfi/components/components/BankTransactionMobileList/BankTransactionMobileListItem';
   interface BankTransactionMobileFormsProps {
+      isOpen?: boolean;
       purpose: Purpose;
       bankTransaction: BankTransaction;
-      showTooltips: boolean;
       showCategorization?: boolean;
-      showReceiptUploads?: boolean;
-      showDescriptions?: boolean;
-      isOpen?: boolean;
+      showDescriptions: boolean;
+      showReceiptUploads: boolean;
+      showTooltips: boolean;
   }
   export const BankTransactionMobileForms: ({ purpose, bankTransaction, showTooltips, showCategorization, showReceiptUploads, showDescriptions, isOpen, }: BankTransactionMobileFormsProps) => import("react/jsx-runtime").JSX.Element;
   export {};
@@ -1265,11 +1283,11 @@ declare module '@layerfi/components/components/BankTransactionMobileList/BankTra
       editable: boolean;
       removeTransaction: (bt: BankTransaction) => void;
       initialLoad?: boolean;
+      showDescriptions: boolean;
+      showReceiptUploads: boolean;
       showTooltips: boolean;
-      showReceiptUploads?: boolean;
-      showDescriptions?: boolean;
   }
-  export const BankTransactionMobileList: ({ bankTransactions, removeTransaction, editable, initialLoad, showTooltips, showReceiptUploads, showDescriptions, }: BankTransactionMobileListProps) => import("react/jsx-runtime").JSX.Element;
+  export const BankTransactionMobileList: ({ bankTransactions, removeTransaction, editable, initialLoad, showDescriptions, showReceiptUploads, showTooltips, }: BankTransactionMobileListProps) => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/BankTransactionMobileListItem' {
@@ -1280,17 +1298,17 @@ declare module '@layerfi/components/components/BankTransactionMobileList/BankTra
       editable: boolean;
       removeTransaction: (bt: BankTransaction) => void;
       initialLoad?: boolean;
-      showTooltips: boolean;
-      showDescriptions?: boolean;
-      showReceiptUploads?: boolean;
       isFirstItem?: boolean;
+      showDescriptions: boolean;
+      showReceiptUploads: boolean;
+      showTooltips: boolean;
   }
   export enum Purpose {
       business = "business",
       personal = "personal",
       more = "more"
   }
-  export const BankTransactionMobileListItem: ({ index, bankTransaction, removeTransaction, editable, initialLoad, showTooltips, isFirstItem, showDescriptions, showReceiptUploads, }: BankTransactionMobileListItemProps) => import("react/jsx-runtime").JSX.Element;
+  export const BankTransactionMobileListItem: ({ index, bankTransaction, removeTransaction, editable, initialLoad, isFirstItem, showDescriptions, showReceiptUploads, showTooltips, }: BankTransactionMobileListItemProps) => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/BusinessCategories' {
@@ -1307,12 +1325,12 @@ declare module '@layerfi/components/components/BankTransactionMobileList/Busines
   import { BankTransaction } from '@layerfi/components/types';
   interface BusinessFormProps {
       bankTransaction: BankTransaction;
-      showTooltips: boolean;
       showCategorization?: boolean;
-      showReceiptUploads?: boolean;
-      showDescriptions?: boolean;
+      showDescriptions: boolean;
+      showReceiptUploads: boolean;
+      showTooltips: boolean;
   }
-  export const BusinessForm: ({ bankTransaction, showTooltips, showCategorization, showReceiptUploads, showDescriptions, }: BusinessFormProps) => import("react/jsx-runtime").JSX.Element;
+  export const BusinessForm: ({ bankTransaction, showCategorization, showDescriptions, showReceiptUploads, showTooltips, }: BusinessFormProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 
 }
@@ -1553,8 +1571,9 @@ declare module '@layerfi/components/components/BankTransactions/BankTransactions
   }
   export interface BankTransactionsWithErrorProps extends BankTransactionsProps {
       onError?: (error: LayerError) => void;
+      showTags?: boolean;
   }
-  export const BankTransactions: ({ onError, mode, ...props }: BankTransactionsWithErrorProps) => import("react/jsx-runtime").JSX.Element;
+  export const BankTransactions: ({ onError, showTags, mode, ...props }: BankTransactionsWithErrorProps) => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/components/BankTransactions/BankTransactionsHeader' {
@@ -1602,10 +1621,6 @@ declare module '@layerfi/components/components/BankTransactions/constants' {
   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, DisplayState } from '@layerfi/components/types';
@@ -1642,8 +1657,8 @@ declare module '@layerfi/components/components/BankTransactionsTable/BankTransac
       isLoading?: boolean;
       containerWidth: number;
       removeTransaction: (bt: BankTransaction) => void;
-      showDescriptions?: boolean;
-      showReceiptUploads?: boolean;
+      showDescriptions: boolean;
+      showReceiptUploads: boolean;
       showTooltips: boolean;
       stringOverrides?: BankTransactionsStringOverrides;
       isSyncing?: boolean;
@@ -1654,6 +1669,186 @@ declare module '@layerfi/components/components/BankTransactionsTable/BankTransac
   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/Bills/BillSummary' {
+  import type { Bill } from '@layerfi/components/types';
+  type BillSummaryProps = {
+      bill: Bill;
+  };
+  export const BillSummary: ({ bill }: BillSummaryProps) => import("react/jsx-runtime").JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/Bills/BillSummaryPaid' {
+  import { Bill } from '@layerfi/components/types';
+  type BillSummaryPaidProps = {
+      bill: Bill;
+  };
+  export const BillSummaryPaid: ({ bill }: BillSummaryPaidProps) => import("react/jsx-runtime").JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/Bills/BillSummaryUnpaid' {
+  import { Bill } from '@layerfi/components/types';
+  type BillSummaryUnpaidProps = {
+      bill: Bill;
+  };
+  export const BillSummaryUnpaid: ({ bill }: BillSummaryUnpaidProps) => import("react/jsx-runtime").JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/Bills/Bills' {
+  import { BillsTableStringOverrides } from '@layerfi/components/components/Bills/BillsTableWithPanel';
+  export type BillsStringOverrides = {
+      billsTable?: BillsTableStringOverrides;
+      paidToggleOption?: string;
+      unpaidToggleOption?: string;
+  };
+  export type BillsProps = {
+      context?: boolean;
+      asWidget?: boolean;
+      stringOverrides?: BillsStringOverrides;
+  };
+  export const Bills: ({ context, ...props }: BillsProps) => import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/Bills/BillsDatePicker' {
+  export const BillsDatePicker: () => import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/Bills/BillsDetails' {
+  import { RefObject } from 'react';
+  import type { Bill } from '@layerfi/components/types';
+  export const BillsDetails: ({ bill, containerRef, }: {
+      bill?: Bill;
+      containerRef: RefObject<HTMLDivElement>;
+  }) => import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/Bills/BillsList' {
+  import { BillsTableStringOverrides } from '@layerfi/components/components/Bills/BillsTableWithPanel';
+  export const BillsList: ({ stringOverrides, }: {
+      stringOverrides?: BillsTableStringOverrides;
+  }) => import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/Bills/BillsPaymentRecorded' {
+  export const BillsPaymentRecorded: ({ stringOverrides, }: {
+      stringOverrides?: {
+          header?: string;
+      };
+  }) => import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/Bills/BillsRecordPayment' {
+  import { JournalFormStringOverrides } from '@layerfi/components/components/JournalForm/JournalForm';
+  export const BillsRecordPayment: ({ stringOverrides, }: {
+      stringOverrides?: JournalFormStringOverrides;
+  }) => import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/Bills/BillsSidebar' {
+  export const BillsSidebar: () => import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/Bills/BillsTable' {
+  import { BillsTableStringOverrides } from '@layerfi/components/components/Bills/BillsTableWithPanel';
+  export const BillsTable: ({ stringOverrides, }: {
+      stringOverrides?: BillsTableStringOverrides;
+  }) => import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/Bills/BillsTableLoader' {
+  export const BillsTableLoader: () => import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/Bills/BillsTableWithPanel' {
+  import { RefObject } from 'react';
+  export type BillsTableStringOverrides = {
+      componentTitle?: string;
+      componentSubtitle?: string;
+      vendorColumnHeader?: string;
+      dueDateColumnHeader?: string;
+      billAmountColumnHeader?: string;
+      openBalanceColumnHeader?: string;
+      statusColumnHeader?: string;
+      paidToggleOption?: string;
+      unpaidToggleOption?: string;
+      recordPaymentButtonText?: string;
+  };
+  export const BillsTableWithPanel: ({ containerRef, stringOverrides, }: {
+      containerRef: RefObject<HTMLDivElement>;
+      stringOverrides?: BillsTableStringOverrides;
+  }) => import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/Bills/useBillForm' {
+  import { Bill, BillLineItem } from '@layerfi/components/types/bills';
+  import { FormValidateOrFn, FormAsyncValidateOrFn } from '@tanstack/react-form';
+  import { Vendor } from '@layerfi/components/types/vendors';
+  export type BillForm = {
+      bill_number?: string;
+      vendor?: Vendor;
+      vendor_address?: string;
+      received_at?: string;
+      due_at?: string;
+      terms?: string;
+      line_items?: (Partial<BillLineItem>)[];
+  };
+  export type EditableBill = Partial<Bill>;
+  export const useBillForm: (bill?: EditableBill) => {
+      form: import("@tanstack/react-form").ReactFormExtendedApi<BillForm, FormValidateOrFn<BillForm>, FormValidateOrFn<BillForm>, FormAsyncValidateOrFn<BillForm>, FormValidateOrFn<BillForm>, FormAsyncValidateOrFn<BillForm>, FormValidateOrFn<BillForm>, FormAsyncValidateOrFn<BillForm>, FormAsyncValidateOrFn<BillForm>, FormAsyncValidateOrFn<BillForm>>;
+      isDirty: boolean;
+      submitError: string | undefined;
+      formErrorMap: import("@tanstack/react-form").FormValidationErrorMap<undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined>;
+  };
+
+}
+declare module '@layerfi/components/components/Bills/useBillsRecordPayment' {
+  import { Bill, BillPaymentMethod } from '@layerfi/components/types/bills';
+  import { Vendor } from '@layerfi/components/types/vendors';
+  import { APIError } from '@layerfi/components/models/APIError';
+  export type BillsRecordPaymentFormRecord = {
+      bill?: Bill;
+      amount?: string | null;
+  };
+  export const useBillsRecordPayment: ({ refetchAllBills }: {
+      refetchAllBills?: () => void;
+  }) => {
+      billsToPay: BillsRecordPaymentFormRecord[];
+      setBill: (bill: Bill, index: number) => void;
+      addBill: (bill?: Bill) => void;
+      removeBill: (bill: Bill) => void;
+      removeBillByIndex: (index: number) => void;
+      setAmount: (billId: string, amount: string) => void;
+      setAmountByIndex: (index: number, amount?: string | null) => void;
+      vendor: Vendor | undefined;
+      setVendor: (newVendor?: Vendor) => void;
+      paymentDate: Date;
+      setPaymentDate: import("react").Dispatch<import("react").SetStateAction<Date>>;
+      paymentMethod: BillPaymentMethod;
+      setPaymentMethod: import("react").Dispatch<import("react").SetStateAction<BillPaymentMethod>>;
+      showRecordPaymentForm: boolean;
+      setShowRecordPaymentForm: import("react").Dispatch<import("react").SetStateAction<boolean>>;
+      bulkSelectionActive: boolean;
+      openBulkSelection: () => void;
+      closeBulkSelection: () => void;
+      recordPayment: () => Promise<void>;
+      dataSaved: boolean;
+      closeRecordPayment: () => void;
+      clearRecordPaymentSelection: () => void;
+      recordPaymentForBill: (bill: Bill) => void;
+      payRemainingBalance: () => void;
+      isLoading: boolean;
+      apiError: APIError | undefined;
+  };
+
+}
+declare module '@layerfi/components/components/Bills/useUnpaidBillsByVendor' {
+  export const useUnpaidBillsByVendor: ({ vendorId }: {
+      vendorId?: string;
+  }) => import("swr").SWRResponse<import("../../types").Bill[] | undefined, any, any>;
+
 }
 declare module '@layerfi/components/components/BookkeepingStatus/BookkeepingStatus' {
   import { BookkeepingPeriodStatus } from '@layerfi/components/hooks/bookkeeping/periods/useBookkeepingPeriods';
@@ -1876,13 +2071,14 @@ declare module '@layerfi/components/components/Button/SubmitButton' {
       noIcon?: boolean;
       tooltip?: ButtonProps['tooltip'];
       withRetry?: boolean;
+      iconAsPrimary?: boolean;
   }
   export enum SubmitAction {
       SAVE = "save",
       UPDATE = "update",
       UPLOAD = "upload"
   }
-  export const SubmitButton: ({ active, className, processing, disabled, error, children, action, noIcon, variant, withRetry, ...props }: SubmitButtonProps) => import("react/jsx-runtime").JSX.Element;
+  export const SubmitButton: ({ active, className, processing, disabled, error, children, action, noIcon, variant, withRetry, iconAsPrimary, ...props }: SubmitButtonProps) => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/components/Button/SwitchButton' {
@@ -1937,13 +2133,14 @@ declare module '@layerfi/components/components/CategorySelect/CategorySelect' {
   import { SuggestedMatch, type CategoryWithEntries } from '@layerfi/components/types/bank_transactions';
   type Props = {
       name?: string;
-      bankTransaction: BankTransaction;
+      bankTransaction?: BankTransaction;
       value: CategoryOption | undefined;
       onChange: (newValue: CategoryOption) => void;
       disabled?: boolean;
       className?: string;
       showTooltips: boolean;
       excludeMatches?: boolean;
+      hideMainCategories?: string[];
       asDrawer?: boolean;
   };
   export enum OptionActionType {
@@ -1973,7 +2170,7 @@ declare module '@layerfi/components/components/CategorySelect/CategorySelect' {
       type: "ExclusionNested";
   }) => CategoryOption;
   export const mapSuggestedMatchToOption: (record: SuggestedMatch) => CategoryOption;
-  export const CategorySelect: ({ bankTransaction, name, value, onChange, disabled, className, showTooltips, excludeMatches, asDrawer, }: Props) => import("react/jsx-runtime").JSX.Element;
+  export const CategorySelect: ({ bankTransaction, name, value, onChange, disabled, className, showTooltips, excludeMatches, hideMainCategories, asDrawer, }: Props) => import("react/jsx-runtime").JSX.Element;
   export {};
 
 }
@@ -2270,7 +2467,7 @@ declare module '@layerfi/components/components/CsvUpload/types' {
   }> = {
       [K in keyof T]: PreviewCell<T[K]>;
   } & {
-      index: number;
+      row: number;
       is_valid: boolean;
   };
   export type PreviewCsv<T extends {
@@ -2688,8 +2885,9 @@ declare module '@layerfi/components/components/Input/CreatableSelect' {
       onCreateOption?: (inputValue: string) => void;
       isValidNewOption?: CreatableProps<T, false, GroupBase<T>>['isValidNewOption'];
       formatCreateLabel?: (inputValue: string) => ReactNode;
+      createOptionPosition?: 'first' | 'last';
   }
-  export const CreatableSelect: <T>({ name, options, className, classNamePrefix, value, onChange, disabled, placeholder, isInvalid, errorMessage, onCreateOption, isValidNewOption, formatCreateLabel, inputId, isLoading, isClearable, }: CreatableSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+  export const CreatableSelect: <T>({ name, options, className, classNamePrefix, value, onChange, disabled, placeholder, isInvalid, errorMessage, formatOptionLabel, onCreateOption, isValidNewOption, formatCreateLabel, inputId, isLoading, isClearable, createOptionPosition, }: CreatableSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/components/Input/FileInput' {
@@ -2782,7 +2980,8 @@ declare module '@layerfi/components/components/Input/PhoneInput' {
 
 }
 declare module '@layerfi/components/components/Input/Select' {
-  import { GroupBase, OptionsOrGroups } from 'react-select';
+  import { type ReactNode } from 'react';
+  import { FormatOptionLabelMeta, GroupBase, OptionsOrGroups } from 'react-select';
   export interface SelectProps<T> {
       name?: string;
       options?: OptionsOrGroups<T, GroupBase<T>>;
@@ -2796,8 +2995,9 @@ declare module '@layerfi/components/components/Input/Select' {
       errorMessage?: string;
       inputId?: string;
       isLoading?: boolean;
+      formatOptionLabel?: (option: T, meta?: FormatOptionLabelMeta<T>) => ReactNode;
   }
-  export const Select: <T>({ name, options, className, classNamePrefix, value, onChange, disabled, placeholder, isInvalid, errorMessage, inputId, isLoading, }: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+  export const Select: <T>({ name, options, className, classNamePrefix, value, onChange, disabled, placeholder, isInvalid, errorMessage, inputId, isLoading, formatOptionLabel, }: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/components/Input/StaticValue' {
@@ -4650,13 +4850,24 @@ declare module '@layerfi/components/components/UploadTransactions/UploadTransact
   export function UploadTransactions({ onComplete }: UploadTransactionsProps): import("react/jsx-runtime").JSX.Element;
   export {};
 
+}
+declare module '@layerfi/components/components/UploadTransactions/UploadTransactionsConfirmationStep' {
+  type UploadTransactionsConfirmationStepProps = {
+      onRestartFlow: () => void;
+      uploadedTransactionsCount: number;
+  };
+  export function UploadTransactionsConfirmationStep({ onRestartFlow, uploadedTransactionsCount }: UploadTransactionsConfirmationStepProps): import("react/jsx-runtime").JSX.Element;
+  export {};
+
 }
 declare module '@layerfi/components/components/UploadTransactions/UploadTransactionsUploadCsvStep' {
+  import type { CustomAccount } from '@layerfi/components/hooks/customAccounts/types';
   import { type CustomAccountParseCsvResponse } from '@layerfi/components/hooks/customAccounts/useCustomAccountParseCsv';
-  type AccountOption = {
+  export type AccountOption = {
       value: string;
       label: string;
-      createdAccountName?: string;
+      account: Partial<CustomAccount> & Pick<CustomAccount, 'accountName'>;
+      __isNew__?: true;
   };
   interface UploadTransactionsUploadCsvStepProps {
       selectedAccount: AccountOption | null;
@@ -4671,13 +4882,14 @@ declare module '@layerfi/components/components/UploadTransactions/UploadTransact
 }
 declare module '@layerfi/components/components/UploadTransactions/UploadTransactionsValidateCsvStep' {
   import type { CustomAccountParseCsvResponse } from '@layerfi/components/hooks/customAccounts/useCustomAccountParseCsv';
+  import { BankTransaction } from '@layerfi/components/types';
   interface UploadTransactionsValidateCsvStepProps {
-      parseCsvResponse: CustomAccountParseCsvResponse;
-      selectedAccountId: string;
-      onGoBack: () => void;
-      onReupload: () => void;
+      parseCsvResponse: CustomAccountParseCsvResponse | null;
+      selectedAccountId?: string;
+      onSelectFile: (file: File | null) => void;
+      onUploadTransactionsSuccess: (transactions: BankTransaction[]) => void;
   }
-  export function UploadTransactionsValidateCsvStep({ parseCsvResponse, selectedAccountId, onGoBack, onReupload }: UploadTransactionsValidateCsvStepProps): import("react/jsx-runtime").JSX.Element;
+  export function UploadTransactionsValidateCsvStep({ parseCsvResponse, selectedAccountId, onSelectFile, onUploadTransactionsSuccess }: UploadTransactionsValidateCsvStepProps): import("react/jsx-runtime").JSX.Element;
   export {};
 
 }
@@ -4688,6 +4900,14 @@ declare module '@layerfi/components/components/UploadTransactions/template' {
   };
   export const templateExampleTransactions: CustomAccountTransactionRow[];
 
+}
+declare module '@layerfi/components/components/UploadTransactions/types' {
+  export enum UploadTransactionsStep {
+      UploadCsv = 0,
+      ValidateCsv = 1,
+      Confirmation = 2
+  }
+
 }
 declare module '@layerfi/components/components/UpsellBanner/BookkeepingUpsellBar' {
   interface BookkeepingUpsellBarProps {
@@ -4701,6 +4921,21 @@ declare module '@layerfi/components/components/UpsellBanner/BookkeepingUpsellBar
 declare module '@layerfi/components/components/UpsellBanner/index' {
   export { BookkeepingUpsellBar } from '@layerfi/components/components/UpsellBanner/BookkeepingUpsellBar';
 
+}
+declare module '@layerfi/components/components/Vendors/SelectVendor' {
+  import { Vendor } from '@layerfi/components/types/vendors';
+  type SelectVendorProps = {
+      value: Vendor | null;
+      onChange: (value: Vendor | null) => void;
+      disabled?: boolean;
+      placeholder?: string;
+      withContext?: boolean;
+      isInvalid?: boolean;
+      errorMessage?: string;
+  };
+  export const SelectVendor: ({ withContext, ...props }: SelectVendorProps) => import("react/jsx-runtime").JSX.Element;
+  export {};
+
 }
 declare module '@layerfi/components/components/View/View' {
   import { ReactNode } from 'react';
@@ -4742,15 +4977,17 @@ declare module '@layerfi/components/components/Wizard/Wizard' {
   import { type PropsWithChildren, type ReactNode } from 'react';
   import type { Awaitable } from '@layerfi/components/types/utility/promises';
   export function useWizard(): {
-      next: () => Promise<void>;
+      next: () => Awaitable<void>;
       previous: () => void;
+      goToStep: (stepIndex: number) => void;
   };
   type WizardProps = PropsWithChildren<{
       Header: ReactNode;
       Footer: ReactNode;
       onComplete?: () => Awaitable<void>;
+      onStepChange?: (stepIndex: number) => void;
   }>;
-  export function Wizard({ Header, Footer, onComplete, children, }: WizardProps): import("react/jsx-runtime").JSX.Element;
+  export function Wizard({ Header, Footer, onComplete, onStepChange, children, }: WizardProps): import("react/jsx-runtime").JSX.Element;
   export {};
 
 }
@@ -4825,6 +5062,53 @@ declare module '@layerfi/components/components/ui/DropdownMenu/DropdownMenu' {
   export const DropdownMenu: ({ children, ariaLabel, slots, slotProps }: DropdownMenuProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 
+}
+declare module '@layerfi/components/components/ui/Input/Input' {
+  import { type ComponentProps } from 'react';
+  import { Input as ReactAriaInput } from 'react-aria-components';
+  type InputProps = Omit<ComponentProps<typeof ReactAriaInput>, 'className'> & {
+      placement?: 'first-within-group';
+  };
+  export const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+  export {};
+
+}
+declare module '@layerfi/components/components/ui/ListBox/ListBox' {
+  import { type ForwardedRef, type Ref } from 'react';
+  import { type ListBoxProps as ReactAriaListBoxProps, type ListBoxItemProps as ReactAriaListBoxItemProps, type ListBoxSectionProps as ReactAriaListBoxSectionProps } from 'react-aria-components';
+  type ListBoxProps<T extends Record<string, unknown>> = Omit<ReactAriaListBoxProps<T>, 'className'>;
+  function InternalListBox<T extends Record<string, unknown>>(props: ListBoxProps<T>, ref: React.ForwardedRef<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+  export const ListBox: <T extends Record<string, unknown>>(props: ListBoxProps<T> & {
+      ref?: Ref<HTMLDivElement>;
+  }) => ReturnType<typeof InternalListBox>;
+  type ListBoxSectionProps<T extends Record<string, unknown>> = Omit<ReactAriaListBoxSectionProps<T>, 'className'>;
+  function InternalListBoxSection<T extends Record<string, unknown>>(props: ListBoxSectionProps<T>, ref: ForwardedRef<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+  export const ListBoxSection: <T extends Record<string, unknown>>(props: ListBoxSectionProps<T> & {
+      ref?: Ref<HTMLDivElement>;
+  }) => ReturnType<typeof InternalListBoxSection>;
+  export const ListBoxSectionHeader: import("react").ForwardRefExoticComponent<Omit<Omit<Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "id" | "slot"> & {
+      nonAria?: true;
+  } & {
+      align?: "center";
+      ellipsis?: true;
+      noWrap?: true;
+      pb?: import("@layerfi/components/components/ui/sharedUITypes").Spacing;
+      pbe?: import("@layerfi/components/components/ui/sharedUITypes").Spacing;
+      pbs?: import("@layerfi/components/components/ui/sharedUITypes").Spacing;
+      size?: "xs" | "sm" | "md" | "lg";
+      status?: "error";
+      variant?: "subtle";
+      weight?: "normal" | "bold";
+  } & {
+      children?: import("react").ReactNode | undefined;
+  } & import("react").RefAttributes<HTMLElement>, "slot">, "ref"> & import("react").RefAttributes<HTMLElement>>;
+  type ListBoxItemProps<T extends Record<string, unknown>> = Omit<ReactAriaListBoxItemProps<T>, 'className'>;
+  function InternalListBoxItem<T extends Record<string, unknown>>(props: ListBoxItemProps<T>, ref?: ForwardedRef<T>): import("react/jsx-runtime").JSX.Element;
+  export const ListBoxItem: <T extends Record<string, unknown>>(props: ListBoxItemProps<T> & {
+      ref?: Ref<T>;
+  }) => ReturnType<typeof InternalListBoxItem>;
+  export {};
+
 }
 declare module '@layerfi/components/components/ui/Loading/LoadingSpinner' {
   import { type LucideProps } from 'lucide-react';
@@ -4871,15 +5155,22 @@ declare module '@layerfi/components/components/ui/Modal/ModalSlots' {
       align?: "center";
       pbe?: import("@layerfi/components/components/ui/sharedUITypes").Spacing;
       size?: "2xs" | "xs" | "sm" | "lg";
+      variant?: "subtle";
+      weight?: "normal" | "bold";
   }, "ref"> & import("react").RefAttributes<HTMLHeadingElement>, "slot" | "level">, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
-  export const ModalDescription: import("react").ForwardRefExoticComponent<Omit<Omit<{
-      slot?: string | undefined | undefined;
+  export const ModalDescription: import("react").ForwardRefExoticComponent<Omit<Omit<Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">, "id" | "slot"> & {
+      nonAria?: true;
   } & {
       align?: "center";
+      ellipsis?: true;
+      noWrap?: true;
+      pb?: import("@layerfi/components/components/ui/sharedUITypes").Spacing;
       pbe?: import("@layerfi/components/components/ui/sharedUITypes").Spacing;
       pbs?: import("@layerfi/components/components/ui/sharedUITypes").Spacing;
       size?: "xs" | "sm" | "md" | "lg";
+      status?: "error";
       variant?: "subtle";
+      weight?: "normal" | "bold";
   } & {
       children?: import("react").ReactNode | undefined;
   } & import("react").RefAttributes<HTMLParagraphElement>, "slot">, "ref"> & import("react").RefAttributes<HTMLParagraphElement>>;
@@ -4896,6 +5187,13 @@ declare module '@layerfi/components/components/ui/Pill/Pill' {
   } & import("react").RefAttributes<HTMLButtonElement>>;
   export {};
 
+}
+declare module '@layerfi/components/components/ui/Popover/Popover' {
+  import { PopoverProps as ReactAriaPopoverProps } from 'react-aria-components';
+  type PopoverProps = Omit<ReactAriaPopoverProps, 'className'>;
+  export const Popover: import("react").ForwardRefExoticComponent<PopoverProps & import("react").RefAttributes<HTMLElement>>;
+  export {};
+
 }
 declare module '@layerfi/components/components/ui/SearchField/MinimalSearchField' {
   import { type SearchFieldProps as ReactAriaSearchFieldProps } from 'react-aria-components';
@@ -4905,6 +5203,16 @@ declare module '@layerfi/components/components/ui/SearchField/MinimalSearchField
   export function MinimalSearchField({ placeholder, ...restProps }: MinimalSearchFieldProps): import("react/jsx-runtime").JSX.Element;
   export {};
 
+}
+declare module '@layerfi/components/components/ui/Square/Square' {
+  type SquareProps = {
+      size?: 'sm';
+  };
+  export const Square: import("react").ForwardRefExoticComponent<SquareProps & {
+      children?: import("react").ReactNode | undefined;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+  export {};
+
 }
 declare module '@layerfi/components/components/ui/Stack/Stack' {
   import { type PropsWithChildren } from 'react';
@@ -4912,9 +5220,11 @@ declare module '@layerfi/components/components/ui/Stack/Stack' {
   export type StackProps = PropsWithChildren<{
       align?: 'start' | 'center';
       gap?: Spacing;
-      justify?: 'start' | 'center' | 'end';
+      justify?: 'start' | 'center' | 'end' | 'space-between';
+      pb?: Spacing;
       pbs?: Spacing;
       pbe?: Spacing;
+      pi?: Spacing;
       pis?: Spacing;
       pie?: Spacing;
       fluid?: boolean;
@@ -4924,9 +5234,11 @@ declare module '@layerfi/components/components/ui/Stack/Stack' {
   export const VStack: import("react").ForwardRefExoticComponent<{
       align?: "start" | "center";
       gap?: Spacing;
-      justify?: "start" | "center" | "end";
+      justify?: "start" | "center" | "end" | "space-between";
+      pb?: Spacing;
       pbs?: Spacing;
       pbe?: Spacing;
+      pi?: Spacing;
       pis?: Spacing;
       pie?: Spacing;
       fluid?: boolean;
@@ -4938,9 +5250,11 @@ declare module '@layerfi/components/components/ui/Stack/Stack' {
   export const HStack: import("react").ForwardRefExoticComponent<{
       align?: "start" | "center";
       gap?: Spacing;
-      justify?: "start" | "center" | "end";
+      justify?: "start" | "center" | "end" | "space-between";
+      pb?: Spacing;
       pbs?: Spacing;
       pbe?: Spacing;
+      pi?: Spacing;
       pis?: Spacing;
       pie?: Spacing;
       fluid?: boolean;
@@ -4951,6 +5265,23 @@ declare module '@layerfi/components/components/ui/Stack/Stack' {
   } & import("react").RefAttributes<HTMLDivElement>>;
   export const Spacer: () => import("react/jsx-runtime").JSX.Element;
 
+}
+declare module '@layerfi/components/components/ui/TagGroup/TagGroup' {
+  import { TagGroup as ReactAriaTagGroup, TagList as ReactAriaTagList, Tag as ReactAriaTag } from 'react-aria-components';
+  import { type ComponentProps } from 'react';
+  type TagGroupProps = Omit<ComponentProps<typeof ReactAriaTagGroup>, 'className'>;
+  export const TagGroup: import("react").ForwardRefExoticComponent<Omit<TagGroupProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  type TagListProps<T extends Record<string, unknown>> = Omit<ComponentProps<typeof ReactAriaTagList<T>>, 'className'> & {
+      columnCount?: 1 | 2;
+  };
+  function InternalTagList<T extends Record<string, unknown>>({ columnCount, ...restProps }: TagListProps<T>, ref: React.ForwardedRef<HTMLDivElement>): import("react/jsx-runtime").JSX.Element;
+  export const TagList: <T extends Record<string, unknown>>(props: TagListProps<T> & {
+      ref?: React.ForwardedRef<HTMLDivElement>;
+  }) => ReturnType<typeof InternalTagList>;
+  type TagProps = Omit<ComponentProps<typeof ReactAriaTag>, 'className'>;
+  export const Tag: import("react").ForwardRefExoticComponent<Omit<TagProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+  export {};
+
 }
 declare module '@layerfi/components/components/ui/Typography/Heading' {
   import type { Spacing } from '@layerfi/components/components/ui/sharedUITypes';
@@ -4958,6 +5289,8 @@ declare module '@layerfi/components/components/ui/Typography/Heading' {
       align?: 'center';
       pbe?: Spacing;
       size?: '2xs' | 'xs' | 'sm' | 'lg';
+      variant?: 'subtle';
+      weight?: 'normal' | 'bold';
   };
   const Heading: import("react").ForwardRefExoticComponent<Omit<Omit<import("react-aria-components").HeadingProps & import("react").RefAttributes<HTMLHeadingElement>, "className"> & HeadingDataProps, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
   export { Heading };
@@ -4973,29 +5306,34 @@ 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';
-  type ParagraphProps = Pick<ComponentPropsWithoutRef<'p'>, 'slot'>;
   type TextStyleProps = {
       align?: 'center';
+      ellipsis?: true;
+      noWrap?: true;
+      pb?: Spacing;
       pbe?: Spacing;
       pbs?: Spacing;
       size?: 'xs' | 'sm' | 'md' | 'lg';
+      status?: 'error';
       variant?: 'subtle';
+      weight?: 'normal' | 'bold';
   };
-  export const P: import("react").ForwardRefExoticComponent<ParagraphProps & TextStyleProps & {
+  type TextRenderingProps = {
+      nonAria?: true;
+  };
+  export const Header: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref">, "id" | "slot"> & TextRenderingProps & TextStyleProps & {
+      children?: import("react").ReactNode | undefined;
+  } & import("react").RefAttributes<HTMLElement>>;
+  export const Label: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, "ref">, "id" | "htmlFor" | "slot"> & TextRenderingProps & TextStyleProps & {
+      children?: import("react").ReactNode | undefined;
+  } & import("react").RefAttributes<HTMLLabelElement>>;
+  export const P: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, "ref">, "id" | "slot"> & TextRenderingProps & TextStyleProps & {
       children?: import("react").ReactNode | undefined;
   } & import("react").RefAttributes<HTMLParagraphElement>>;
-  type SpanProps = Pick<ComponentPropsWithoutRef<'span'>, 'slot'>;
-  export const Span: import("react").ForwardRefExoticComponent<SpanProps & TextStyleProps & {
-      noWrap?: boolean;
-  } & {
+  export const Span: import("react").ForwardRefExoticComponent<Pick<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, "ref">, "id" | "slot"> & TextRenderingProps & TextStyleProps & {
       children?: import("react").ReactNode | undefined;
   } & import("react").RefAttributes<HTMLSpanElement>>;
-  type LabelProps = Pick<ComponentPropsWithoutRef<'label'>, 'slot' | 'htmlFor'>;
-  export const Label: import("react").ForwardRefExoticComponent<LabelProps & TextStyleProps & {
-      children?: import("react").ReactNode | undefined;
-  } & import("react").RefAttributes<HTMLLabelElement>>;
   export {};
 
 }
@@ -5092,6 +5430,7 @@ declare module '@layerfi/components/config/charts' {
 declare module '@layerfi/components/config/general' {
   export const DATE_FORMAT = "LLL d, yyyy";
   export const DATE_FORMAT_SHORT = "M/d/yyyy";
+  export const DATE_FORMAT_SHORT_PADDED = "MM/dd/yyyy";
   export const MONTH_DAY_FORMAT = "LLL d";
   export const TIME_FORMAT = "p";
   export const BREAKPOINTS: {
@@ -5210,6 +5549,123 @@ declare module '@layerfi/components/contexts/BankTransactionsContext/BankTransac
 declare module '@layerfi/components/contexts/BankTransactionsContext/index' {
   export { BankTransactionsContext, useBankTransactionsContext, } from '@layerfi/components/contexts/BankTransactionsContext/BankTransactionsContext';
 
+}
+declare module '@layerfi/components/contexts/BillsContext' {
+  import React, { ReactNode } from 'react';
+  import { useBills } from '@layerfi/components/hooks/useBills';
+  import { useBillsRecordPayment } from '@layerfi/components/components/Bills/useBillsRecordPayment';
+  type BillsProviderProps = {
+      children: ReactNode;
+  };
+  export type BillsContextType = ReturnType<typeof useBills>;
+  export const BillsContext: React.Context<{
+      data: import("@layerfi/components/types").Bill[];
+      paginatedData: import("@layerfi/components/types").Bill[];
+      currentPage: number;
+      setCurrentPage: (page: number) => void;
+      pageSize: number;
+      metadata?: import("@layerfi/components/types").Metadata;
+      billInDetails?: import("@layerfi/components/types").Bill;
+      openBillDetails: (bill?: import("@layerfi/components/types").Bill) => void;
+      showBillInDetails: boolean;
+      closeBillDetails: () => void;
+      status: import("@layerfi/components/hooks/useBills").BillStatusFilter;
+      setStatus: (status: import("@layerfi/components/hooks/useBills").BillStatusFilter) => void;
+      dateRange: import("@layerfi/components/types").DateRange;
+      setDateRange: (dateRange: import("@layerfi/components/types").DateRange) => void;
+      vendor: import("@layerfi/components/types/vendors").Vendor | null;
+      setVendor: (vendor: import("@layerfi/components/types/vendors").Vendor | null) => void;
+      fetchMore: () => void;
+      hasMore: boolean;
+      isLoading: boolean;
+      isValidating: boolean;
+      error?: Error;
+      refetch: () => void;
+  }>;
+  export type BillsRecordPaymentContextType = ReturnType<typeof useBillsRecordPayment>;
+  export const BillsRecordPaymentContext: React.Context<{
+      billsToPay: import("@layerfi/components/components/Bills/useBillsRecordPayment").BillsRecordPaymentFormRecord[];
+      setBill: (bill: import("@layerfi/components/types").Bill, index: number) => void;
+      addBill: (bill?: import("@layerfi/components/types").Bill) => void;
+      removeBill: (bill: import("@layerfi/components/types").Bill) => void;
+      removeBillByIndex: (index: number) => void;
+      setAmount: (billId: string, amount: string) => void;
+      setAmountByIndex: (index: number, amount?: string | null) => void;
+      vendor: import("@layerfi/components/types/vendors").Vendor | undefined;
+      setVendor: (newVendor?: import("@layerfi/components/types/vendors").Vendor) => void;
+      paymentDate: Date;
+      setPaymentDate: React.Dispatch<React.SetStateAction<Date>>;
+      paymentMethod: import("@layerfi/components/types/bills").BillPaymentMethod;
+      setPaymentMethod: React.Dispatch<React.SetStateAction<import("@layerfi/components/types/bills").BillPaymentMethod>>;
+      showRecordPaymentForm: boolean;
+      setShowRecordPaymentForm: React.Dispatch<React.SetStateAction<boolean>>;
+      bulkSelectionActive: boolean;
+      openBulkSelection: () => void;
+      closeBulkSelection: () => void;
+      recordPayment: () => Promise<void>;
+      dataSaved: boolean;
+      closeRecordPayment: () => void;
+      clearRecordPaymentSelection: () => void;
+      recordPaymentForBill: (bill: import("@layerfi/components/types").Bill) => void;
+      payRemainingBalance: () => void;
+      isLoading: boolean;
+      apiError: import("@layerfi/components/models/APIError").APIError | undefined;
+  }>;
+  export const useBillsContext: () => {
+      data: import("@layerfi/components/types").Bill[];
+      paginatedData: import("@layerfi/components/types").Bill[];
+      currentPage: number;
+      setCurrentPage: (page: number) => void;
+      pageSize: number;
+      metadata?: import("@layerfi/components/types").Metadata;
+      billInDetails?: import("@layerfi/components/types").Bill;
+      openBillDetails: (bill?: import("@layerfi/components/types").Bill) => void;
+      showBillInDetails: boolean;
+      closeBillDetails: () => void;
+      status: import("@layerfi/components/hooks/useBills").BillStatusFilter;
+      setStatus: (status: import("@layerfi/components/hooks/useBills").BillStatusFilter) => void;
+      dateRange: import("@layerfi/components/types").DateRange;
+      setDateRange: (dateRange: import("@layerfi/components/types").DateRange) => void;
+      vendor: import("@layerfi/components/types/vendors").Vendor | null;
+      setVendor: (vendor: import("@layerfi/components/types/vendors").Vendor | null) => void;
+      fetchMore: () => void;
+      hasMore: boolean;
+      isLoading: boolean;
+      isValidating: boolean;
+      error?: Error;
+      refetch: () => void;
+  };
+  export const useBillsRecordPaymentContext: () => {
+      billsToPay: import("@layerfi/components/components/Bills/useBillsRecordPayment").BillsRecordPaymentFormRecord[];
+      setBill: (bill: import("@layerfi/components/types").Bill, index: number) => void;
+      addBill: (bill?: import("@layerfi/components/types").Bill) => void;
+      removeBill: (bill: import("@layerfi/components/types").Bill) => void;
+      removeBillByIndex: (index: number) => void;
+      setAmount: (billId: string, amount: string) => void;
+      setAmountByIndex: (index: number, amount?: string | null) => void;
+      vendor: import("@layerfi/components/types/vendors").Vendor | undefined;
+      setVendor: (newVendor?: import("@layerfi/components/types/vendors").Vendor) => void;
+      paymentDate: Date;
+      setPaymentDate: React.Dispatch<React.SetStateAction<Date>>;
+      paymentMethod: import("@layerfi/components/types/bills").BillPaymentMethod;
+      setPaymentMethod: React.Dispatch<React.SetStateAction<import("@layerfi/components/types/bills").BillPaymentMethod>>;
+      showRecordPaymentForm: boolean;
+      setShowRecordPaymentForm: React.Dispatch<React.SetStateAction<boolean>>;
+      bulkSelectionActive: boolean;
+      openBulkSelection: () => void;
+      closeBulkSelection: () => void;
+      recordPayment: () => Promise<void>;
+      dataSaved: boolean;
+      closeRecordPayment: () => void;
+      clearRecordPaymentSelection: () => void;
+      recordPaymentForBill: (bill: import("@layerfi/components/types").Bill) => void;
+      payRemainingBalance: () => void;
+      isLoading: boolean;
+      apiError: import("@layerfi/components/models/APIError").APIError | undefined;
+  };
+  export const BillsProvider: React.FC<BillsProviderProps>;
+  export {};
+
 }
 declare module '@layerfi/components/contexts/ChartOfAccountsContext/ChartOfAccountsContext' {
   import { useChartOfAccounts } from '@layerfi/components/hooks/useChartOfAccounts/index';
@@ -5453,6 +5909,329 @@ declare module '@layerfi/components/contexts/VendorsContext' {
   export const VendorsProvider: React.FC<VendorsProviderProps>;
   export {};
 
+}
+declare module '@layerfi/components/features/bankTransactions/[bankTransactionId]/components/BankTransactionTagsAndMemo' {
+  import type { BankTransaction } from '@layerfi/components/types';
+  type BankTransactionTagsAndMemoProps = {
+      bankTransaction: Pick<BankTransaction, 'id' | 'transaction_tags'>;
+      showDescriptions?: boolean;
+  };
+  export function BankTransactionTagsAndMemo({ bankTransaction, showDescriptions, }: BankTransactionTagsAndMemoProps): import("react/jsx-runtime").JSX.Element | null;
+  export {};
+
+}
+declare module '@layerfi/components/features/bankTransactions/[bankTransactionId]/tags/api/useRemoveTagFromBankTransaction' {
+  type RemoveTagFromBankTransactionArg = {
+      tagId: string;
+  };
+  type RemoveTagFromBankTransactionOptions = {
+      bankTransactionId: string;
+  };
+  export function useRemoveTagFromBankTransaction({ bankTransactionId }: RemoveTagFromBankTransactionOptions): import("swr/mutation").SWRMutationResponse<Record<string, never>, any, () => {
+      readonly accessToken: string;
+      readonly apiUrl: string;
+      readonly businessId: string;
+      readonly bankTransactionId: string;
+      readonly tags: readonly ["#remove-tag-from-bank-transaction"];
+  } | undefined, RemoveTagFromBankTransactionArg>;
+  export {};
+
+}
+declare module '@layerfi/components/features/bankTransactions/[bankTransactionId]/tags/api/useTagBankTransaction' {
+  type TagBankTransactionArg = {
+      key: string;
+      value: string;
+  };
+  type TagBankTransactionOptions = {
+      bankTransactionId: string;
+  };
+  export function useTagBankTransaction({ bankTransactionId }: TagBankTransactionOptions): import("swr/mutation").SWRMutationResponse<Record<string, never>, any, () => {
+      readonly accessToken: string;
+      readonly apiUrl: string;
+      readonly businessId: string;
+      readonly bankTransactionId: string;
+      readonly tags: readonly ["#tag-bank-transaction"];
+  } | undefined, TagBankTransactionArg>;
+  export {};
+
+}
+declare module '@layerfi/components/features/bankTransactions/[bankTransactionId]/tags/components/BankTransactionTagSelector' {
+  import type { BankTransaction } from '@layerfi/components/types';
+  type BankTransactionTagSelectorProps = {
+      bankTransaction: Pick<BankTransaction, 'id' | 'transaction_tags'>;
+  };
+  export function BankTransactionTagSelector({ bankTransaction }: BankTransactionTagSelectorProps): import("react/jsx-runtime").JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/features/bankTransactions/[bankTransactionId]/tags/components/BankTransactionTagVisibilityProvider' {
+  import { type PropsWithChildren } from 'react';
+  export function useBankTransactionTagVisibility(): {
+      showTags: boolean;
+  };
+  type BankTransactionTagVisibilityProviderProps = PropsWithChildren<{
+      showTags: boolean;
+  }>;
+  export function BankTransactionTagVisibilityProvider({ children, showTags, }: BankTransactionTagVisibilityProviderProps): import("react/jsx-runtime").JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/features/customers/api/useListCustomers' {
+  import { type SWRInfiniteResponse } from 'swr/infinite';
+  import { Schema } from 'effect';
+  const ListCustomersRawResultSchema: Schema.Struct<{
+      data: Schema.Array$<Schema.Struct<{
+          id: typeof Schema.UUID;
+          externalId: Schema.PropertySignature<":", string | null, "external_id", ":", string | null, false, never>;
+          individualName: Schema.PropertySignature<":", string | null, "individual_name", ":", string | null, false, never>;
+          companyName: Schema.PropertySignature<":", string | null, "company_name", ":", string | null, false, never>;
+          email: Schema.NullOr<typeof Schema.String>;
+          mobilePhone: Schema.PropertySignature<":", string | null, "mobile_phone", ":", string | null, false, never>;
+          officePhone: Schema.PropertySignature<":", string | null, "office_phone", ":", string | null, false, never>;
+          status: Schema.transform<typeof Schema.NonEmptyTrimmedString, Schema.SchemaClass<"ACTIVE" | "ARCHIVED", "ACTIVE" | "ARCHIVED", never>>;
+          memo: Schema.NullOr<typeof Schema.String>;
+      }>>;
+      meta: Schema.Struct<{
+          pagination: Schema.Struct<{
+              cursor: Schema.NullOr<typeof Schema.String>;
+              hasMore: Schema.PropertySignature<":", boolean, "has_more", ":", boolean, false, never>;
+          }>;
+      }>;
+  }>;
+  type ListCustomersRawResult = typeof ListCustomersRawResultSchema.Type;
+  export const CUSTOMERS_TAG_KEY = "#customers";
+  class ListCustomersSWRResponse {
+      private swrResponse;
+      constructor(swrResponse: SWRInfiniteResponse<ListCustomersRawResult>);
+      get data(): {
+          readonly data: readonly {
+              readonly id: string;
+              readonly memo: string | null;
+              readonly status: "ACTIVE" | "ARCHIVED";
+              readonly email: string | null;
+              readonly externalId: string | null;
+              readonly individualName: string | null;
+              readonly companyName: string | null;
+              readonly mobilePhone: string | null;
+              readonly officePhone: string | null;
+          }[];
+          readonly meta: {
+              readonly pagination: {
+                  readonly cursor: string | null;
+                  readonly hasMore: boolean;
+              };
+          };
+      }[] | undefined;
+      get isLoading(): boolean;
+      get isValidating(): boolean;
+      get isError(): boolean;
+  }
+  export function useListCustomers(): ListCustomersSWRResponse;
+  export {};
+
+}
+declare module '@layerfi/components/features/customers/customersSchemas' {
+  import { Schema } from 'effect';
+  export const CustomerSchema: Schema.Struct<{
+      id: typeof Schema.UUID;
+      externalId: Schema.PropertySignature<":", string | null, "external_id", ":", string | null, false, never>;
+      individualName: Schema.PropertySignature<":", string | null, "individual_name", ":", string | null, false, never>;
+      companyName: Schema.PropertySignature<":", string | null, "company_name", ":", string | null, false, never>;
+      email: Schema.NullOr<typeof Schema.String>;
+      mobilePhone: Schema.PropertySignature<":", string | null, "mobile_phone", ":", string | null, false, never>;
+      officePhone: Schema.PropertySignature<":", string | null, "office_phone", ":", string | null, false, never>;
+      status: Schema.transform<typeof Schema.NonEmptyTrimmedString, Schema.SchemaClass<"ACTIVE" | "ARCHIVED", "ACTIVE" | "ARCHIVED", never>>;
+      memo: Schema.NullOr<typeof Schema.String>;
+  }>;
+
+}
+declare module '@layerfi/components/features/tags/api/useTagDimensions' {
+  import { type SWRResponse } from 'swr';
+  import { Schema } from 'effect';
+  const TagDimensionsListSchema: Schema.Array$<Schema.Struct<{
+      id: typeof Schema.UUID;
+      key: typeof Schema.NonEmptyTrimmedString;
+      strictness: Schema.transform<typeof Schema.NonEmptyTrimmedString, Schema.Literal<["BALANCING", "NON_BALANCING"]>>;
+      definedValues: Schema.PropertySignature<":", readonly {
+          readonly value: string;
+          readonly id: string;
+      }[], "defined_values", ":", readonly {
+          readonly value: string;
+          readonly id: string;
+      }[], false, never>;
+  }>>;
+  class TagDimensionsSWRResponse {
+      private swrResponse;
+      constructor(swrResponse: SWRResponse<typeof TagDimensionsListSchema.Type>);
+      get data(): readonly {
+          readonly id: string;
+          readonly key: string;
+          readonly strictness: "BALANCING" | "NON_BALANCING";
+          readonly definedValues: readonly {
+              readonly value: string;
+              readonly id: string;
+          }[];
+      }[] | undefined;
+      get isLoading(): boolean;
+      get isValidating(): boolean;
+      get isError(): boolean;
+  }
+  type UseTagDimensionsParameters = {
+      isEnabled?: boolean;
+  };
+  export function useTagDimensions({ isEnabled }?: UseTagDimensionsParameters): TagDimensionsSWRResponse;
+  export function usePreloadTagDimensions(parameters?: UseTagDimensionsParameters): void;
+  export {};
+
+}
+declare module '@layerfi/components/features/tags/components/TagSelector' {
+  import { Schema } from 'effect';
+  const TagValueSchema: Schema.Data<Schema.Struct<{
+      dimensionId: typeof Schema.UUID;
+      dimensionLabel: typeof Schema.NonEmptyTrimmedString;
+      valueId: typeof Schema.UUID;
+      valueLabel: typeof Schema.NonEmptyTrimmedString;
+  }>>;
+  export const makeTagValue: (i: {
+      readonly dimensionId: string;
+      readonly dimensionLabel: string;
+      readonly valueId: string;
+      readonly valueLabel: string;
+  }, overrideOptions?: import("effect/SchemaAST").ParseOptions) => {
+      readonly dimensionId: string;
+      readonly dimensionLabel: string;
+      readonly valueId: string;
+      readonly valueLabel: string;
+  };
+  export type TagValue = typeof TagValueSchema.Type;
+  const TagSchema: Schema.Data<Schema.Struct<{
+      id: typeof Schema.UUID;
+      dimensionLabel: typeof Schema.NonEmptyTrimmedString;
+      valueLabel: typeof Schema.NonEmptyTrimmedString;
+      _local: Schema.Struct<{
+          isOptimistic: typeof Schema.Boolean;
+      }>;
+  }>>;
+  export const makeTag: (i: {
+      readonly id: string;
+      readonly dimensionLabel: string;
+      readonly valueLabel: string;
+      readonly _local: {
+          readonly isOptimistic: boolean;
+      };
+  }, overrideOptions?: import("effect/SchemaAST").ParseOptions) => {
+      readonly id: string;
+      readonly dimensionLabel: string;
+      readonly valueLabel: string;
+      readonly _local: {
+          readonly isOptimistic: boolean;
+      };
+  };
+  export type Tag = typeof TagSchema.Type;
+  type TagSelectorProps = {
+      selectedTags: ReadonlyArray<Tag>;
+      isReadOnly?: boolean;
+      onAddTag: (tagValue: TagValue) => void;
+      onRemoveTag: (tag: Tag) => void;
+  };
+  export function TagSelector({ selectedTags, isReadOnly, onAddTag, onRemoveTag, }: TagSelectorProps): import("react/jsx-runtime").JSX.Element | null;
+  export {};
+
+}
+declare module '@layerfi/components/features/tags/tagSchemas' {
+  import { Schema } from 'effect';
+  export const TagDimensionSchema: Schema.Struct<{
+      id: typeof Schema.UUID;
+      key: typeof Schema.NonEmptyTrimmedString;
+      strictness: Schema.transform<typeof Schema.NonEmptyTrimmedString, Schema.Literal<["BALANCING", "NON_BALANCING"]>>;
+      definedValues: Schema.PropertySignature<":", readonly {
+          readonly value: string;
+          readonly id: string;
+      }[], "defined_values", ":", readonly {
+          readonly value: string;
+          readonly id: string;
+      }[], false, never>;
+  }>;
+
+}
+declare module '@layerfi/components/features/tags/useFlattenedTagValues' {
+  import type { useTagDimensions } from '@layerfi/components/features/tags/api/useTagDimensions';
+  export function useFlattenedTagValues(dimensions: ReturnType<typeof useTagDimensions>['data']): {
+      readonly dimensionId: string;
+      readonly dimensionLabel: string;
+      readonly valueId: string;
+      readonly valueLabel: string;
+  }[];
+
+}
+declare module '@layerfi/components/features/vendors/api/useListVendors' {
+  import { type SWRInfiniteResponse } from 'swr/infinite';
+  import { Schema } from 'effect';
+  const ListVendorsRawResultSchema: Schema.Struct<{
+      data: Schema.Array$<Schema.Struct<{
+          id: typeof Schema.UUID;
+          externalId: Schema.PropertySignature<":", string | null, "external_id", ":", string | null, false, never>;
+          individualName: Schema.PropertySignature<":", string | null, "individual_name", ":", string | null, false, never>;
+          companyName: Schema.PropertySignature<":", string | null, "company_name", ":", string | null, false, never>;
+          email: Schema.NullOr<typeof Schema.String>;
+          mobilePhone: Schema.PropertySignature<":", string | null, "mobile_phone", ":", string | null, false, never>;
+          officePhone: Schema.PropertySignature<":", string | null, "office_phone", ":", string | null, false, never>;
+          status: Schema.transform<typeof Schema.NonEmptyTrimmedString, Schema.SchemaClass<"ACTIVE" | "ARCHIVED", "ACTIVE" | "ARCHIVED", never>>;
+          memo: Schema.NullOr<typeof Schema.String>;
+      }>>;
+      meta: Schema.Struct<{
+          pagination: Schema.Struct<{
+              cursor: Schema.NullOr<typeof Schema.String>;
+              hasMore: Schema.PropertySignature<":", boolean, "has_more", ":", boolean, false, never>;
+          }>;
+      }>;
+  }>;
+  type ListVendorsRawResult = typeof ListVendorsRawResultSchema.Type;
+  export const VENDORS_TAG_KEY = "#vendors";
+  class ListVendorsSWRResponse {
+      private swrResponse;
+      constructor(swrResponse: SWRInfiniteResponse<ListVendorsRawResult>);
+      get data(): {
+          readonly data: readonly {
+              readonly id: string;
+              readonly memo: string | null;
+              readonly status: "ACTIVE" | "ARCHIVED";
+              readonly email: string | null;
+              readonly externalId: string | null;
+              readonly individualName: string | null;
+              readonly companyName: string | null;
+              readonly mobilePhone: string | null;
+              readonly officePhone: string | null;
+          }[];
+          readonly meta: {
+              readonly pagination: {
+                  readonly cursor: string | null;
+                  readonly hasMore: boolean;
+              };
+          };
+      }[] | undefined;
+      get isLoading(): boolean;
+      get isValidating(): boolean;
+      get isError(): boolean;
+  }
+  export function useListVendors(): ListVendorsSWRResponse;
+  export {};
+
+}
+declare module '@layerfi/components/features/vendors/vendorsSchemas' {
+  import { Schema } from 'effect';
+  export const VendorSchema: Schema.Struct<{
+      id: typeof Schema.UUID;
+      externalId: Schema.PropertySignature<":", string | null, "external_id", ":", string | null, false, never>;
+      individualName: Schema.PropertySignature<":", string | null, "individual_name", ":", string | null, false, never>;
+      companyName: Schema.PropertySignature<":", string | null, "company_name", ":", string | null, false, never>;
+      email: Schema.NullOr<typeof Schema.String>;
+      mobilePhone: Schema.PropertySignature<":", string | null, "mobile_phone", ":", string | null, false, never>;
+      officePhone: Schema.PropertySignature<":", string | null, "office_phone", ":", string | null, false, never>;
+      status: Schema.transform<typeof Schema.NonEmptyTrimmedString, Schema.SchemaClass<"ACTIVE" | "ARCHIVED", "ACTIVE" | "ARCHIVED", never>>;
+      memo: Schema.NullOr<typeof Schema.String>;
+  }>;
+
 }
 declare module '@layerfi/components/hooks/array/usePaginatedList' {
   export function usePaginatedList<T>(list: ReadonlyArray<T>, pageSize: number): {
@@ -5840,24 +6619,32 @@ declare module '@layerfi/components/hooks/customAccounts/useCreateCustomAccount'
 }
 declare module '@layerfi/components/hooks/customAccounts/useCreateCustomAccountTransactions' {
   import type { RawCustomTransaction } from '@layerfi/components/hooks/customAccounts/types';
+  import { BankTransaction } from '@layerfi/components/types';
+  import { APIError } from '@layerfi/components/models/APIError';
   type CreateCustomAccountTransactionsBody = {
       transactions: RawCustomTransaction[];
   };
   type CreateCustomAccountTransactionsArgs = CreateCustomAccountTransactionsBody & {
       customAccountId: string;
   };
-  export function useCreateCustomAccountTransactions(): import("swr/mutation").SWRMutationResponse<unknown, any, () => {
+  function buildKey({ access_token: accessToken, apiUrl, businessId, }: {
+      access_token?: string;
+      apiUrl?: string;
+      businessId: string;
+  }): {
       readonly accessToken: string;
       readonly apiUrl: string;
       readonly businessId: string;
       readonly tags: readonly ["#custom-accounts:create-transactions"];
-  } | undefined, CreateCustomAccountTransactionsArgs>;
+  } | null;
+  export function useCreateCustomAccountTransactions(): import("swr/mutation").SWRMutationResponse<BankTransaction[], APIError, () => ReturnType<typeof buildKey>, CreateCustomAccountTransactionsArgs>;
   export {};
 
 }
 declare module '@layerfi/components/hooks/customAccounts/useCustomAccountParseCsv' {
   import type { CustomAccountTransactionRow, RawCustomTransaction } from '@layerfi/components/hooks/customAccounts/types';
   import type { PreviewCsv } from '@layerfi/components/components/CsvUpload/types';
+  import { APIError } from '@layerfi/components/models/APIError';
   type CustomAccountParseCsvArgs = {
       file: File;
       customAccountId: string;
@@ -5868,13 +6655,20 @@ declare module '@layerfi/components/hooks/customAccounts/useCustomAccountParseCs
           transactions: RawCustomTransaction[];
       };
       new_transactions_preview: PreviewCsv<CustomAccountTransactionRow>;
+      invalid_transactions_count: number;
+      total_transactions_count: number;
   };
-  export function useCustomAccountParseCsv(): import("swr/mutation").SWRMutationResponse<CustomAccountParseCsvResponse, any, () => {
+  function buildKey({ access_token: accessToken, apiUrl, businessId, }: {
+      access_token?: string;
+      apiUrl?: string;
+      businessId: string;
+  }): {
       readonly accessToken: string;
       readonly apiUrl: string;
       readonly businessId: string;
       readonly tags: readonly ["#custom-accounts:parse-csv"];
-  } | undefined, CustomAccountParseCsvArgs>;
+  } | undefined;
+  export function useCustomAccountParseCsv(): import("swr/mutation").SWRMutationResponse<CustomAccountParseCsvResponse, APIError, () => ReturnType<typeof buildKey>, CustomAccountParseCsvArgs>;
   export {};
 
 }
@@ -5882,6 +6676,10 @@ declare module '@layerfi/components/hooks/customAccounts/useCustomAccounts' {
   export const CUSTOM_ACCOUNTS_TAG_KEY = "#custom-accounts";
   export function useCustomAccounts(): import("swr").SWRResponse<import("./types").CustomAccount[], any, any>;
 
+}
+declare module '@layerfi/components/hooks/ref/useStopClickEventsRef' {
+  export function useStopClickEventsRefCallback(): (element: HTMLElement | null) => void;
+
 }
 declare module '@layerfi/components/hooks/useAuth' {
   export function useAuth(): import("swr").SWRResponse<{
@@ -5963,6 +6761,7 @@ declare module '@layerfi/components/hooks/useBankTransactions/useAugmentedBankTr
 }
 declare module '@layerfi/components/hooks/useBankTransactions/useBankTransactions' {
   import { type GetBankTransactionsReturn } from '@layerfi/components/api/layer/bankTransactions';
+  import type { BankTransaction } from '@layerfi/components/types';
   export const BANK_TRANSACTIONS_TAG_KEY = "#bank-transactions";
   export type UseBankTransactionsOptions = {
       categorized?: boolean;
@@ -5973,6 +6772,12 @@ 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 function useBankTransactionsInvalidator(): {
+      invalidateBankTransactions: () => Promise<undefined[]>;
+  };
+  export function useBankTransactionsOptimisticUpdater(): {
+      optimisticallyUpdateBankTransactions: (transformTransaction: (txn: BankTransaction) => BankTransaction) => Promise<undefined[]>;
+  };
 
 }
 declare module '@layerfi/components/hooks/useBankTransactions/useBankTransactionsDownload' {
@@ -6056,6 +6861,39 @@ declare module '@layerfi/components/hooks/useBankTransactions/utils' {
   export const applyAccountFilter: (data?: BankTransaction[], filter?: string[]) => BankTransaction[] | undefined;
   export const applyCategorizationStatusFilter: (data?: BankTransaction[], filter?: DisplayState) => BankTransaction[] | undefined;
 
+}
+declare module '@layerfi/components/hooks/useBills' {
+  import { Bill } from '@layerfi/components/types/bills';
+  import { DateRange, Metadata } from '@layerfi/components/types';
+  import { Vendor } from '@layerfi/components/types/vendors';
+  export type BillStatusFilter = 'PAID' | 'UNPAID';
+  type UseBills = () => {
+      data: Bill[];
+      paginatedData: Bill[];
+      currentPage: number;
+      setCurrentPage: (page: number) => void;
+      pageSize: number;
+      metadata?: Metadata;
+      billInDetails?: Bill;
+      openBillDetails: (bill?: Bill) => void;
+      showBillInDetails: boolean;
+      closeBillDetails: () => void;
+      status: BillStatusFilter;
+      setStatus: (status: BillStatusFilter) => void;
+      dateRange: DateRange;
+      setDateRange: (dateRange: DateRange) => void;
+      vendor: Vendor | null;
+      setVendor: (vendor: Vendor | null) => void;
+      fetchMore: () => void;
+      hasMore: boolean;
+      isLoading: boolean;
+      isValidating: boolean;
+      error?: Error;
+      refetch: () => void;
+  };
+  export const useBills: UseBills;
+  export {};
+
 }
 declare module '@layerfi/components/hooks/useChartOfAccounts/index' {
   export { useChartOfAccounts } from '@layerfi/components/hooks/useChartOfAccounts/useChartOfAccounts';
@@ -6997,7 +7835,7 @@ declare module '@layerfi/components/index' {
   export { Onboarding } from '@layerfi/components/components/Onboarding/index';
   export { LinkedAccounts } from '@layerfi/components/components/LinkedAccounts/index';
   export { UploadTransactions as unstable_UploadTransactions } from '@layerfi/components/components/UploadTransactions/UploadTransactions';
-  export { BankTransactions } from '@layerfi/components/components/BankTransactions/index';
+  export { BankTransactions } from '@layerfi/components/components/BankTransactions/BankTransactions';
   export { Integrations } from '@layerfi/components/components/Integrations/Integrations';
   export { ProfitAndLoss } from '@layerfi/components/components/ProfitAndLoss/index';
   export { BalanceSheet } from '@layerfi/components/components/BalanceSheet/index';
@@ -7013,6 +7851,7 @@ declare module '@layerfi/components/index' {
   export { BankTransactionsWithLinkedAccounts } from '@layerfi/components/views/BankTransactionsWithLinkedAccounts/index';
   export { GeneralLedgerView } from '@layerfi/components/views/GeneralLedger/index';
   export { ProjectProfitabilityView } from '@layerfi/components/views/ProjectProfitability/index';
+  export { unstable_BillsView } from '@layerfi/components/views/Bills';
   export { Reports } from '@layerfi/components/views/Reports/index';
   export { ProfitAndLossView } from '@layerfi/components/components/ProfitAndLossView/index';
   export { useLayerContext } from '@layerfi/components/contexts/LayerContext/index';
@@ -7316,6 +8155,10 @@ declare module '@layerfi/components/providers/ReceiptsProvider/ReceiptsProvider'
 declare module '@layerfi/components/providers/ReceiptsProvider/index' {
   export { ReceiptsProvider } from '@layerfi/components/providers/ReceiptsProvider/ReceiptsProvider';
 
+}
+declare module '@layerfi/components/public/styles/publicClassname' {
+  export const PUBLIC_CLASSNAME = "Layer__Public";
+
 }
 declare module '@layerfi/components/types/api' {
   export interface PaginationMetadata {
@@ -7357,6 +8200,7 @@ declare module '@layerfi/components/types/balance_sheet' {
 declare module '@layerfi/components/types/bank_transactions' {
   import { Categorization, CategorizationStatus, Category } from '@layerfi/components/types/categories';
   import { S3PresignedUrl } from '@layerfi/components/types/general';
+  import type { TransactionTag } from '@layerfi/components/types/tags';
   export enum Direction {
       CREDIT = "CREDIT",
       DEBIT = "DEBIT"
@@ -7401,6 +8245,7 @@ declare module '@layerfi/components/types/bank_transactions' {
       suggested_matches?: SuggestedMatch[];
       match?: BankTransactionMatch;
       document_ids: string[];
+      transaction_tags: ReadonlyArray<TransactionTag>;
   }
   export interface SuggestedMatch {
       id: string;
@@ -7441,9 +8286,10 @@ declare module '@layerfi/components/types/bills' {
   const UNPAID_STATUS_MAP: {
       readonly SENT: "SENT";
       readonly PARTIALLY_PAID: "PARTIALLY_PAID";
+      readonly RECEIVED: "RECEIVED";
   };
   export type UnpaidStatuses = typeof UNPAID_STATUS_MAP[keyof typeof UNPAID_STATUS_MAP];
-  export const UNPAID_STATUSES: ("SENT" | "PARTIALLY_PAID")[];
+  export const UNPAID_STATUSES: ("SENT" | "PARTIALLY_PAID" | "RECEIVED")[];
   const PAID_STATUS_MAP: {
       readonly PAID: "PAID";
   };
@@ -7455,7 +8301,7 @@ declare module '@layerfi/components/types/bills' {
   export type VoidedStatuses = typeof VOIDED_STATUS_MAP[keyof typeof VOIDED_STATUS_MAP];
   export const VOIDED_STATUS: "VOIDED";
   export type BillStatus = UnpaidStatuses | PaidStatuses | VoidedStatuses;
-  type BillTerm = 'DUE_ON_RECEIPT' | 'NET_10' | 'NET_15' | 'NET_30' | 'NET_60';
+  export type BillTerm = 'DUE_ON_RECEIPT' | 'NET_10' | 'NET_15' | 'NET_30' | 'NET_60';
   export const BillTerms: {
       id: BillTerm;
       label: string;
@@ -7508,7 +8354,7 @@ declare module '@layerfi/components/types/bills' {
       amount: number;
       transaction_tags: TransactionTag[];
   };
-  type SalesTax = {
+  export type SalesTax = {
       amount: number;
       tax_account: TaxAccount;
   };
@@ -7767,6 +8613,7 @@ declare module '@layerfi/components/types/general' {
       BANK_TRANSACTIONS = "BANK_TRANSACTIONS",
       CHART_OF_ACCOUNTS = "CHART_OF_ACCOUNTS",
       JOURNAL = "JOURNAL",
+      BILLS = "BILLS",
       LEDGER_ACCOUNTS = "LEDGER_ACCOUNTS",
       LINKED_ACCOUNTS = "LINKED_ACCOUNTS",
       PROFIT_AND_LOSS = "PROFIT_AND_LOSS",
@@ -8517,6 +9364,9 @@ declare module '@layerfi/components/types/tags' {
       created_at: string;
       updated_at: string;
       deleted_at?: string;
+      _local?: {
+          isOptimistic: boolean;
+      };
   };
   export type TagFilterInput = {
       tagKey: string;
@@ -8581,7 +9431,7 @@ declare module '@layerfi/components/types/utility/enumWithUnknownValues' {
 }
 declare module '@layerfi/components/types/utility/oneOf' {
   type OnlyFirst<First, Second> = First & {
-      [Key in keyof Omit<Second, keyof First>]: never;
+      [Key in keyof Omit<Second, keyof First>]?: never;
   };
   type MergeTypes<Types extends Array<unknown>, Result = Record<never, never>> = Types extends [infer Head, ...infer Remaining] ? MergeTypes<Remaining, Result & Head> : Result;
   export type OneOf<Types extends Array<unknown>, Result = never, AllProperties = MergeTypes<Types>> = Types extends [infer Head, ...infer Remaining] ? OneOf<Remaining, Result | OnlyFirst<Head, AllProperties>, AllProperties> : Result;
@@ -8623,6 +9473,7 @@ declare module '@layerfi/components/types' {
   export { LedgerAccountLineItems as LedgerAccounts, LedgerAccountLineItem, LedgerAccountsAccount, LedgerAccountsEntry, } from '@layerfi/components/types/ledger_accounts';
   export { SortDirection } from '@layerfi/components/types/general';
   export { Business } from '@layerfi/components/types/business';
+  export { Bill } from '@layerfi/components/types/bills';
   export interface FormError {
       field: string;
       message: string;
@@ -8777,7 +9628,7 @@ declare module '@layerfi/components/utils/delay/runDelayed' {
 
 }
 declare module '@layerfi/components/utils/form' {
-  export const notEmpty: (value?: string) => boolean;
+  export const notEmpty: (value?: string | null) => boolean;
   export const validateEmailFormat: (email?: string, required?: boolean) => boolean;
 
 }
@@ -8909,6 +9760,15 @@ declare module '@layerfi/components/utils/swr/defaultSWRConfig' {
       readonly revalidateIfStale: false;
   };
 
+}
+declare module '@layerfi/components/utils/swr/useGlobalInvalidator' {
+  export function useGlobalInvalidator(): {
+      invalidate: (predicate: (tags: ReadonlyArray<string>) => boolean) => Promise<undefined[]>;
+  };
+  export function useGlobalOptimisticUpdater(): {
+      optimisticUpdate: <unsafe_TData>(predicate: (tags: ReadonlyArray<string>) => boolean, optimisticUpdateCallback: (displayedData: unsafe_TData) => unsafe_TData) => Promise<undefined[]>;
+  };
+
 }
 declare module '@layerfi/components/utils/swr/withSWRKeyTags' {
   export function withSWRKeyTags(key: unknown, predicate: (tags: ReadonlyArray<string>) => boolean): boolean;
@@ -8989,7 +9849,7 @@ declare module '@layerfi/components/views/AccountingOverview/internal/Transactio
 
 }
 declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/BankTransactionsWithLinkedAccounts' {
-  import { BankTransactionsStringOverrides } from '@layerfi/components/components/BankTransactions/BankTransactions';
+  import { type BankTransactionsStringOverrides } from '@layerfi/components/components/BankTransactions/BankTransactions';
   import { BankTransactionsMode } from '@layerfi/components/providers/LegacyModeProvider/LegacyModeProvider';
   import { MobileComponentType } from '@layerfi/components/components/BankTransactions/constants';
   interface BankTransactionsWithLinkedAccountsStringOverrides {
@@ -9001,12 +9861,13 @@ declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/Ban
       title?: string;
       showTitle?: boolean;
       elevatedLinkedAccounts?: boolean;
-      showLedgerBalance?: boolean;
-      showUnlinkItem?: boolean;
       showBreakConnection?: boolean;
       showDescriptions?: boolean;
+      showLedgerBalance?: boolean;
       showReceiptUploads?: boolean;
+      showTags?: boolean;
       showTooltips?: boolean;
+      showUnlinkItem?: boolean;
       /**
        * @deprecated `mode` can be inferred from the bookkeeping configuration of a business
        */
@@ -9014,13 +9875,29 @@ declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/Ban
       mobileComponent?: MobileComponentType;
       stringOverrides?: BankTransactionsWithLinkedAccountsStringOverrides;
   }
-  export const BankTransactionsWithLinkedAccounts: ({ title, showTitle, elevatedLinkedAccounts, showLedgerBalance, showUnlinkItem, showBreakConnection, mode, showDescriptions, showReceiptUploads, showTooltips, mobileComponent, stringOverrides, }: BankTransactionsWithLinkedAccountsProps) => import("react/jsx-runtime").JSX.Element;
+  export const BankTransactionsWithLinkedAccounts: ({ title, showTitle, elevatedLinkedAccounts, mode, showBreakConnection, showDescriptions, showLedgerBalance, showReceiptUploads, showTags, showTooltips, showUnlinkItem, mobileComponent, stringOverrides, }: BankTransactionsWithLinkedAccountsProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 
 }
 declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/index' {
   export { BankTransactionsWithLinkedAccounts } from '@layerfi/components/views/BankTransactionsWithLinkedAccounts/BankTransactionsWithLinkedAccounts';
 
+}
+declare module '@layerfi/components/views/Bills' {
+  export type BillsStringOverrides = {
+      title?: string;
+      paidToggleOption?: string;
+      unpaidToggleOption?: string;
+  };
+  export type ChartOfAccountsOptions = {
+      templateAccountsEditable?: boolean;
+  };
+  export type BillsViewProps = {
+      showTitle?: boolean;
+      stringOverrides?: BillsStringOverrides;
+  };
+  export const unstable_BillsView: (props: BillsViewProps) => import("react/jsx-runtime").JSX.Element;
+
 }
 declare module '@layerfi/components/views/BookkeepingOverview/BookkeepingOverview' {
   import { ProfitAndLossDetailedChartsStringOverrides } from '@layerfi/components/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts';