@layerfi/components 0.1.87 → 0.1.88-alpha.1

package/dist/index.d.ts

@@ -153,7 +153,10 @@ declare module '@layerfi/components/api/layer/business' {
 declare module '@layerfi/components/api/layer/categories' {
   import { Category } from '@layerfi/components/types';
   export const getCategories: (baseUrl: string, accessToken: string | undefined, options?: {
-      params?: Record<string, string | undefined> | undefined;
+      params?: {
+          businessId: string;
+          mode?: "ALL";
+      } | undefined;
   } | undefined) => () => Promise<{
       data: {
           type: "Category_List";
@@ -607,7 +610,10 @@ declare module '@layerfi/components/api/layer' {
           errors: unknown;
       }>;
       getCategories: (baseUrl: string, accessToken: string | undefined, options?: {
-          params?: Record<string, string | undefined> | undefined;
+          params?: {
+              businessId: string;
+              mode?: "ALL";
+          } | undefined;
       } | undefined) => () => Promise<{
           data: {
               type: "Category_List";
@@ -1268,7 +1274,7 @@ declare module '@layerfi/components/components/BankTransactionMobileList/index'
 
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/useMemoText' {
-  import React, { ReactNode } from 'react';
+  import { ReactNode } from 'react';
   import { BankTransaction } from '@layerfi/components/types';
   interface MemoTextProps {
       bankTransaction: BankTransaction;
@@ -1278,19 +1284,19 @@ declare module '@layerfi/components/components/BankTransactionMobileList/useMemo
       children: ReactNode;
   }
   export type MemoTextContextType = ReturnType<typeof useMemoText>;
-  export const MemoTextContext: React.Context<{
+  export const MemoTextContext: import("react").Context<{
       memoText: string | undefined;
-      setMemoText: React.Dispatch<React.SetStateAction<string | undefined>>;
+      setMemoText: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
       saveMemoText: () => Promise<void>;
   }>;
   export const useMemoTextContext: () => {
       memoText: string | undefined;
-      setMemoText: React.Dispatch<React.SetStateAction<string | undefined>>;
+      setMemoText: import("react").Dispatch<import("react").SetStateAction<string | undefined>>;
       saveMemoText: () => Promise<void>;
   };
   const useMemoText: ({ bankTransaction, isActive }: MemoTextProps) => {
       memoText: string | undefined;
-      setMemoText: React.Dispatch<React.SetStateAction<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;
@@ -1298,7 +1304,8 @@ declare module '@layerfi/components/components/BankTransactionMobileList/useMemo
 
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/utils' {
-  import { BankTransaction, Category } from '@layerfi/components/types';
+  import { BankTransaction } from '@layerfi/components/types';
+  import type { CategoryWithEntries } from '@layerfi/components/types/bank_transactions';
   import { CategoryOptionPayload } from '@layerfi/components/components/CategorySelect/CategorySelect';
   export interface Option {
       label: string;
@@ -1312,13 +1319,12 @@ declare module '@layerfi/components/components/BankTransactionMobileList/utils'
       asLink?: boolean;
       secondary?: boolean;
   }
-  export const mapCategoryToOption: (category: Category) => Option;
-  export const flattenCategories: (categories: Category[]) => Option[];
+  export const mapCategoryToOption: (category: CategoryWithEntries) => Option;
+  export const flattenCategories: (categories: Array<CategoryWithEntries>) => Option[];
   export const getAssignedValue: (bankTransaction: BankTransaction) => Option | undefined;
 
 }
 declare module '@layerfi/components/components/BankTransactionReceipts/BankTransactionReceipts' {
-  import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
   export interface DocumentWithStatus {
       id?: string;
@@ -1342,9 +1348,9 @@ declare module '@layerfi/components/components/BankTransactionReceipts/BankTrans
   export interface BankTransactionReceiptsHandle {
       uploadReceipt: (file: File) => void;
   }
-  const BankTransactionReceiptsWithProvider: React.ForwardRefExoticComponent<BankTransactionReceiptsWithProviderProps & React.RefAttributes<BankTransactionReceiptsHandle>>;
+  const BankTransactionReceiptsWithProvider: import("react").ForwardRefExoticComponent<BankTransactionReceiptsWithProviderProps & import("react").RefAttributes<BankTransactionReceiptsHandle>>;
   export { BankTransactionReceiptsWithProvider };
-  const BankTransactionReceipts: React.ForwardRefExoticComponent<BankTransactionReceiptsProps & React.RefAttributes<BankTransactionReceiptsHandle>>;
+  const BankTransactionReceipts: import("react").ForwardRefExoticComponent<BankTransactionReceiptsProps & import("react").RefAttributes<BankTransactionReceiptsHandle>>;
   export { BankTransactionReceipts };
 
 }
@@ -1353,8 +1359,9 @@ declare module '@layerfi/components/components/BankTransactionReceipts/index' {
 
 }
 declare module '@layerfi/components/components/BankTransactionRow/BankTransactionRow' {
-  import { BankTransaction, Category } from '@layerfi/components/types';
+  import { BankTransaction } from '@layerfi/components/types';
   import { BankTransactionCTAStringOverrides, BankTransactionsMode } from '@layerfi/components/components/BankTransactions/BankTransactions';
+  import type { CategoryWithEntries } from '@layerfi/components/types/bank_transactions';
   type Props = {
       index: number;
       editable: boolean;
@@ -1371,7 +1378,7 @@ declare module '@layerfi/components/components/BankTransactionRow/BankTransactio
       stringOverrides?: BankTransactionCTAStringOverrides;
   };
   export type LastSubmittedForm = 'simple' | 'match' | 'split' | undefined;
-  export const extractDescriptionForSplit: (category: Category) => string;
+  export const extractDescriptionForSplit: (category: CategoryWithEntries) => string;
   export const getDefaultSelectedCategory: (bankTransaction: BankTransaction) => import("@layerfi/components/components/CategorySelect/CategorySelect").CategoryOption | undefined;
   export const BankTransactionRow: ({ index, editable, dateFormat, bankTransaction, mode, removeTransaction, containerWidth, initialLoad, showDescriptions, showReceiptUploads, showReceiptUploadColumn, showTooltips, stringOverrides, }: Props) => import("react/jsx-runtime").JSX.Element;
   export {};
@@ -1389,10 +1396,10 @@ declare module '@layerfi/components/components/BankTransactionRow/MatchBadge' {
 
 }
 declare module '@layerfi/components/components/BankTransactionRow/SplitTooltipDetails' {
-  import { Category } from '@layerfi/components/types';
+  import type { CategoryWithEntries } from '@layerfi/components/types/bank_transactions';
   export const SplitTooltipDetails: ({ classNamePrefix, category, }: {
       classNamePrefix: string;
-      category: Category;
+      category: CategoryWithEntries;
   }) => import("react/jsx-runtime").JSX.Element | undefined;
 
 }
@@ -1621,7 +1628,7 @@ declare module '@layerfi/components/components/Button/ExpandCollapseButton' {
 
 }
 declare module '@layerfi/components/components/Button/IconButton' {
-  import React, { ButtonHTMLAttributes, ReactNode } from 'react';
+  import { ButtonHTMLAttributes, ReactNode } from 'react';
   export interface IconButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
       icon: ReactNode;
       active?: boolean;
@@ -1684,7 +1691,6 @@ declare module '@layerfi/components/components/Button/SubmitButton' {
 
 }
 declare module '@layerfi/components/components/Button/SwitchButton' {
-  import React from 'react';
   interface SwitchButtonProps {
       children: string;
       labelPosition?: 'left' | 'right';
@@ -1733,8 +1739,7 @@ declare module '@layerfi/components/components/Card/index' {
 }
 declare module '@layerfi/components/components/CategorySelect/CategorySelect' {
   import { BankTransaction, Category } from '@layerfi/components/types';
-  import { SuggestedMatch } from '@layerfi/components/types/bank_transactions';
-  import { CategoryEntry } from '@layerfi/components/types/categories';
+  import { SuggestedMatch, type CategoryWithEntries } from '@layerfi/components/types/bank_transactions';
   type Props = {
       name?: string;
       bankTransaction: BankTransaction;
@@ -1760,16 +1765,18 @@ declare module '@layerfi/components/components/CategorySelect/CategorySelect' {
       amount?: number;
       type?: string;
       stable_name?: string;
-      entries?: CategoryEntry[];
-      subCategories?: Category[];
+      entries?: CategoryWithEntries['entries'];
+      subCategories: Category[] | null;
   }
   export interface CategoryOption {
       type: string;
       disabled?: boolean;
       payload: CategoryOptionPayload;
   }
-  export const mapCategoryToOption: (category: Category) => CategoryOption;
-  export const mapCategoryToExclusionOption: (category: Category) => CategoryOption;
+  export const mapCategoryToOption: (category: CategoryWithEntries) => CategoryOption;
+  export const mapCategoryToExclusionOption: (category: CategoryWithEntries & {
+      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 {};
@@ -1964,7 +1971,7 @@ declare module '@layerfi/components/components/ChartOfAccountsTable/index' {
 
 }
 declare module '@layerfi/components/components/Container/Container' {
-  import React, { CSSProperties, ReactNode } from 'react';
+  import { CSSProperties, ReactNode } from 'react';
   export interface ContainerProps {
       name: string;
       className?: string;
@@ -1974,7 +1981,7 @@ declare module '@layerfi/components/components/Container/Container' {
       children: ReactNode;
       style?: CSSProperties;
   }
-  const Container: React.ForwardRefExoticComponent<ContainerProps & React.RefAttributes<HTMLDivElement>>;
+  const Container: import("react").ForwardRefExoticComponent<ContainerProps & import("react").RefAttributes<HTMLDivElement>>;
   export { Container };
 
 }
@@ -1983,7 +1990,7 @@ declare module '@layerfi/components/components/Container/Header' {
    * @deprecated- use components/Header instead.
    * This has been kept to not introduce breaking changes.
    */
-  import React, { CSSProperties, ReactNode } from 'react';
+  import { CSSProperties, ReactNode } from 'react';
   export enum HeaderLayout {
       DEFAULT = "default",
       NEXT_LINE_ACTIONS = "next-line-actions"
@@ -1994,7 +2001,7 @@ declare module '@layerfi/components/components/Container/Header' {
       children: ReactNode;
       layout?: HeaderLayout;
   }
-  const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLElement>>;
+  const Header: import("react").ForwardRefExoticComponent<HeaderProps & import("react").RefAttributes<HTMLElement>>;
   export { Header };
 
 }
@@ -2131,7 +2138,6 @@ declare module '@layerfi/components/components/DetailsList/index' {
 
 }
 declare module '@layerfi/components/components/Drawer/Drawer' {
-  import React from 'react';
   export const Drawer: ({ isOpen, onClose, children, }: {
       isOpen: boolean;
       onClose: () => void;
@@ -2144,7 +2150,7 @@ declare module '@layerfi/components/components/Drawer/index' {
 
 }
 declare module '@layerfi/components/components/ErrorBoundary/ErrorBoundary' {
-  import React, { ErrorInfo, Component, type PropsWithChildren } from 'react';
+  import { ErrorInfo, Component, type PropsWithChildren } from 'react';
   import { LayerError } from '@layerfi/components/models/ErrorHandler';
   interface ErrorBoundaryProps {
       onError?: (error: LayerError) => void;
@@ -2159,7 +2165,7 @@ declare module '@layerfi/components/components/ErrorBoundary/ErrorBoundary' {
           hasError: boolean;
       };
       componentDidCatch(error: Error, _info: ErrorInfo): void;
-      render(): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+      render(): string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
   }
   export {};
 
@@ -2183,7 +2189,6 @@ declare module '@layerfi/components/components/ExpandedBankTransactionRow/APIErr
 
 }
 declare module '@layerfi/components/components/ExpandedBankTransactionRow/ExpandedBankTransactionRow' {
-  import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
   import { BankTransactionsMode } from '@layerfi/components/components/BankTransactions/BankTransactions';
   type Props = {
@@ -2211,7 +2216,7 @@ declare module '@layerfi/components/components/ExpandedBankTransactionRow/Expand
       date?: string;
       error?: string;
   }
-  const ExpandedBankTransactionRow: React.ForwardRefExoticComponent<Props & React.RefAttributes<SaveHandle>>;
+  const ExpandedBankTransactionRow: import("react").ForwardRefExoticComponent<Props & import("react").RefAttributes<SaveHandle>>;
   export { ExpandedBankTransactionRow };
 
 }
@@ -2220,7 +2225,6 @@ declare module '@layerfi/components/components/ExpandedBankTransactionRow/index'
 
 }
 declare module '@layerfi/components/components/FileThumb/FileThumb' {
-  import React from 'react';
   type FileThumbProps = {
       url?: string;
       type?: string;
@@ -2252,7 +2256,7 @@ declare module '@layerfi/components/components/GlobalWidgets/index' {
 
 }
 declare module '@layerfi/components/components/Header/Header' {
-  import React, { CSSProperties, ReactNode } from 'react';
+  import { CSSProperties, ReactNode } from 'react';
   export interface HeaderProps {
       className?: string;
       style?: CSSProperties;
@@ -2261,7 +2265,7 @@ declare module '@layerfi/components/components/Header/Header' {
       rounded?: boolean;
       children: ReactNode;
   }
-  const Header: React.ForwardRefExoticComponent<HeaderProps & React.RefAttributes<HTMLDivElement | HTMLElement>>;
+  const Header: import("react").ForwardRefExoticComponent<HeaderProps & import("react").RefAttributes<HTMLDivElement | HTMLElement>>;
   export { Header };
 
 }
@@ -2335,7 +2339,6 @@ declare module '@layerfi/components/components/Input/AmountInput' {
 
 }
 declare module '@layerfi/components/components/Input/FileInput' {
-  import React from 'react';
   export interface FileInputProps {
       text?: string;
       onUpload?: (files: File[]) => void;
@@ -2371,7 +2374,7 @@ declare module '@layerfi/components/components/Input/InputGroup' {
 
 }
 declare module '@layerfi/components/components/Input/InputWithBadge' {
-  import React, { HTMLProps } from 'react';
+  import { HTMLProps } from 'react';
   import { BadgeVariant } from '@layerfi/components/components/Badge/index';
   export interface InputWithBadgeProps extends HTMLProps<HTMLInputElement> {
       isInvalid?: boolean;
@@ -2511,7 +2514,7 @@ declare module '@layerfi/components/components/JournalForm/JournalFormEntryLines
       entrylineItems: JournalEntryLineItem[];
       addEntryLine: (direction: Direction) => void;
       removeEntryLine: (index: number) => void;
-      changeFormData: (name: string, value: string | BaseSelectOption | number | undefined, lineItemIndex: number, accounts?: LedgerAccountBalance[] | undefined) => void;
+      changeFormData: (name: string, value: string | BaseSelectOption | number | undefined, lineItemIndex: number, accounts?: LedgerAccountBalance[]) => void;
       sendingForm: boolean;
       config: JournalConfig;
   }) => import("react/jsx-runtime").JSX.Element;
@@ -3494,12 +3497,12 @@ declare module '@layerfi/components/components/Quickbooks/index' {
 
 }
 declare module '@layerfi/components/components/RadioButtonGroup/RadioButton' {
-  import React from 'react';
+  import type { ChangeEvent } from 'react';
   type Props = {
       checked: boolean;
       label: string;
       name: string;
-      onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
+      onChange: (event: ChangeEvent<HTMLInputElement>) => void;
       value: string;
       disabled?: boolean;
       size: 'small' | 'large';
@@ -3509,7 +3512,6 @@ declare module '@layerfi/components/components/RadioButtonGroup/RadioButton' {
 
 }
 declare module '@layerfi/components/components/RadioButtonGroup/RadioButtonGroup' {
-  import React from 'react';
   export type RadioButtonLabel = {
       label: string;
       value: string;
@@ -3555,7 +3557,6 @@ declare module '@layerfi/components/components/SkeletonLoader/index' {
 
 }
 declare module '@layerfi/components/components/SkeletonTableLoader/SkeletonTableLoader' {
-  import React from 'react';
   interface SkeletonTableLoaderProps {
       rows: number;
       cols: Array<{
@@ -3749,7 +3750,6 @@ declare module '@layerfi/components/components/TableHead/index' {
 
 }
 declare module '@layerfi/components/components/TableRow/TableRow' {
-  import React from 'react';
   import { TableRowProps } from '@layerfi/components/types/table';
   export const TableRow: React.FC<TableRowProps>;
 
@@ -3799,10 +3799,10 @@ declare module '@layerfi/components/components/Tabs/index' {
 
 }
 declare module '@layerfi/components/components/Tasks/Tasks' {
-  import React, { ReactNode } from 'react';
+  import { ReactNode } from 'react';
   import { useTasks } from '@layerfi/components/hooks/useTasks/index';
   export type UseTasksContextType = ReturnType<typeof useTasks>;
-  export const UseTasksContext: React.Context<{
+  export const UseTasksContext: import("react").Context<{
       data?: import("@layerfi/components/types/tasks").Task[];
       monthlyData?: import("@layerfi/components/types/tasks").TasksMonthly[];
       isLoading?: boolean;
@@ -4014,7 +4014,7 @@ declare module '@layerfi/components/components/Toggle/index' {
 
 }
 declare module '@layerfi/components/components/Tooltip/Tooltip' {
-  import React, { ReactNode, HTMLProps } from 'react';
+  import { ReactNode, HTMLProps } from 'react';
   import type { Placement } from '@floating-ui/react';
   export interface TooltipOptions {
       initialOpen?: boolean;
@@ -4030,11 +4030,11 @@ declare module '@layerfi/components/components/Tooltip/Tooltip' {
   export const Tooltip: ({ children, ...options }: {
       children: ReactNode;
   } & TooltipOptions) => import("react/jsx-runtime").JSX.Element;
-  export const TooltipTrigger: React.ForwardRefExoticComponent<Omit<React.HTMLProps<HTMLElement> & {
+  export const TooltipTrigger: import("react").ForwardRefExoticComponent<Omit<HTMLProps<HTMLElement> & {
       asChild?: boolean;
-  }, "ref"> & React.RefAttributes<HTMLElement>>;
+  }, "ref"> & import("react").RefAttributes<HTMLElement>>;
   type TooltipContentProps = Omit<HTMLProps<HTMLDivElement>, 'style'>;
-  export const TooltipContent: React.ForwardRefExoticComponent<Omit<TooltipContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+  export const TooltipContent: import("react").ForwardRefExoticComponent<Omit<TooltipContentProps, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
   export {};
 
 }
@@ -4044,10 +4044,9 @@ declare module '@layerfi/components/components/Tooltip/index' {
 
 }
 declare module '@layerfi/components/components/Tooltip/useTooltip' {
-  import React from 'react';
   import { TooltipOptions } from '@layerfi/components/components/Tooltip/Tooltip';
   export type ContextType = ReturnType<typeof useTooltip> | null;
-  export const TooltipContext: React.Context<ContextType>;
+  export const TooltipContext: import("react").Context<ContextType>;
   export const useTooltipContext: () => {
       placement: import("@floating-ui/utils").Placement;
       strategy: import("@floating-ui/utils").Strategy;
@@ -4058,7 +4057,7 @@ declare module '@layerfi/components/components/Tooltip/useTooltip' {
       update: () => void;
       floatingStyles: React.CSSProperties;
       refs: {
-          reference: React.MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
+          reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
           floating: React.MutableRefObject<HTMLElement | null>;
           setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
           setFloating: (node: HTMLElement | null) => void;
@@ -4094,7 +4093,7 @@ declare module '@layerfi/components/components/Tooltip/useTooltip' {
       open: boolean;
       setOpen: (open: boolean) => void;
       isMounted: boolean;
-      styles: React.CSSProperties;
+      styles: import("react").CSSProperties;
       disabled: boolean | undefined;
   };
   export const useTooltip: ({ initialOpen, placement, open: controlledOpen, onOpenChange: setControlledOpen, disabled, offset: offsetProp, shift: shiftProp, }?: TooltipOptions) => {
@@ -4107,7 +4106,7 @@ declare module '@layerfi/components/components/Tooltip/useTooltip' {
       update: () => void;
       floatingStyles: React.CSSProperties;
       refs: {
-          reference: React.MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
+          reference: import("react").MutableRefObject<import("@floating-ui/react-dom").ReferenceType | null>;
           floating: React.MutableRefObject<HTMLElement | null>;
           setReference: (node: import("@floating-ui/react-dom").ReferenceType | null) => void;
           setFloating: (node: HTMLElement | null) => void;
@@ -4143,7 +4142,7 @@ declare module '@layerfi/components/components/Tooltip/useTooltip' {
       open: boolean;
       setOpen: (open: boolean) => void;
       isMounted: boolean;
-      styles: React.CSSProperties;
+      styles: import("react").CSSProperties;
       disabled: boolean | undefined;
   };
 
@@ -4155,7 +4154,7 @@ declare module '@layerfi/components/components/Typography/ErrorText' {
 
 }
 declare module '@layerfi/components/components/Typography/Heading' {
-  import React, { ReactNode } from 'react';
+  import { ReactNode } from 'react';
   export enum HeadingSize {
       primary = "primary",
       secondary = "secondary",
@@ -4172,7 +4171,7 @@ declare module '@layerfi/components/components/Typography/Heading' {
 
 }
 declare module '@layerfi/components/components/Typography/Text' {
-  import React, { ReactNode } from 'react';
+  import { ReactNode } from 'react';
   export enum TextSize {
       lg = "lg",
       md = "md",
@@ -4227,7 +4226,7 @@ declare module '@layerfi/components/components/UpsellBanner/index' {
 
 }
 declare module '@layerfi/components/components/View/View' {
-  import React, { ReactNode } from 'react';
+  import { ReactNode } from 'react';
   export interface ViewProps {
       children: ReactNode;
       title?: string;
@@ -4239,7 +4238,7 @@ declare module '@layerfi/components/components/View/View' {
       sidebar?: ReactNode;
       viewClassName?: string;
   }
-  const View: React.ForwardRefExoticComponent<ViewProps & React.RefAttributes<HTMLDivElement>>;
+  const View: import("react").ForwardRefExoticComponent<ViewProps & import("react").RefAttributes<HTMLDivElement>>;
   export { View };
 
 }
@@ -4262,15 +4261,14 @@ declare module '@layerfi/components/components/ViewHeader/index' {
 
 }
 declare module '@layerfi/components/components/ui/Button/Button' {
-  import React from 'react';
   import { type ButtonProps } from 'react-aria-components';
   type ButtonVariant = 'solid' | 'ghost';
   type ButtonSize = 'md' | 'lg';
-  const Button: React.ForwardRefExoticComponent<Omit<ButtonProps, "className"> & {
+  const Button: import("react").ForwardRefExoticComponent<Omit<ButtonProps, "className"> & {
       icon?: true;
       size?: ButtonSize;
       variant?: ButtonVariant;
-  } & React.RefAttributes<HTMLButtonElement>>;
+  } & import("react").RefAttributes<HTMLButtonElement>>;
   export { Button };
 
 }
@@ -4287,16 +4285,16 @@ declare module '@layerfi/components/components/ui/Loading/LoadingSpinner' {
 
 }
 declare module '@layerfi/components/components/ui/Modal/Modal' {
-  import React, { type ComponentProps } from 'react';
+  import { type ComponentProps } from 'react';
   import { type DialogProps, type ModalOverlayProps } from 'react-aria-components';
   type ModalSize = 'md' | 'lg';
-  const ModalOverlay: React.ForwardRefExoticComponent<Omit<ModalOverlayProps, "className"> & React.RefAttributes<HTMLDivElement>>;
-  const InternalModal: React.ForwardRefExoticComponent<{
+  const ModalOverlay: import("react").ForwardRefExoticComponent<Omit<ModalOverlayProps, "className"> & import("react").RefAttributes<HTMLDivElement>>;
+  const InternalModal: import("react").ForwardRefExoticComponent<{
       size?: ModalSize;
   } & {
-      children?: React.ReactNode | undefined;
-  } & React.RefAttributes<HTMLDivElement>>;
-  const Dialog: React.ForwardRefExoticComponent<Omit<DialogProps, "className"> & React.RefAttributes<HTMLElement>>;
+      children?: import("react").ReactNode | undefined;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+  const Dialog: import("react").ForwardRefExoticComponent<Omit<DialogProps, "className"> & import("react").RefAttributes<HTMLElement>>;
   type AllowedModalOverlayProps = Pick<ComponentProps<typeof ModalOverlay>, 'isOpen' | 'onOpenChange'>;
   type AllowedInternalModalProps = Pick<ComponentProps<typeof InternalModal>, 'size'>;
   type AllowedDialogProps = Pick<ComponentProps<typeof Dialog>, 'children'>;
@@ -4306,23 +4304,23 @@ declare module '@layerfi/components/components/ui/Modal/Modal' {
 
 }
 declare module '@layerfi/components/components/ui/Modal/ModalSlots' {
-  import React, { type PropsWithChildren } from 'react';
+  import { type PropsWithChildren } from 'react';
   type ModalContextBarProps = {
       onClose?: () => void;
   };
   function ModalContextBar({ onClose }: ModalContextBarProps): import("react/jsx-runtime").JSX.Element;
-  const ModalHeading: React.ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react-aria-components").HeadingProps & React.RefAttributes<HTMLHeadingElement>, "className"> & {
+  const ModalHeading: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react-aria-components").HeadingProps & import("react").RefAttributes<HTMLHeadingElement>, "className"> & {
       size?: "sm";
       pbe?: "2xs" | "xs" | "sm" | "md" | "lg";
-  }, "ref"> & React.RefAttributes<HTMLHeadingElement>, "slot" | "level">, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
-  const ModalDescription: React.ForwardRefExoticComponent<Omit<Omit<{
+  }, "ref"> & import("react").RefAttributes<HTMLHeadingElement>, "slot" | "level">, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
+  const ModalDescription: import("react").ForwardRefExoticComponent<Omit<Omit<{
       slot?: string;
       size?: "xs" | "sm" | "md" | "lg";
       pbe?: "xs" | "sm" | "md" | "lg";
       align?: "center";
   } & {
-      children?: React.ReactNode | undefined;
-  } & React.RefAttributes<HTMLParagraphElement>, "slot">, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
+      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, };
@@ -4341,31 +4339,29 @@ declare module '@layerfi/components/components/ui/Stack/Stack' {
 
 }
 declare module '@layerfi/components/components/ui/Typography/Heading' {
-  import React from 'react';
   type HeadingDataProps = {
       size?: 'sm';
       pbe?: '2xs' | 'xs' | 'sm' | 'md' | 'lg';
   };
-  const Heading: React.ForwardRefExoticComponent<Omit<Omit<import("react-aria-components").HeadingProps & React.RefAttributes<HTMLHeadingElement>, "className"> & HeadingDataProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;
+  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 };
 
 }
 declare module '@layerfi/components/components/ui/Typography/Text' {
-  import React from 'react';
   type TextProps = {
       slot?: string;
       size?: 'xs' | 'sm' | 'md' | 'lg';
       pbe?: 'xs' | 'sm' | 'md' | 'lg';
       align?: 'center';
   };
-  const P: React.ForwardRefExoticComponent<TextProps & {
-      children?: React.ReactNode | undefined;
-  } & React.RefAttributes<HTMLParagraphElement>>;
+  const P: import("react").ForwardRefExoticComponent<TextProps & {
+      children?: import("react").ReactNode | undefined;
+  } & import("react").RefAttributes<HTMLParagraphElement>>;
   export { P };
 
 }
 declare module '@layerfi/components/components/utility/ConditionalList' {
-  import React, { type PropsWithChildren } from 'react';
+  import type { PropsWithChildren } from 'react';
   type ConditionalListProps<T> = {
       list: ReadonlyArray<T>;
       Empty: React.ReactNode;
@@ -4380,24 +4376,23 @@ declare module '@layerfi/components/components/utility/ConditionalList' {
       isLoading?: never;
       Loading?: never;
   });
-  export function ConditionalList<T>({ list, isLoading, Empty, Container, Loading, children, }: ConditionalListProps<T>): string | number | boolean | Iterable<React.ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
+  export function ConditionalList<T>({ list, isLoading, Empty, Container, Loading, children, }: ConditionalListProps<T>): string | number | boolean | Iterable<import("react").ReactNode> | import("react/jsx-runtime").JSX.Element | null | undefined;
   export {};
 
 }
 declare module '@layerfi/components/components/utility/InvisibleDownload' {
-  import React from 'react';
   type InvisibleDownloadHandle = {
       trigger: (options: {
           url: string;
       }) => Promise<void>;
   };
   export function useInvisibleDownload(): {
-      invisibleDownloadRef: React.RefObject<InvisibleDownloadHandle>;
+      invisibleDownloadRef: import("react").RefObject<InvisibleDownloadHandle>;
       triggerInvisibleDownload: (options: {
           url: string;
       }) => void;
   };
-  const InvisibleDownload: React.ForwardRefExoticComponent<React.RefAttributes<InvisibleDownloadHandle>>;
+  const InvisibleDownload: import("react").ForwardRefExoticComponent<import("react").RefAttributes<InvisibleDownloadHandle>>;
   export default InvisibleDownload;
 
 }
@@ -4613,7 +4608,7 @@ declare module '@layerfi/components/contexts/JournalContext/JournalContext' {
       setSelectedEntryId: (id?: string) => void;
       closeSelectedEntry: () => void;
       create: (newJournalEntry: import("@layerfi/components/types/journal").NewApiJournalEntry) => void;
-      changeFormData: (name: string, value: string | import("@layerfi/components/types/general").BaseSelectOption | undefined | number, lineItemIndex?: number, accounts?: import("../../types/chart_of_accounts").LedgerAccountBalance[] | undefined) => void;
+      changeFormData: (name: string, value: string | import("@layerfi/components/types/general").BaseSelectOption | undefined | number, lineItemIndex?: number, accounts?: import("../../types/chart_of_accounts").LedgerAccountBalance[]) => void;
       submitForm: () => void;
       cancelForm: () => void;
       addEntry: () => void;
@@ -4762,9 +4757,9 @@ declare module '@layerfi/components/contexts/StatementOfCashContext/index' {
 
 }
 declare module '@layerfi/components/contexts/TableContext/TableContext' {
-  import React, { ReactNode } from 'react';
+  import { ReactNode } from 'react';
   import { TableContextProps } from '@layerfi/components/types/table';
-  export const TableContext: React.Context<TableContextProps>;
+  export const TableContext: import("react").Context<TableContextProps>;
   interface TableProviderProps {
       children: ReactNode;
   }
@@ -4807,6 +4802,10 @@ declare module '@layerfi/components/contexts/TasksContext/TasksContext' {
 declare module '@layerfi/components/contexts/TasksContext/index' {
   export { TasksContext } from '@layerfi/components/contexts/TasksContext/TasksContext';
 
+}
+declare module '@layerfi/components/hooks/categories/useAllCategories' {
+  export function useAllCategories(): import("swr").SWRResponse<import("../../types").Category[], any, any>;
+
 }
 declare module '@layerfi/components/hooks/useAuth' {
   export function useAuth(): import("swr").SWRResponse<{
@@ -5060,7 +5059,7 @@ declare module '@layerfi/components/hooks/useJournal/useJournal' {
       setSelectedEntryId: (id?: string) => void;
       closeSelectedEntry: () => void;
       create: (newJournalEntry: NewApiJournalEntry) => void;
-      changeFormData: (name: string, value: string | BaseSelectOption | undefined | number, lineItemIndex?: number, accounts?: LedgerAccountBalance[] | undefined) => void;
+      changeFormData: (name: string, value: string | BaseSelectOption | undefined | number, lineItemIndex?: number, accounts?: LedgerAccountBalance[]) => void;
       submitForm: () => void;
       cancelForm: () => void;
       addEntry: () => void;
@@ -6147,6 +6146,14 @@ declare module '@layerfi/components/types/bank_transactions' {
       review = "review",
       categorized = "categorized"
   }
+  export type CategoryWithEntries = Category & {
+      entries?: Array<CategoryEntry>;
+  };
+  type CategoryEntry = {
+      type?: string;
+      amount?: number;
+      category: CategoryWithEntries;
+  };
   export interface BankTransaction extends Record<string, unknown> {
       type: 'Bank_Transaction';
       account_name?: string;
@@ -6162,7 +6169,7 @@ declare module '@layerfi/components/types/bank_transactions' {
       amount: number;
       direction: Direction;
       counterparty_name: string;
-      category: Category;
+      category: CategoryWithEntries;
       categorization_status: CategorizationStatus;
       categorization_flow: Categorization | null;
       categorization_method: string;
@@ -6202,6 +6209,7 @@ declare module '@layerfi/components/types/bank_transactions' {
       type: 'Document_S3_Urls';
       documentUrls: S3PresignedUrl[];
   }
+  export {};
 
 }
 declare module '@layerfi/components/types/business' {
@@ -6234,21 +6242,26 @@ declare module '@layerfi/components/types/categories' {
       JOURNALING = "JOURNALING",
       MATCHED = "MATCHED"
   }
-  export interface CategoryEntry {
-      type?: string;
-      amount?: number;
-      category: Category;
-  }
-  export interface Category {
-      id: string;
-      type: string;
+  type BaseCategory = {
       display_name: string;
       category: string;
-      description?: string;
-      stable_name?: string;
-      subCategories?: Category[];
-      entries?: CategoryEntry[];
-  }
+      subCategories: Array<Category> | null;
+      description: string | null;
+  };
+  type AccountNestedCategory = {
+      type: 'AccountNested';
+      id: string;
+      stable_name: string | null;
+  } & BaseCategory;
+  type OptionalAccountNestedCategory = {
+      type: 'OptionalAccountNested';
+      stable_name: string;
+  } & BaseCategory;
+  type ExclusionNestedCategory = {
+      type: 'ExclusionNested';
+      id: string;
+  } & BaseCategory;
+  export type Category = AccountNestedCategory | OptionalAccountNestedCategory | ExclusionNestedCategory;
   export enum CategorizationType {
       AUTO = "AUTO",
       ASK_FROM_SUGGESTIONS = "ASK_FROM_SUGGESTIONS",
@@ -6287,6 +6300,7 @@ declare module '@layerfi/components/types/categories' {
   };
   export type CategoryUpdate = SingleCategoryUpdate | SplitCategoryUpdate;
   export function hasSuggestions(categorization: Categorization | null): categorization is SuggestedCategorization;
+  export {};
 
 }
 declare module '@layerfi/components/types/chart_of_accounts' {