@layerfi/components 0.1.91 → 0.1.92-alpha

package/dist/index.d.ts

@@ -40,26 +40,31 @@ declare module '@layerfi/components/api/layer/balance_sheet' {
 
 }
 declare module '@layerfi/components/api/layer/bankTransactions' {
-  import { CategoryUpdate, BankTransaction, Metadata } from '@layerfi/components/types';
+  import { CategoryUpdate, BankTransaction } from '@layerfi/components/types';
   import { BankTransactionMatch, BankTransactionMatchType, BankTransactionMetadata, DocumentS3Urls } from '@layerfi/components/types/bank_transactions';
   import { FileMetadata } from '@layerfi/components/types/file_upload';
   import { S3PresignedUrl } from '@layerfi/components/types/general';
   export type GetBankTransactionsReturn = {
-      data?: BankTransaction[];
-      meta?: Metadata;
-      error?: unknown;
+      data: ReadonlyArray<BankTransaction>;
+      meta: {
+          pagination: {
+              cursor?: string;
+              has_more: boolean;
+          };
+      };
   };
-  export interface GetBankTransactionsParams extends Record<string, string | undefined> {
+  type GetBankTransactionsParams = {
       businessId: string;
       cursor?: string;
-      categorized?: string;
+      categorized?: boolean;
+      descriptionFilter?: string;
       direction?: 'INFLOW' | 'OUTFLOW';
-      startDate?: string;
-      endDate?: string;
-      tagFilterString?: string;
+      startDate?: Date;
+      endDate?: Date;
+      tagFilterQueryString?: string;
       sortOrder?: 'ASC' | 'DESC';
       sortBy?: string;
-  }
+  };
   export const getBankTransactions: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: GetBankTransactionsParams | undefined;
   } | undefined) => () => Promise<GetBankTransactionsReturn>;
@@ -138,6 +143,7 @@ declare module '@layerfi/components/api/layer/bankTransactions' {
       data: FileMetadata;
       errors: unknown;
   }>;
+  export {};
 
 }
 declare module '@layerfi/components/api/layer/bills' {
@@ -556,11 +562,6 @@ declare module '@layerfi/components/api/layer/statement-of-cash-flow' {
 declare module '@layerfi/components/api/layer/tasks' {
   import { FileMetadata } from '@layerfi/components/types/file_upload';
   import { Task } from '@layerfi/components/types/tasks';
-  export const getTasks: (baseUrl: string, accessToken: string | undefined, options?: {
-      params?: Record<string, string | undefined> | undefined;
-  } | undefined) => () => Promise<{
-      data: Task[];
-  }>;
   export const submitResponseToTask: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: Record<string, string | undefined> | undefined;
       body?: Record<string, unknown> | undefined;
@@ -649,9 +650,6 @@ declare module '@layerfi/components/api/layer' {
       } | undefined) => () => Promise<{
           data: import("@layerfi/components/types").BalanceSheet;
       }>;
-      getBankTransactions: (baseUrl: string, accessToken: string | undefined, options?: {
-          params?: import("@layerfi/components/api/layer/bankTransactions").GetBankTransactionsParams | undefined;
-      } | undefined) => () => Promise<import("@layerfi/components/api/layer/bankTransactions").GetBankTransactionsReturn>;
       getBankTransactionsCsv: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: Record<string, string | undefined> | undefined;
       } | undefined) => () => Promise<{
@@ -911,11 +909,6 @@ declare module '@layerfi/components/api/layer' {
               is_duplicate: boolean;
           }> & {}) | undefined;
       } | undefined) => Promise<never>;
-      getTasks: (baseUrl: string, accessToken: string | undefined, options?: {
-          params?: Record<string, string | undefined> | undefined;
-      } | undefined) => () => Promise<{
-          data: import("@layerfi/components/types/tasks").Task[];
-      }>;
       completeTaskWithUpload: (baseUrl: string, accessToken?: string) => ({ businessId, taskId, files, description, }: {
           businessId: string;
           taskId: string;
@@ -1678,6 +1671,41 @@ declare module '@layerfi/components/components/BankTransactionsTable/BankTransac
 declare module '@layerfi/components/components/BankTransactionsTable/index' {
   export { BankTransactionsTable } from '@layerfi/components/components/BankTransactionsTable/BankTransactionsTable';
 
+}
+declare module '@layerfi/components/components/BookkeepingStatus/BookkeepingStatus' {
+  import { BookkeepingPeriodStatus } from '@layerfi/components/hooks/bookkeeping/periods/useBookkeepingPeriods';
+  type BookkeepingStatusProps = {
+      month?: number;
+      status?: BookkeepingPeriodStatus;
+      emphasizeWarning?: boolean;
+  };
+  export const BookkeepingStatus: ({ status, month, emphasizeWarning }: BookkeepingStatusProps) => import("react/jsx-runtime").JSX.Element | undefined;
+  export {};
+
+}
+declare module '@layerfi/components/components/BookkeepingStatus/BookkeepingStatusDescription' {
+  import { BookkeepingPeriodStatus } from '@layerfi/components/hooks/bookkeeping/periods/useBookkeepingPeriods';
+  type BookkeepingStatusDescriptionProps = {
+      month?: number;
+      status?: BookkeepingPeriodStatus;
+  };
+  export const BookkeepingStatusDescription: ({ month, status }: BookkeepingStatusDescriptionProps) => import("react/jsx-runtime").JSX.Element | undefined;
+  export {};
+
+}
+declare module '@layerfi/components/components/BookkeepingStatus/utils' {
+  import { ReactNode } from 'react';
+  import { BookkeepingPeriodStatus } from '@layerfi/components/hooks/bookkeeping/periods/useBookkeepingPeriods';
+  import { TextStatus } from '@layerfi/components/components/Typography/Text';
+  type InternalStatusConfig = {
+      label: string;
+      description: string;
+      color: TextStatus;
+      icon: ReactNode;
+  } | undefined;
+  export const buildStatus: (status: BookkeepingPeriodStatus, month: number) => InternalStatusConfig;
+  export {};
+
 }
 declare module '@layerfi/components/components/BusinessForm/BusinessForm' {
   export type BusinessFormStringOverrides = {
@@ -3420,7 +3448,7 @@ declare module '@layerfi/components/components/ProfitAndLoss/ProfitAndLoss' {
           chartColorsList?: string[];
           stringOverrides?: import("@layerfi/components/components/ProfitAndLossDetailedCharts/ProfitAndLossDetailedCharts").ProfitAndLossDetailedChartsStringOverrides;
       }) => import("react/jsx-runtime").JSX.Element;
-      Header: ({ text, className, headingClassName, withDatePicker, }: import("@layerfi/components/components/ProfitAndLossHeader/ProfitAndLossHeader").ProfitAndLossHeaderProps) => import("react/jsx-runtime").JSX.Element;
+      Header: ({ text, className, headingClassName, withDatePicker, withStatus, }: import("@layerfi/components/components/ProfitAndLossHeader/ProfitAndLossHeader").ProfitAndLossHeaderProps) => import("react/jsx-runtime").JSX.Element;
       Report: ({ stringOverrides, allowedDatePickerModes, datePickerMode, defaultDatePickerMode, customDateRanges, csvMoneyFormat, parentRef, view, }: import("@layerfi/components/components/ProfitAndLossReport/ProfitAndLossReport").ProfitAndLossReportProps) => import("react/jsx-runtime").JSX.Element;
       DownloadButton: ({ stringOverrides, useComparisonPnl, moneyFormat, view, }: import("@layerfi/components/components/ProfitAndLossDownloadButton/ProfitAndLossDownloadButton").ProfitAndLossDownloadButtonProps) => import("react/jsx-runtime").JSX.Element;
   };
@@ -3583,8 +3611,9 @@ declare module '@layerfi/components/components/ProfitAndLossHeader/ProfitAndLoss
       className?: string;
       headingClassName?: string;
       withDatePicker?: boolean;
+      withStatus?: boolean;
   }
-  export const ProfitAndLossHeader: ({ text, className, headingClassName, withDatePicker, }: ProfitAndLossHeaderProps) => import("react/jsx-runtime").JSX.Element;
+  export const ProfitAndLossHeader: ({ text, className, headingClassName, withDatePicker, withStatus, }: ProfitAndLossHeaderProps) => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/components/ProfitAndLossHeader/index' {
@@ -4075,8 +4104,9 @@ declare module '@layerfi/components/components/Tabs/Tab' {
       disabledMessage?: string;
       leftIcon?: ReactNode;
       index: number;
+      badge?: ReactNode;
   }
-  export const Tab: ({ checked, label, name, onChange, value, leftIcon, disabled, disabledMessage, index, }: TabProps) => import("react/jsx-runtime").JSX.Element;
+  export const Tab: ({ checked, label, name, onChange, value, leftIcon, disabled, disabledMessage, index, badge, }: TabProps) => import("react/jsx-runtime").JSX.Element;
   export {};
 
 }
@@ -4099,78 +4129,40 @@ declare module '@layerfi/components/components/Tabs/Tabs' {
   export {};
 
 }
-declare module '@layerfi/components/components/Tabs/index' {
-  export { Tabs } from '@layerfi/components/components/Tabs/Tabs';
+declare module '@layerfi/components/components/Tasks/TaskMonthTile' {
+  import { MonthData } from '@layerfi/components/components/Tasks/types';
+  export type TaskMonthTileProps = {
+      data: MonthData;
+      active?: boolean;
+      disabled?: boolean;
+      onClick: (date: Date) => void;
+  };
+  export const TaskMonthTile: ({ data, onClick, active, disabled }: TaskMonthTileProps) => import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/Tasks/TaskStatusBadge' {
+  import { BookkeepingPeriod } from '@layerfi/components/hooks/bookkeeping/periods/useBookkeepingPeriods';
+  type TaskStatusBadgeProps = {
+      status: BookkeepingPeriod['status'];
+      tasksCount?: number;
+  };
+  export const TaskStatusBadge: ({ status, tasksCount }: TaskStatusBadgeProps) => import("react/jsx-runtime").JSX.Element | undefined;
+  export {};
 
 }
 declare module '@layerfi/components/components/Tasks/Tasks' {
   import { ReactNode } from 'react';
-  import { useTasks } from '@layerfi/components/hooks/useTasks/index';
-  export type UseTasksContextType = ReturnType<typeof useTasks>;
-  export const UseTasksContext: import("react").Context<{
-      data?: import("@layerfi/components/types/tasks").Task[];
-      monthlyData?: import("@layerfi/components/types/tasks").TasksMonthly[];
-      yearlyData?: import("@layerfi/components/types/tasks").TasksYearly[];
-      isLoading?: boolean;
-      loadedStatus?: import("@layerfi/components/types/general").LoadedStatus;
-      isValidating?: boolean;
-      error?: unknown;
-      currentDate: Date;
-      setCurrentDate: (date: Date) => void;
-      dateRange: {
-          startDate: Date;
-          endDate: Date;
-      };
-      setDateRange: (props: {
-          startDate: Date;
-          endDate: Date;
-      }) => void;
-      refetch: () => Promise<{
-          data: import("@layerfi/components/types/tasks").Task[];
-      } | undefined>;
-      submitResponseToTask: (taskId: string, userResponse: string) => void;
-      uploadDocumentsForTask: (taskId: string, files: File[], description?: string) => Promise<void>;
-      deleteUploadsForTask: (taskId: string) => void;
-      updateDocUploadTaskDescription: (taskId: string, userResponse: string) => void;
-      unresolvedTasks?: number;
-  }>;
-  export const useTasksContext: () => {
-      data?: import("@layerfi/components/types/tasks").Task[];
-      monthlyData?: import("@layerfi/components/types/tasks").TasksMonthly[];
-      yearlyData?: import("@layerfi/components/types/tasks").TasksYearly[];
-      isLoading?: boolean;
-      loadedStatus?: import("@layerfi/components/types/general").LoadedStatus;
-      isValidating?: boolean;
-      error?: unknown;
-      currentDate: Date;
-      setCurrentDate: (date: Date) => void;
-      dateRange: {
-          startDate: Date;
-          endDate: Date;
-      };
-      setDateRange: (props: {
-          startDate: Date;
-          endDate: Date;
-      }) => void;
-      refetch: () => Promise<{
-          data: import("@layerfi/components/types/tasks").Task[];
-      } | undefined>;
-      submitResponseToTask: (taskId: string, userResponse: string) => void;
-      uploadDocumentsForTask: (taskId: string, files: File[], description?: string) => Promise<void>;
-      deleteUploadsForTask: (taskId: string) => void;
-      updateDocUploadTaskDescription: (taskId: string, userResponse: string) => void;
-      unresolvedTasks?: number;
-  };
   export interface TasksStringOverrides {
       header?: string;
   }
-  export const Tasks: ({ collapsable, defaultCollapsed, collapsedWhenComplete, tasksHeader, stringOverrides, }: {
+  export type TasksProps = {
       tasksHeader?: string;
       collapsable?: boolean;
       defaultCollapsed?: boolean;
       collapsedWhenComplete?: boolean;
       stringOverrides?: TasksStringOverrides;
-  }) => import("react/jsx-runtime").JSX.Element;
+  };
+  export const Tasks: (props: TasksProps) => import("react/jsx-runtime").JSX.Element;
   export const TasksProvider: ({ children }: {
       children: ReactNode;
   }) => import("react/jsx-runtime").JSX.Element;
@@ -4183,35 +4175,94 @@ declare module '@layerfi/components/components/Tasks/Tasks' {
   }) => import("react/jsx-runtime").JSX.Element;
 
 }
-declare module '@layerfi/components/components/Tasks/index' {
-  export { Tasks, TasksProvider, TasksComponent } from '@layerfi/components/components/Tasks/Tasks';
+declare module '@layerfi/components/components/Tasks/TasksContext' {
+  import { useTasks } from '@layerfi/components/hooks/useTasks';
+  export type TasksContextType = ReturnType<typeof useTasks>;
+  export const TasksContext: import("react").Context<{
+      data: {
+          status: "BOOKKEEPING_NOT_PURCHASED" | "NOT_STARTED" | "IN_PROGRESS_AWAITING_BOOKKEEPER" | "IN_PROGRESS_AWAITING_CUSTOMER" | "CLOSING_IN_REVIEW" | "CLOSED_OPEN_TASKS" | "CLOSED_COMPLETE";
+          id: string;
+          month: number;
+          year: number;
+          tasks: ReadonlyArray<import("@layerfi/components/types/tasks").Task>;
+      }[] | undefined;
+      isLoading: boolean;
+      isValidating: boolean;
+      error: any;
+      currentMonthDate: Date;
+      setCurrentMonthDate: (date: Date) => void;
+      activationDate: Date | undefined;
+      currentMonthData: {
+          status: "BOOKKEEPING_NOT_PURCHASED" | "NOT_STARTED" | "IN_PROGRESS_AWAITING_BOOKKEEPER" | "IN_PROGRESS_AWAITING_CUSTOMER" | "CLOSING_IN_REVIEW" | "CLOSED_OPEN_TASKS" | "CLOSED_COMPLETE";
+          id: string;
+          month: number;
+          year: number;
+          tasks: ReadonlyArray<import("@layerfi/components/types/tasks").Task>;
+      } | undefined;
+      currentYearData: {
+          status: "BOOKKEEPING_NOT_PURCHASED" | "NOT_STARTED" | "IN_PROGRESS_AWAITING_BOOKKEEPER" | "IN_PROGRESS_AWAITING_CUSTOMER" | "CLOSING_IN_REVIEW" | "CLOSED_OPEN_TASKS" | "CLOSED_COMPLETE";
+          id: string;
+          month: number;
+          year: number;
+          tasks: ReadonlyArray<import("@layerfi/components/types/tasks").Task>;
+      }[] | undefined;
+      refetch: () => undefined;
+      submitResponseToTask: (taskId: string, userResponse: string) => void;
+      uploadDocumentsForTask: (taskId: string, files: File[], description?: string) => Promise<void>;
+      deleteUploadsForTask: (taskId: string) => void;
+      updateDocUploadTaskDescription: (taskId: string, userResponse: string) => void;
+  }>;
+  export const useTasksContext: () => {
+      data: {
+          status: "BOOKKEEPING_NOT_PURCHASED" | "NOT_STARTED" | "IN_PROGRESS_AWAITING_BOOKKEEPER" | "IN_PROGRESS_AWAITING_CUSTOMER" | "CLOSING_IN_REVIEW" | "CLOSED_OPEN_TASKS" | "CLOSED_COMPLETE";
+          id: string;
+          month: number;
+          year: number;
+          tasks: ReadonlyArray<import("@layerfi/components/types/tasks").Task>;
+      }[] | undefined;
+      isLoading: boolean;
+      isValidating: boolean;
+      error: any;
+      currentMonthDate: Date;
+      setCurrentMonthDate: (date: Date) => void;
+      activationDate: Date | undefined;
+      currentMonthData: {
+          status: "BOOKKEEPING_NOT_PURCHASED" | "NOT_STARTED" | "IN_PROGRESS_AWAITING_BOOKKEEPER" | "IN_PROGRESS_AWAITING_CUSTOMER" | "CLOSING_IN_REVIEW" | "CLOSED_OPEN_TASKS" | "CLOSED_COMPLETE";
+          id: string;
+          month: number;
+          year: number;
+          tasks: ReadonlyArray<import("@layerfi/components/types/tasks").Task>;
+      } | undefined;
+      currentYearData: {
+          status: "BOOKKEEPING_NOT_PURCHASED" | "NOT_STARTED" | "IN_PROGRESS_AWAITING_BOOKKEEPER" | "IN_PROGRESS_AWAITING_CUSTOMER" | "CLOSING_IN_REVIEW" | "CLOSED_OPEN_TASKS" | "CLOSED_COMPLETE";
+          id: string;
+          month: number;
+          year: number;
+          tasks: ReadonlyArray<import("@layerfi/components/types/tasks").Task>;
+      }[] | undefined;
+      refetch: () => undefined;
+      submitResponseToTask: (taskId: string, userResponse: string) => void;
+      uploadDocumentsForTask: (taskId: string, files: File[], description?: string) => Promise<void>;
+      deleteUploadsForTask: (taskId: string) => void;
+      updateDocUploadTaskDescription: (taskId: string, userResponse: string) => void;
+  };
 
 }
-declare module '@layerfi/components/components/TasksHeader/TasksHeader' {
-  export const TasksHeader: ({ tasksHeader, collapsable, open, toggleContent, highlightYears, }: {
+declare module '@layerfi/components/components/Tasks/TasksHeader' {
+  export const TasksHeader: ({ tasksHeader, }: {
       tasksHeader?: string;
-      collapsable?: boolean;
-      open?: boolean;
-      toggleContent: () => void;
-      highlightYears?: number[];
   }) => import("react/jsx-runtime").JSX.Element;
 
 }
-declare module '@layerfi/components/components/TasksHeader/index' {
-  export { TasksHeader } from '@layerfi/components/components/TasksHeader/TasksHeader';
-
-}
-declare module '@layerfi/components/components/TasksList/TasksList' {
+declare module '@layerfi/components/components/Tasks/TasksList' {
+  import { BookkeepingPeriod } from '@layerfi/components/hooks/bookkeeping/periods/useBookkeepingPeriods';
   export const TasksList: ({ pageSize }: {
+      data?: BookkeepingPeriod[];
       pageSize?: number;
   }) => import("react/jsx-runtime").JSX.Element;
 
 }
-declare module '@layerfi/components/components/TasksList/index' {
-  export { TasksList } from '@layerfi/components/components/TasksList/TasksList';
-
-}
-declare module '@layerfi/components/components/TasksListItem/TasksListItem' {
+declare module '@layerfi/components/components/Tasks/TasksListItem' {
   import { Task } from '@layerfi/components/types/tasks';
   export const TasksListItem: ({ task, goToNextPageIfAllComplete, defaultOpen, }: {
       task: Task;
@@ -4220,55 +4271,37 @@ declare module '@layerfi/components/components/TasksListItem/TasksListItem' {
   }) => import("react/jsx-runtime").JSX.Element;
 
 }
-declare module '@layerfi/components/components/TasksListItem/index' {
-  export { TasksListItem } from '@layerfi/components/components/TasksListItem/TasksListItem';
+declare module '@layerfi/components/components/Tasks/TasksMonthSelector' {
+  const TasksMonthSelector: () => import("react/jsx-runtime").JSX.Element;
+  export { TasksMonthSelector };
 
 }
-declare module '@layerfi/components/components/TasksMonthSelector/TaskMonthTile' {
-  import { TaskMonthTileProps } from '@layerfi/components/components/TasksMonthSelector/types';
-  const TaskMonthTile: ({ monthData, onClick, active, disabled }: TaskMonthTileProps) => import("react/jsx-runtime").JSX.Element;
-  export { TaskMonthTile };
+declare module '@layerfi/components/components/Tasks/TasksPanelNotification' {
+  export const TasksPanelNotification: () => import("react/jsx-runtime").JSX.Element | null;
 
 }
-declare module '@layerfi/components/components/TasksMonthSelector/TasksMonthSelector' {
-  import { TasksMonthSelectorProps } from '@layerfi/components/components/TasksMonthSelector/types';
-  const TasksMonthSelector: ({ tasks, year, currentDate, onClick }: TasksMonthSelectorProps) => import("react/jsx-runtime").JSX.Element;
-  export { TasksMonthSelector };
+declare module '@layerfi/components/components/Tasks/TasksPending' {
+  export const TasksPending: () => import("react/jsx-runtime").JSX.Element;
 
 }
-declare module '@layerfi/components/components/TasksMonthSelector/types' {
-  import { Task, TasksMonthly } from '@layerfi/components/types/tasks';
-  export type TasksMonthSelectorProps = {
-      tasks?: TasksMonthly[];
-      currentDate: Date;
-      year: number;
-      onClick: (date: Date) => void;
-  };
+declare module '@layerfi/components/components/Tasks/TasksYearsTabs' {
+  export const TasksYearsTabs: () => import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/Tasks/types' {
+  import { BookkeepingPeriodStatus } from '@layerfi/components/hooks/bookkeeping/periods/useBookkeepingPeriods';
+  import { Task } from '@layerfi/components/types/tasks';
   export type MonthData = {
+      monthStr: string;
+      date: Date;
       year: number;
       month: number;
       total: number;
       completed: number;
-      tasks: Task[];
-      monthStr: string;
-      startDate: Date;
-      endDate: Date;
+      status?: BookkeepingPeriodStatus;
       disabled?: boolean;
+      tasks: Task[];
   };
-  export type TaskMonthTileProps = {
-      monthData: MonthData;
-      active?: boolean;
-      disabled?: boolean;
-      onClick: TasksMonthSelectorProps['onClick'];
-  };
-
-}
-declare module '@layerfi/components/components/TasksPending/TasksPending' {
-  export const TasksPending: () => import("react/jsx-runtime").JSX.Element;
-
-}
-declare module '@layerfi/components/components/TasksPending/index' {
-  export { TasksPending } from '@layerfi/components/components/TasksPending/TasksPending';
 
 }
 declare module '@layerfi/components/components/Textarea/Textarea' {
@@ -4501,7 +4534,7 @@ declare module '@layerfi/components/components/Typography/Text' {
       whenTruncated = "whenTruncated",
       always = "always"
   }
-  export type TextStatus = 'success' | 'error' | 'warning' | 'disabled';
+  export type TextStatus = 'success' | 'error' | 'warning' | 'disabled' | 'info';
   export interface TextTooltipOptions {
       contentClassName?: string;
       offset?: number;
@@ -4521,8 +4554,9 @@ declare module '@layerfi/components/components/Typography/Text' {
       tooltipOptions?: TextTooltipOptions;
       ellipsis?: boolean;
       pb?: '4xs' | '3xs' | '2xs' | 'xs' | 'sm' | 'md' | 'lg';
+      invertColor?: boolean;
   }
-  export const Text: ({ as: Component, className, children, size, weight, withTooltip, ellipsis, status, pb, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
+  export const Text: ({ as: Component, className, children, size, weight, withTooltip, ellipsis, status, pb, invertColor, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
   export const TextWithTooltip: ({ as: Component, className, children, size: _size, weight: _weight, withTooltip: _withTooltip, tooltipOptions, ...props }: TextProps) => import("react/jsx-runtime").JSX.Element;
 
 }
@@ -4659,7 +4693,7 @@ declare module '@layerfi/components/components/ui/Modal/ModalSlots' {
   const ModalHeading: import("react").ForwardRefExoticComponent<Omit<Omit<Omit<Omit<import("react-aria-components").HeadingProps & import("react").RefAttributes<HTMLHeadingElement>, "className"> & {
       align?: "center";
       pbe?: import("@layerfi/components/components/ui/sharedUITypes").Spacing;
-      size?: "xs" | "sm" | "lg";
+      size?: "2xs" | "xs" | "sm" | "lg";
   }, "ref"> & import("react").RefAttributes<HTMLHeadingElement>, "slot" | "level">, "ref"> & import("react").RefAttributes<HTMLHeadingElement>>;
   const ModalDescription: import("react").ForwardRefExoticComponent<Omit<Omit<{
       size?: "xs" | "sm" | "md" | "lg";
@@ -4696,7 +4730,7 @@ declare module '@layerfi/components/components/ui/Typography/Heading' {
   type HeadingDataProps = {
       align?: 'center';
       pbe?: Spacing;
-      size?: 'xs' | 'sm' | 'lg';
+      size?: '2xs' | 'xs' | 'sm' | 'lg';
   };
   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 };
@@ -4855,50 +4889,58 @@ declare module '@layerfi/components/config/theme' {
 
 }
 declare module '@layerfi/components/contexts/BankTransactionsContext/BankTransactionsContext' {
-  import { useBankTransactions } from '@layerfi/components/hooks/useBankTransactions/index';
+  import { useAugmentedBankTransactions } from '@layerfi/components/hooks/useBankTransactions/useAugmentedBankTransactions';
   import { DisplayState } from '@layerfi/components/types';
-  export type BankTransactionsContextType = ReturnType<typeof useBankTransactions>;
+  export type BankTransactionsContextType = ReturnType<typeof useAugmentedBankTransactions>;
   export const BankTransactionsContext: import("react").Context<{
-      data?: import("@layerfi/components/types").BankTransaction[];
-      metadata?: import("@layerfi/components/types").Metadata;
+      data: import("@layerfi/components/types").BankTransaction[] | undefined;
+      metadata: {
+          pagination: {
+              cursor?: string;
+              has_more: boolean;
+          };
+      } | undefined;
       loadingStatus: import("@layerfi/components/types/general").LoadedStatus;
       isLoading: boolean;
       isValidating: boolean;
-      error: unknown;
-      hasMore?: boolean;
-      filters?: import("@layerfi/components/hooks/useBankTransactions/types").BankTransactionFilters;
-      accountsList?: import("@layerfi/components/hooks/useBankTransactions/types").AccountItem[];
-      display: DisplayState;
+      refetch: () => void;
+      error: any;
       categorize: (id: import("@layerfi/components/types").BankTransaction["id"], newCategory: import("../../types").CategoryUpdate, notify?: boolean) => Promise<void>;
       match: (id: import("@layerfi/components/types").BankTransaction["id"], matchId: import("../../types").BankTransaction["id"], notify?: boolean) => Promise<void>;
-      updateOneLocal: (bankTransaction: import("@layerfi/components/types").BankTransaction) => void;
-      shouldHideAfterCategorize: (bankTransaction: import("@layerfi/components/types").BankTransaction) => boolean;
+      updateOneLocal: (newBankTransaction: import("@layerfi/components/types").BankTransaction) => void;
+      shouldHideAfterCategorize: () => boolean;
       removeAfterCategorize: (bankTransaction: import("@layerfi/components/types").BankTransaction) => void;
-      refetch: () => void;
-      setFilters: (filters?: Partial<import("@layerfi/components/hooks/useBankTransactions/types").BankTransactionFilters>) => void;
-      activate: () => void;
+      filters: import("@layerfi/components/hooks/useBankTransactions/types").BankTransactionFilters | undefined;
+      setFilters: (value?: Partial<import("@layerfi/components/hooks/useBankTransactions/types").BankTransactionFilters>) => void;
+      accountsList: import("@layerfi/components/hooks/useBankTransactions/types").AccountItem[];
+      display: DisplayState;
       fetchMore: () => void;
+      hasMore: boolean;
   }>;
   export const useBankTransactionsContext: () => {
-      data?: import("@layerfi/components/types").BankTransaction[];
-      metadata?: import("@layerfi/components/types").Metadata;
+      data: import("@layerfi/components/types").BankTransaction[] | undefined;
+      metadata: {
+          pagination: {
+              cursor?: string;
+              has_more: boolean;
+          };
+      } | undefined;
       loadingStatus: import("@layerfi/components/types/general").LoadedStatus;
       isLoading: boolean;
       isValidating: boolean;
-      error: unknown;
-      hasMore?: boolean;
-      filters?: import("@layerfi/components/hooks/useBankTransactions/types").BankTransactionFilters;
-      accountsList?: import("@layerfi/components/hooks/useBankTransactions/types").AccountItem[];
-      display: DisplayState;
+      refetch: () => void;
+      error: any;
       categorize: (id: import("@layerfi/components/types").BankTransaction["id"], newCategory: import("../../types").CategoryUpdate, notify?: boolean) => Promise<void>;
       match: (id: import("@layerfi/components/types").BankTransaction["id"], matchId: import("../../types").BankTransaction["id"], notify?: boolean) => Promise<void>;
-      updateOneLocal: (bankTransaction: import("@layerfi/components/types").BankTransaction) => void;
-      shouldHideAfterCategorize: (bankTransaction: import("@layerfi/components/types").BankTransaction) => boolean;
+      updateOneLocal: (newBankTransaction: import("@layerfi/components/types").BankTransaction) => void;
+      shouldHideAfterCategorize: () => boolean;
       removeAfterCategorize: (bankTransaction: import("@layerfi/components/types").BankTransaction) => void;
-      refetch: () => void;
-      setFilters: (filters?: Partial<import("@layerfi/components/hooks/useBankTransactions/types").BankTransactionFilters>) => void;
-      activate: () => void;
+      filters: import("@layerfi/components/hooks/useBankTransactions/types").BankTransactionFilters | undefined;
+      setFilters: (value?: Partial<import("@layerfi/components/hooks/useBankTransactions/types").BankTransactionFilters>) => void;
+      accountsList: import("@layerfi/components/hooks/useBankTransactions/types").AccountItem[];
+      display: DisplayState;
       fetchMore: () => void;
+      hasMore: boolean;
   };
 
 }
@@ -5120,42 +5162,6 @@ declare module '@layerfi/components/contexts/TableContext/TableContext' {
 declare module '@layerfi/components/contexts/TableContext/index' {
   export { TableContext, TableProvider } from '@layerfi/components/contexts/TableContext/TableContext';
 
-}
-declare module '@layerfi/components/contexts/TasksContext/TasksContext' {
-  import { useTasks } from '@layerfi/components/hooks/useTasks/index';
-  export type TasksContextType = ReturnType<typeof useTasks>;
-  export const TasksContext: import("react").Context<{
-      data?: import("@layerfi/components/types/tasks").Task[];
-      monthlyData?: import("@layerfi/components/types/tasks").TasksMonthly[];
-      yearlyData?: import("@layerfi/components/types/tasks").TasksYearly[];
-      isLoading?: boolean;
-      loadedStatus?: import("@layerfi/components/types/general").LoadedStatus;
-      isValidating?: boolean;
-      error?: unknown;
-      currentDate: Date;
-      setCurrentDate: (date: Date) => void;
-      dateRange: {
-          startDate: Date;
-          endDate: Date;
-      };
-      setDateRange: (props: {
-          startDate: Date;
-          endDate: Date;
-      }) => void;
-      refetch: () => Promise<{
-          data: import("@layerfi/components/types/tasks").Task[];
-      } | undefined>;
-      submitResponseToTask: (taskId: string, userResponse: string) => void;
-      uploadDocumentsForTask: (taskId: string, files: File[], description?: string) => Promise<void>;
-      deleteUploadsForTask: (taskId: string) => void;
-      updateDocUploadTaskDescription: (taskId: string, userResponse: string) => void;
-      unresolvedTasks?: number;
-  }>;
-
-}
-declare module '@layerfi/components/contexts/TasksContext/index' {
-  export { TasksContext } from '@layerfi/components/contexts/TasksContext/TasksContext';
-
 }
 declare module '@layerfi/components/contexts/VendorsContext' {
   import React, { ReactNode } from 'react';
@@ -5179,13 +5185,34 @@ declare module '@layerfi/components/hooks/balanceSheet/useBalanceSheet' {
       effectiveDate?: Date;
   }): import("swr").SWRResponse<import("../../types").BalanceSheet, any, any>;
 
+}
+declare module '@layerfi/components/hooks/bookkeeping/periods/useBookkeepingPeriodStatus' {
+  export const useBookkeepingPeriodStatus: ({ currentMonthDate }: {
+      currentMonthDate: Date;
+  }) => {
+      status: "BOOKKEEPING_NOT_PURCHASED" | "NOT_STARTED" | "IN_PROGRESS_AWAITING_BOOKKEEPER" | "IN_PROGRESS_AWAITING_CUSTOMER" | "CLOSING_IN_REVIEW" | "CLOSED_OPEN_TASKS" | "CLOSED_COMPLETE" | undefined;
+      isLoading: boolean;
+  };
+
 }
 declare module '@layerfi/components/hooks/bookkeeping/periods/useBookkeepingPeriods' {
   import type { Task } from '@layerfi/components/types/tasks';
-  const BOOKKEEPING_PERIOD_STATUSES: readonly ["BOOKKEEPING_NOT_PURCHASED", "NOT_STARTED", "IN_PROGRESS_NO_TASKS", "IN_PROGRESS_OPEN_TASKS", "CLOSED_IN_REVIEW", "CLOSED_OPEN_TASKS", "CLOSED_COMPLETE"];
+  import type { EnumWithUnknownValues } from '@layerfi/components/types/utility/enumWithUnknownValues';
+  const BOOKKEEPING_PERIOD_STATUSES: readonly ["BOOKKEEPING_NOT_PURCHASED", "NOT_STARTED", "IN_PROGRESS_AWAITING_BOOKKEEPER", "IN_PROGRESS_AWAITING_CUSTOMER", "CLOSING_IN_REVIEW", "CLOSED_OPEN_TASKS", "CLOSED_COMPLETE"];
   export type BookkeepingPeriodStatus = typeof BOOKKEEPING_PERIOD_STATUSES[number];
+  type RawBookkeepingPeriodStatus = EnumWithUnknownValues<BookkeepingPeriodStatus>;
+  export type BookkeepingPeriod = Omit<RawBookkeepingPeriod, 'status'> & {
+      status: BookkeepingPeriodStatus;
+  };
+  type RawBookkeepingPeriod = {
+      id: string;
+      month: number;
+      year: number;
+      status: RawBookkeepingPeriodStatus;
+      tasks: ReadonlyArray<Task>;
+  };
   export function useBookkeepingPeriods(): import("swr").SWRResponse<{
-      status: "BOOKKEEPING_NOT_PURCHASED" | "NOT_STARTED" | "IN_PROGRESS_NO_TASKS" | "IN_PROGRESS_OPEN_TASKS" | "CLOSED_IN_REVIEW" | "CLOSED_OPEN_TASKS" | "CLOSED_COMPLETE";
+      status: "BOOKKEEPING_NOT_PURCHASED" | "NOT_STARTED" | "IN_PROGRESS_AWAITING_BOOKKEEPER" | "IN_PROGRESS_AWAITING_CUSTOMER" | "CLOSING_IN_REVIEW" | "CLOSED_OPEN_TASKS" | "CLOSED_COMPLETE";
       id: string;
       month: number;
       year: number;
@@ -5193,6 +5220,25 @@ declare module '@layerfi/components/hooks/bookkeeping/periods/useBookkeepingPeri
   }[], any, any>;
   export {};
 
+}
+declare module '@layerfi/components/hooks/bookkeeping/periods/useBookkeepingYearsStatus' {
+  import { Task } from '@layerfi/components/types/tasks';
+  export const useBookkeepingYearsStatus: () => {
+      yearStatuses: {
+          tasks: Task[] | undefined;
+          unresolvedTasks: number | undefined;
+          completed: boolean;
+          year: number;
+      }[];
+      anyPreviousYearIncomplete: {
+          tasks: Task[] | undefined;
+          unresolvedTasks: number | undefined;
+          completed: boolean;
+          year: number;
+      } | undefined;
+      isLoading: boolean;
+  };
+
 }
 declare module '@layerfi/components/hooks/bookkeeping/useBookkeepingStatus' {
   const BOOKKEEPING_STATUSES: readonly ["NOT_PURCHASED", "ACTIVE", "ONBOARDING", "BOOKKEEPING_PAUSED"];
@@ -5373,14 +5419,9 @@ declare module '@layerfi/components/hooks/useAuth' {
       } | undefined) => number;
   }>;
 
-}
-declare module '@layerfi/components/hooks/useBankTransactions/index' {
-  export { useBankTransactions } from '@layerfi/components/hooks/useBankTransactions/useBankTransactions';
-
 }
 declare module '@layerfi/components/hooks/useBankTransactions/types' {
-  import { BankTransaction, CategoryUpdate, DateRange, Direction, DisplayState, Metadata } from '@layerfi/components/types';
-  import { LoadedStatus } from '@layerfi/components/types/general';
+  import { DateRange, Direction, DisplayState } from '@layerfi/components/types';
   import { TagFilterInput } from '@layerfi/components/types/tags';
   export interface NumericRangeFilter {
       min?: number;
@@ -5402,32 +5443,52 @@ declare module '@layerfi/components/hooks/useBankTransactions/types' {
       scope?: DisplayState;
       monthlyView?: boolean;
   };
-  export type UseBankTransactions = (params?: UseBankTransactionsParams) => {
-      data?: BankTransaction[];
-      metadata?: Metadata;
+
+}
+declare module '@layerfi/components/hooks/useBankTransactions/useAugmentedBankTransactions' {
+  import { BankTransaction, CategoryUpdate } from '@layerfi/components/types';
+  import { DisplayState } from '@layerfi/components/types/bank_transactions';
+  import { LoadedStatus } from '@layerfi/components/types/general';
+  import { BankTransactionFilters, UseBankTransactionsParams } from '@layerfi/components/hooks/useBankTransactions/types';
+  export const useAugmentedBankTransactions: (params?: UseBankTransactionsParams) => {
+      data: BankTransaction[] | undefined;
+      metadata: {
+          pagination: {
+              cursor?: string;
+              has_more: boolean;
+          };
+      } | undefined;
       loadingStatus: LoadedStatus;
       isLoading: boolean;
       isValidating: boolean;
-      error: unknown;
-      hasMore?: boolean;
-      filters?: BankTransactionFilters;
-      accountsList?: AccountItem[];
-      display: DisplayState;
-      categorize: (id: BankTransaction['id'], newCategory: CategoryUpdate, notify?: boolean) => Promise<void>;
-      match: (id: BankTransaction['id'], matchId: BankTransaction['id'], notify?: boolean) => Promise<void>;
-      updateOneLocal: (bankTransaction: BankTransaction) => void;
-      shouldHideAfterCategorize: (bankTransaction: BankTransaction) => boolean;
-      removeAfterCategorize: (bankTransaction: BankTransaction) => void;
       refetch: () => void;
-      setFilters: (filters?: Partial<BankTransactionFilters>) => void;
-      activate: () => void;
+      error: any;
+      categorize: (id: BankTransaction["id"], newCategory: CategoryUpdate, notify?: boolean) => Promise<void>;
+      match: (id: BankTransaction["id"], matchId: BankTransaction["id"], notify?: boolean) => Promise<void>;
+      updateOneLocal: (newBankTransaction: BankTransaction) => void;
+      shouldHideAfterCategorize: () => boolean;
+      removeAfterCategorize: (bankTransaction: BankTransaction) => void;
+      filters: BankTransactionFilters | undefined;
+      setFilters: (value?: Partial<BankTransactionFilters>) => void;
+      accountsList: import("@layerfi/components/hooks/useBankTransactions/types").AccountItem[];
+      display: DisplayState;
       fetchMore: () => void;
+      hasMore: boolean;
   };
 
 }
 declare module '@layerfi/components/hooks/useBankTransactions/useBankTransactions' {
-  import { UseBankTransactions } from "@layerfi/components/hooks/useBankTransactions/types";
-  export const useBankTransactions: UseBankTransactions;
+  import { type GetBankTransactionsReturn } from '@layerfi/components/api/layer/bankTransactions';
+  type UseBankTransactionsOptions = {
+      categorized?: boolean;
+      direction?: 'INFLOW' | 'OUTFLOW';
+      descriptionFilter?: string;
+      startDate?: Date;
+      endDate?: Date;
+      tagFilterQueryString?: string;
+  };
+  export function useBankTransactions({ categorized, descriptionFilter, direction, startDate, endDate, tagFilterQueryString, }: UseBankTransactionsOptions): import("swr/infinite").SWRInfiniteResponse<GetBankTransactionsReturn, any>;
+  export {};
 
 }
 declare module '@layerfi/components/hooks/useBankTransactions/utils' {
@@ -5948,51 +6009,41 @@ declare module '@layerfi/components/hooks/useTableExpandRow/useTableExpandRow' {
   };
 
 }
-declare module '@layerfi/components/hooks/useTasks/index' {
-  export { useTasks } from '@layerfi/components/hooks/useTasks/useTasks';
-
-}
-declare module '@layerfi/components/hooks/useTasks/mockData' {
-  import { Task } from '@layerfi/components/types/tasks';
-  export const mockData: Task[];
-
-}
-declare module '@layerfi/components/hooks/useTasks/useTasks' {
-  import { LoadedStatus } from '@layerfi/components/types/general';
-  import { Task, TasksMonthly, TasksYearly } from '@layerfi/components/types/tasks';
-  type UseTasks = (props?: UseTasksProps) => {
-      data?: Task[];
-      monthlyData?: TasksMonthly[];
-      yearlyData?: TasksYearly[];
-      isLoading?: boolean;
-      loadedStatus?: LoadedStatus;
-      isValidating?: boolean;
-      error?: unknown;
-      currentDate: Date;
-      setCurrentDate: (date: Date) => void;
-      dateRange: {
-          startDate: Date;
-          endDate: Date;
-      };
-      setDateRange: (props: {
-          startDate: Date;
-          endDate: Date;
-      }) => void;
-      refetch: () => Promise<{
-          data: Task[];
-      } | undefined>;
+declare module '@layerfi/components/hooks/useTasks' {
+  export const useTasks: () => {
+      data: {
+          status: "BOOKKEEPING_NOT_PURCHASED" | "NOT_STARTED" | "IN_PROGRESS_AWAITING_BOOKKEEPER" | "IN_PROGRESS_AWAITING_CUSTOMER" | "CLOSING_IN_REVIEW" | "CLOSED_OPEN_TASKS" | "CLOSED_COMPLETE";
+          id: string;
+          month: number;
+          year: number;
+          tasks: ReadonlyArray<import("@layerfi/components/types/tasks").Task>;
+      }[] | undefined;
+      isLoading: boolean;
+      isValidating: boolean;
+      error: any;
+      currentMonthDate: Date;
+      setCurrentMonthDate: (date: Date) => void;
+      activationDate: Date | undefined;
+      currentMonthData: {
+          status: "BOOKKEEPING_NOT_PURCHASED" | "NOT_STARTED" | "IN_PROGRESS_AWAITING_BOOKKEEPER" | "IN_PROGRESS_AWAITING_CUSTOMER" | "CLOSING_IN_REVIEW" | "CLOSED_OPEN_TASKS" | "CLOSED_COMPLETE";
+          id: string;
+          month: number;
+          year: number;
+          tasks: ReadonlyArray<import("@layerfi/components/types/tasks").Task>;
+      } | undefined;
+      currentYearData: {
+          status: "BOOKKEEPING_NOT_PURCHASED" | "NOT_STARTED" | "IN_PROGRESS_AWAITING_BOOKKEEPER" | "IN_PROGRESS_AWAITING_CUSTOMER" | "CLOSING_IN_REVIEW" | "CLOSED_OPEN_TASKS" | "CLOSED_COMPLETE";
+          id: string;
+          month: number;
+          year: number;
+          tasks: ReadonlyArray<import("@layerfi/components/types/tasks").Task>;
+      }[] | undefined;
+      refetch: () => undefined;
       submitResponseToTask: (taskId: string, userResponse: string) => void;
       uploadDocumentsForTask: (taskId: string, files: File[], description?: string) => Promise<void>;
       deleteUploadsForTask: (taskId: string) => void;
       updateDocUploadTaskDescription: (taskId: string, userResponse: string) => void;
-      unresolvedTasks?: number;
-  };
-  type UseTasksProps = {
-      startDate?: Date;
-      endDate?: Date;
   };
-  export const useTasks: UseTasks;
-  export {};
 
 }
 declare module '@layerfi/components/hooks/useVendors' {
@@ -6115,6 +6166,12 @@ declare module '@layerfi/components/icons/ChevronUp' {
   const ChevronUp: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
   export default ChevronUp;
 
+}
+declare module '@layerfi/components/icons/Clock' {
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const Clock: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
+  export default Clock;
+
 }
 declare module '@layerfi/components/icons/CloseIcon' {
   import { IconSvgProps } from '@layerfi/components/icons/types';
@@ -6385,7 +6442,7 @@ declare module '@layerfi/components/index' {
   export { StatementOfCashFlow } from '@layerfi/components/components/StatementOfCashFlow/index';
   export { ChartOfAccounts } from '@layerfi/components/components/ChartOfAccounts/index';
   export { Journal } from '@layerfi/components/components/Journal/index';
-  export { Tasks } from '@layerfi/components/components/Tasks/index';
+  export { Tasks } from '@layerfi/components/components/Tasks/Tasks';
   export { LinkAccounts } from '@layerfi/components/components/PlatformOnboarding/LinkAccounts';
   export { PlatformOnboarding } from '@layerfi/components/components/PlatformOnboarding/PlatformOnboarding';
   export { BookkeepingUpsellBar } from '@layerfi/components/components/UpsellBanner/index';
@@ -7901,19 +7958,6 @@ declare module '@layerfi/components/types/tasks' {
   export type TasksStatusType = 'COMPLETED' | 'TODO' | 'USER_MARKED_COMPLETED';
   export type TasksResponseType = 'FREE_RESPONSE' | 'UPLOAD_DOCUMENT';
   export function isComplete(taskType: TasksStatusType): boolean;
-  export type TasksMonthly = {
-      year: number;
-      month: number;
-      total: number;
-      completed: number;
-      tasks: Task[];
-  };
-  export type TasksYearly = {
-      year: number;
-      total: number;
-      completed: number;
-      months: TasksMonthly[];
-  };
   export {};
 
 }
@@ -8076,6 +8120,11 @@ declare module '@layerfi/components/utils/colors' {
    */
   export const buildColorsPalette: (theme?: LayerThemeConfig) => ColorsPalette;
 
+}
+declare module '@layerfi/components/utils/date' {
+  /** Get month name from number. Index starts from 0 (January = 0, December = 11) */
+  export const getMonthNameFromNumber: (month: number) => string;
+
 }
 declare module '@layerfi/components/utils/delay/runDelayed' {
   export function runDelayedSync<T>(block: () => T, delayMs?: number): Promise<T>;