@layerfi/components 0.1.80 → 0.1.82

package/dist/index.d.ts

@@ -20,17 +20,24 @@ declare module '@layerfi/components/api/layer/authenticated_http' {
 }
 declare module '@layerfi/components/api/layer/balance_sheet' {
   import { BalanceSheet } from '@layerfi/components/types';
-  export const getBalanceSheet: (baseUrl: string, accessToken: string | undefined, options?: {
-      params?: GetBalanceSheetParams | undefined;
-  } | undefined) => () => Promise<GetBalanceSheetReturn>;
-  export type GetBalanceSheetReturn = {
+  import type { S3PresignedUrl } from '@layerfi/components/types/general';
+  type GetBalanceSheetParams = {
+      businessId: string;
+      effectiveDate: string;
+  };
+  type GetBalanceSheetReturn = {
       data?: BalanceSheet;
       error?: unknown;
   };
-  export interface GetBalanceSheetParams extends Record<string, string | undefined> {
-      businessId: string;
-      effectiveDate: string;
-  }
+  export const getBalanceSheet: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: GetBalanceSheetParams | undefined;
+  } | undefined) => () => Promise<GetBalanceSheetReturn>;
+  export const getBalanceSheetCSV: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: GetBalanceSheetParams | undefined;
+  } | undefined) => () => Promise<{
+      data: S3PresignedUrl;
+  }>;
+  export {};
 
 }
 declare module '@layerfi/components/api/layer/bankTransactions' {
@@ -414,44 +421,64 @@ declare module '@layerfi/components/api/layer/quickbooks' {
 }
 declare module '@layerfi/components/api/layer/statement-of-cash-flow' {
   import { StatementOfCashFlow } from '@layerfi/components/types';
-  export const getStatementOfCashFlow: (baseUrl: string, accessToken: string | undefined, options?: {
-      params?: GetStatementOfCashFlowParams | undefined;
-  } | undefined) => () => Promise<GetStatementOfCashFlowReturn>;
-  export type GetStatementOfCashFlowReturn = {
-      data?: StatementOfCashFlow;
-      error?: unknown;
-  };
-  export interface GetStatementOfCashFlowParams extends Record<string, string | undefined> {
+  import type { S3PresignedUrl } from '@layerfi/components/types/general';
+  type GetStatementOfCashFlowParams = {
       businessId: string;
       startDate: string;
       endDate: string;
-  }
+  };
+  type GetStatementOfCashFlowReturn = {
+      data?: StatementOfCashFlow;
+      error?: unknown;
+  };
+  export const getStatementOfCashFlow: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: GetStatementOfCashFlowParams | undefined;
+  } | undefined) => () => Promise<GetStatementOfCashFlowReturn>;
+  export const getCashflowStatementCSV: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: GetStatementOfCashFlowParams | undefined;
+  } | undefined) => () => Promise<{
+      data: S3PresignedUrl;
+  }>;
+  export {};
 
 }
 declare module '@layerfi/components/api/layer/tasks' {
   import { FileMetadata } from '@layerfi/components/types/file_upload';
-  import { TaskTypes } from '@layerfi/components/types/tasks';
+  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: TaskTypes[];
+      data: Task[];
   }>;
   export const submitResponseToTask: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: Record<string, string | undefined> | undefined;
       body?: Record<string, unknown> | undefined;
   } | undefined) => Promise<{
-      data: TaskTypes;
+      data: Task;
+  }>;
+  export const updateUploadDocumentTaskDescription: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: Record<string, string | undefined> | undefined;
+      body?: Record<string, unknown> | undefined;
+  } | undefined) => Promise<{
+      data: Task;
   }>;
   export const markTaskAsComplete: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: Record<string, string | undefined> | undefined;
       body?: Record<string, unknown> | undefined;
   } | undefined) => Promise<{
-      data: TaskTypes;
+      data: Task;
+  }>;
+  export const deleteTaskUploads: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: Record<string, string | undefined> | undefined;
+      body?: Record<string, unknown> | undefined;
+  } | undefined) => Promise<{
+      data: Task;
   }>;
-  export const completeTaskWithUpload: (baseUrl: string, accessToken?: string) => ({ businessId, taskId, file, }: {
+  export const completeTaskWithUpload: (baseUrl: string, accessToken?: string) => ({ businessId, taskId, files, description, }: {
       businessId: string;
       taskId: string;
-      file: File;
+      files: File[];
+      description?: string;
   }) => Promise<{
       data: FileMetadata;
       errors: unknown;
@@ -495,8 +522,14 @@ declare module '@layerfi/components/api/layer' {
           data: import("@layerfi/components/types").Account;
       }>;
       getBalanceSheet: (baseUrl: string, accessToken: string | undefined, options?: {
-          params?: import("@layerfi/components/api/layer/balance_sheet").GetBalanceSheetParams | undefined;
-      } | undefined) => () => Promise<import("@layerfi/components/api/layer/balance_sheet").GetBalanceSheetReturn>;
+          params?: {
+              businessId: string;
+              effectiveDate: string;
+          } | undefined;
+      } | undefined) => () => Promise<{
+          data?: import("@layerfi/components/types").BalanceSheet;
+          error?: unknown;
+      }>;
       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>;
@@ -710,12 +743,13 @@ declare module '@layerfi/components/api/layer' {
       getTasks: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: Record<string, string | undefined> | undefined;
       } | undefined) => () => Promise<{
-          data: import("@layerfi/components/types/tasks").TaskTypes[];
+          data: import("@layerfi/components/types/tasks").Task[];
       }>;
-      completeTaskWithUpload: (baseUrl: string, accessToken?: string) => ({ businessId, taskId, file, }: {
+      completeTaskWithUpload: (baseUrl: string, accessToken?: string) => ({ businessId, taskId, files, description, }: {
           businessId: string;
           taskId: string;
-          file: File;
+          files: File[];
+          description?: string;
       }) => Promise<{
           data: import("@layerfi/components/types/file_upload").FileMetadata;
           errors: unknown;
@@ -724,7 +758,19 @@ declare module '@layerfi/components/api/layer' {
           params?: Record<string, string | undefined> | undefined;
           body?: Record<string, unknown> | undefined;
       } | undefined) => Promise<{
-          data: import("@layerfi/components/types/tasks").TaskTypes;
+          data: import("@layerfi/components/types/tasks").Task;
+      }>;
+      deleteTaskUploads: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: Record<string, string | undefined> | undefined;
+          body?: Record<string, unknown> | undefined;
+      } | undefined) => Promise<{
+          data: import("@layerfi/components/types/tasks").Task;
+      }>;
+      updateUploadDocumentTaskDescription: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: Record<string, string | undefined> | undefined;
+          body?: Record<string, unknown> | undefined;
+      } | undefined) => Promise<{
+          data: import("@layerfi/components/types/tasks").Task;
       }>;
       breakPlaidItemConnection: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: {
@@ -746,8 +792,15 @@ declare module '@layerfi/components/api/layer' {
           body?: Record<string, unknown> | undefined;
       } | undefined) => Promise<Record<string, unknown>>;
       getStatementOfCashFlow: (baseUrl: string, accessToken: string | undefined, options?: {
-          params?: import("@layerfi/components/api/layer/statement-of-cash-flow").GetStatementOfCashFlowParams | undefined;
-      } | undefined) => () => Promise<import("@layerfi/components/api/layer/statement-of-cash-flow").GetStatementOfCashFlowReturn>;
+          params?: {
+              businessId: string;
+              startDate: string;
+              endDate: string;
+          } | undefined;
+      } | undefined) => () => Promise<{
+          data?: import("@layerfi/components/types").StatementOfCashFlow;
+          error?: unknown;
+      }>;
       syncFromQuickbooks: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: {
               businessId: string;
@@ -902,6 +955,33 @@ declare module '@layerfi/components/components/BalanceSheet/constants' {
       lineItem: string;
   }[];
 
+}
+declare module '@layerfi/components/components/BalanceSheet/download/BalanceSheetDownloadButton' {
+  import React from 'react';
+  type BalanceSheetDownloadButtonProps = {
+      effectiveDate: Date;
+      iconOnly?: boolean;
+  };
+  export function BalanceSheetDownloadButton({ effectiveDate, iconOnly, }: BalanceSheetDownloadButtonProps): React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/BalanceSheet/download/useBalanceSheetDownload' {
+  import type { S3PresignedUrl } from '@layerfi/components/types/general';
+  import type { Awaitable } from '@layerfi/components/types/utility/promises';
+  type UseBalanceSheetOptions = {
+      effectiveDate: Date;
+      onSuccess?: (url: S3PresignedUrl) => Awaitable<unknown>;
+  };
+  export function useBalanceSheetDownload({ effectiveDate, onSuccess, }: UseBalanceSheetOptions): import("swr/mutation").SWRMutationResponse<unknown, any, () => {
+      accessToken: string;
+      apiUrl: string;
+      businessId: string;
+      effectiveDate: Date;
+      tags: string[];
+  } | undefined, never>;
+  export {};
+
 }
 declare module '@layerfi/components/components/BalanceSheet/index' {
   export { BalanceSheet } from '@layerfi/components/components/BalanceSheet/BalanceSheet';
@@ -1018,11 +1098,12 @@ declare module '@layerfi/components/components/BankTransactionMobileList/BankTra
       purpose: Purpose;
       bankTransaction: BankTransaction;
       showTooltips: boolean;
+      showCategorization?: boolean;
       showReceiptUploads?: boolean;
       showDescriptions?: boolean;
       isOpen?: boolean;
   }
-  export const BankTransactionMobileForms: ({ purpose, bankTransaction, showTooltips, showReceiptUploads, showDescriptions, isOpen, }: BankTransactionMobileFormsProps) => React.JSX.Element;
+  export const BankTransactionMobileForms: ({ purpose, bankTransaction, showTooltips, showCategorization, showReceiptUploads, showDescriptions, isOpen, }: BankTransactionMobileFormsProps) => React.JSX.Element;
   export {};
 
 }
@@ -1084,10 +1165,11 @@ declare module '@layerfi/components/components/BankTransactionMobileList/Busines
   interface BusinessFormProps {
       bankTransaction: BankTransaction;
       showTooltips: boolean;
+      showCategorization?: boolean;
       showReceiptUploads?: boolean;
       showDescriptions?: boolean;
   }
-  export const BusinessForm: ({ bankTransaction, showTooltips, showReceiptUploads, showDescriptions, }: BusinessFormProps) => React.JSX.Element;
+  export const BusinessForm: ({ bankTransaction, showTooltips, showCategorization, showReceiptUploads, showDescriptions, }: BusinessFormProps) => React.JSX.Element;
   export {};
 
 }
@@ -1119,6 +1201,7 @@ declare module '@layerfi/components/components/BankTransactionMobileList/SplitAn
   interface SplitAndMatchFormProps {
       bankTransaction: BankTransaction;
       showTooltips: boolean;
+      showCategorization?: boolean;
       showReceiptUploads?: boolean;
       showDescriptions?: boolean;
   }
@@ -1129,9 +1212,10 @@ declare module '@layerfi/components/components/BankTransactionMobileList/SplitAn
 declare module '@layerfi/components/components/BankTransactionMobileList/SplitForm' {
   import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
-  export const SplitForm: ({ bankTransaction, showTooltips, showReceiptUploads, showDescriptions, }: {
+  export const SplitForm: ({ bankTransaction, showTooltips, showCategorization, showReceiptUploads, showDescriptions, }: {
       bankTransaction: BankTransaction;
       showTooltips: boolean;
+      showCategorization?: boolean;
       showReceiptUploads?: boolean;
       showDescriptions?: boolean;
   }) => React.JSX.Element;
@@ -1910,10 +1994,12 @@ declare module '@layerfi/components/components/DatePicker/DatePicker' {
   import React, { type FC } from 'react';
   import { CustomDateRange } from '@layerfi/components/components/DatePicker/DatePickerOptions';
   import type { DatePickerMode, DatePickerModeSelectorProps } from '@layerfi/components/components/DatePicker/ModeSelector/DatePickerModeSelector';
+  type NavigationArrows = 'desktop' | 'mobile';
   interface DatePickerProps {
       mode: DatePickerMode;
       selected: Date | [Date | null, Date | null];
       onChange: (date: Date | [Date, Date | null]) => void;
+      disabled?: boolean;
       allowedModes?: ReadonlyArray<DatePickerMode>;
       dateFormat?: string;
       timeIntervals?: number;
@@ -1926,13 +2012,13 @@ declare module '@layerfi/components/components/DatePicker/DatePicker' {
       currentDateOption?: boolean;
       minDate?: Date;
       maxDate?: Date;
-      navigateArrows?: boolean;
+      navigateArrows?: NavigationArrows[];
       onChangeMode?: (mode: DatePickerMode) => void;
       slots?: {
           ModeSelector: FC<DatePickerModeSelectorProps>;
       };
   }
-  export const DatePicker: ({ selected, onChange, mode, allowedModes, dateFormat, timeIntervals, timeCaption, placeholderText: _placeholderText, customDateRanges, wrapperClassName, calendarClassName, popperClassName, minDate, maxDate, currentDateOption, navigateArrows, onChangeMode, slots, ...props }: DatePickerProps) => React.JSX.Element;
+  export const DatePicker: ({ selected, onChange, disabled, mode, allowedModes, dateFormat, timeIntervals, timeCaption, placeholderText: _placeholderText, customDateRanges, wrapperClassName, calendarClassName, popperClassName, minDate, maxDate, currentDateOption, navigateArrows, onChangeMode, slots, ...props }: DatePickerProps) => React.JSX.Element;
   export {};
 
 }
@@ -1952,7 +2038,7 @@ declare module '@layerfi/components/components/DatePicker/DatePickerOptions' {
 declare module '@layerfi/components/components/DatePicker/ModeSelector/DatePickerModeSelector' {
   import React from 'react';
   export type SingularPickerMode = 'dayPicker' | 'timePicker';
-  export type RangePickerMode = 'dayRangePicker' | 'monthRangePicker' | 'monthPicker';
+  export type RangePickerMode = 'dayRangePicker' | 'monthRangePicker' | 'monthPicker' | 'yearPicker';
   export type DatePickerMode = SingularPickerMode | RangePickerMode;
   export const DEFAULT_ALLOWED_PICKER_MODES: readonly ["monthPicker"];
   export type DatePickerModeSelectorProps = {
@@ -2211,13 +2297,14 @@ declare module '@layerfi/components/components/Input/FileInput' {
   import React from 'react';
   export interface FileInputProps {
       text?: string;
-      onUpload?: (file: File) => void;
+      onUpload?: (files: File[]) => void;
       disabled?: boolean;
       secondary?: boolean;
       iconOnly?: boolean;
       icon?: React.ReactNode;
+      allowMultipleUploads?: boolean;
   }
-  export const FileInput: ({ text, onUpload, disabled, secondary, iconOnly, icon, }: FileInputProps) => React.JSX.Element;
+  export const FileInput: ({ text, onUpload, disabled, secondary, iconOnly, icon, allowMultipleUploads, }: FileInputProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Input/Input' {
@@ -3309,6 +3396,36 @@ declare module '@layerfi/components/components/StatementOfCashFlow/constants' {
   }[];
   export const ADJUSTMENTS_ROW_NAME = "Adjustments to Net Income";
 
+}
+declare module '@layerfi/components/components/StatementOfCashFlow/download/CashflowStatementDownloadButton' {
+  import React from 'react';
+  type CashflowStatementDownloadButtonProps = {
+      startDate: Date;
+      endDate: Date;
+      iconOnly?: boolean;
+  };
+  export function CashflowStatementDownloadButton({ startDate, endDate, iconOnly, }: CashflowStatementDownloadButtonProps): React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/StatementOfCashFlow/download/useCashflowStatementDownload' {
+  import type { S3PresignedUrl } from '@layerfi/components/types/general';
+  import type { Awaitable } from '@layerfi/components/types/utility/promises';
+  type UseCashflowStatementDownloadOptions = {
+      startDate: Date;
+      endDate: Date;
+      onSuccess?: (url: S3PresignedUrl) => Awaitable<unknown>;
+  };
+  export function useCashflowStatementDownload({ startDate, endDate, onSuccess, }: UseCashflowStatementDownloadOptions): import("swr/mutation").SWRMutationResponse<unknown, any, () => {
+      accessToken: string;
+      apiUrl: string;
+      businessId: string;
+      startDate: Date;
+      endDate: Date;
+      tags: string[];
+  } | undefined, never>;
+  export {};
+
 }
 declare module '@layerfi/components/components/StatementOfCashFlow/index' {
   export { StatementOfCashFlow } from '@layerfi/components/components/StatementOfCashFlow/StatementOfCashFlow';
@@ -3446,24 +3563,50 @@ declare module '@layerfi/components/components/Tasks/Tasks' {
   import { useTasks } from '@layerfi/components/hooks/useTasks/index';
   export type UseTasksContextType = ReturnType<typeof useTasks>;
   export const UseTasksContext: React.Context<{
-      data?: import("@layerfi/components/types/tasks").TaskTypes[];
+      data?: import("@layerfi/components/types/tasks").Task[];
+      monthlyData?: import("@layerfi/components/types/tasks").TasksMonthly[];
       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: () => void;
       submitResponseToTask: (taskId: string, userResponse: string) => void;
-      uploadDocumentForTask: (taskId: string, file: File) => void;
+      uploadDocumentsForTask: (taskId: string, files: File[], description?: string) => Promise<void>;
+      deleteUploadsForTask: (taskId: string) => void;
+      updateDocUploadTaskDescription: (taskId: string, userResponse: string) => void;
   }>;
   export const useTasksContext: () => {
-      data?: import("@layerfi/components/types/tasks").TaskTypes[];
+      data?: import("@layerfi/components/types/tasks").Task[];
+      monthlyData?: import("@layerfi/components/types/tasks").TasksMonthly[];
       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: () => void;
       submitResponseToTask: (taskId: string, userResponse: string) => void;
-      uploadDocumentForTask: (taskId: string, file: File) => void;
+      uploadDocumentsForTask: (taskId: string, files: File[], description?: string) => Promise<void>;
+      deleteUploadsForTask: (taskId: string) => void;
+      updateDocUploadTaskDescription: (taskId: string, userResponse: string) => void;
   };
   export interface TasksStringOverrides {
       header?: string;
@@ -3518,10 +3661,10 @@ declare module '@layerfi/components/components/TasksList/index' {
 }
 declare module '@layerfi/components/components/TasksListItem/TasksListItem' {
   import React from 'react';
-  import { TaskTypes } from '@layerfi/components/types/tasks';
+  import { Task } from '@layerfi/components/types/tasks';
   export const TasksListItem: ({ task, goToNextPageIfAllComplete, defaultOpen, }: {
-      task: TaskTypes;
-      goToNextPageIfAllComplete: (task: TaskTypes) => void;
+      task: Task;
+      goToNextPageIfAllComplete: (task: Task) => void;
       defaultOpen: boolean;
   }) => React.JSX.Element;
 
@@ -3529,6 +3672,47 @@ declare module '@layerfi/components/components/TasksListItem/TasksListItem' {
 declare module '@layerfi/components/components/TasksListItem/index' {
   export { TasksListItem } from '@layerfi/components/components/TasksListItem/TasksListItem';
 
+}
+declare module '@layerfi/components/components/TasksMonthSelector/TaskMonthTile' {
+  import React from 'react';
+  import { TaskMonthTileProps } from '@layerfi/components/components/TasksMonthSelector/types';
+  const TaskMonthTile: ({ monthData, onClick, active, disabled }: TaskMonthTileProps) => React.JSX.Element;
+  export { TaskMonthTile };
+
+}
+declare module '@layerfi/components/components/TasksMonthSelector/TasksMonthSelector' {
+  import React from 'react';
+  import { TasksMonthSelectorProps } from '@layerfi/components/components/TasksMonthSelector/types';
+  const TasksMonthSelector: ({ tasks, year, currentDate, onClick }: TasksMonthSelectorProps) => React.JSX.Element;
+  export { TasksMonthSelector };
+
+}
+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;
+  };
+  export type MonthData = {
+      year: number;
+      month: number;
+      total: number;
+      completed: number;
+      tasks: Task[];
+      monthStr: string;
+      startDate: Date;
+      endDate: Date;
+      disabled?: boolean;
+  };
+  export type TaskMonthTileProps = {
+      monthData: MonthData;
+      active?: boolean;
+      disabled?: boolean;
+      onClick: TasksMonthSelectorProps['onClick'];
+  };
+
 }
 declare module '@layerfi/components/components/TasksPending/TasksPending' {
   import React from 'react';
@@ -3910,7 +4094,8 @@ declare module '@layerfi/components/components/ui/Stack/Stack' {
       justify?: 'center';
       slot?: string;
   }>;
-  export function VStack({ align, children, gap, justify, ...restProps }: StackProps): React.JSX.Element;
+  export function VStack(props: StackProps): React.JSX.Element;
+  export function HStack(props: StackProps): React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/ui/Typography/Heading' {
@@ -3956,6 +4141,23 @@ declare module '@layerfi/components/components/utility/ConditionalList' {
   export function ConditionalList<T>({ list, isLoading, Empty, Container, Loading, children }: ConditionalListProps<T>): string | number | boolean | Iterable<React.ReactNode> | React.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>;
+      triggerInvisibleDownload: (options: {
+          url: string;
+      }) => void;
+  };
+  const InvisibleDownload: React.ForwardRefExoticComponent<React.RefAttributes<InvisibleDownloadHandle>>;
+  export default InvisibleDownload;
+
 }
 declare module '@layerfi/components/config/charts' {
   export const INACTIVE_OPACITY_LEVELS: number[];
@@ -4326,14 +4528,27 @@ 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").TaskTypes[];
+      data?: import("@layerfi/components/types/tasks").Task[];
+      monthlyData?: import("@layerfi/components/types/tasks").TasksMonthly[];
       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: () => void;
       submitResponseToTask: (taskId: string, userResponse: string) => void;
-      uploadDocumentForTask: (taskId: string, file: File) => void;
+      uploadDocumentsForTask: (taskId: string, files: File[], description?: string) => Promise<void>;
+      deleteUploadsForTask: (taskId: string) => void;
+      updateDocUploadTaskDescription: (taskId: string, userResponse: string) => void;
   }>;
 
 }
@@ -4542,14 +4757,13 @@ declare module '@layerfi/components/hooks/useElementSize/useElementSize' {
       clientHeight: number;
   }) => void) => import("react").RefObject<T>;
 
-}
-declare module '@layerfi/components/hooks/useElementViewSize/index' {
-  export { useElementViewSize } from '@layerfi/components/hooks/useElementViewSize/useElementViewSize';
-
 }
 declare module '@layerfi/components/hooks/useElementViewSize/useElementViewSize' {
   import { View } from '@layerfi/components/types/general';
-  export const useElementViewSize: <T extends HTMLElement>(callback: (view: View) => void) => import("react").RefObject<T>;
+  export const useElementViewSize: <T extends HTMLElement>() => {
+      view: View;
+      containerRef: import("react").RefObject<T>;
+  };
 
 }
 declare module '@layerfi/components/hooks/useIsVisible/index' {
@@ -4901,22 +5115,39 @@ declare module '@layerfi/components/hooks/useTasks/index' {
 
 }
 declare module '@layerfi/components/hooks/useTasks/mockData' {
-  import { TaskTypes } from '@layerfi/components/types/tasks';
-  export const mockData: TaskTypes[];
+  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 { TaskTypes } from '@layerfi/components/types/tasks';
-  type UseTasks = () => {
-      data?: TaskTypes[];
+  import { Task, TasksMonthly } from '@layerfi/components/types/tasks';
+  type UseTasks = (props?: UseTasksProps) => {
+      data?: Task[];
+      monthlyData?: TasksMonthly[];
       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: () => void;
       submitResponseToTask: (taskId: string, userResponse: string) => void;
-      uploadDocumentForTask: (taskId: string, file: File) => void;
+      uploadDocumentsForTask: (taskId: string, files: File[], description?: string) => Promise<void>;
+      deleteUploadsForTask: (taskId: string) => void;
+      updateDocUploadTaskDescription: (taskId: string, userResponse: string) => void;
+  };
+  type UseTasksProps = {
+      startDate?: Date;
+      endDate?: Date;
   };
   export const useTasks: UseTasks;
   export {};
@@ -6116,10 +6347,10 @@ declare module '@layerfi/components/types/linked_accounts' {
       institution: PlaidInstitution | null;
   };
   export type AccountSource = EnumWithUnknownValues<'PLAID' | 'STRIPE'>;
-  const KNOWN_ACCOUNT_NOTIFICATION_TYPES: readonly ["CONFIRM_RELEVANT", "CONFIRM_UNIQUE"];
-  type KnownAccountNotificationType = typeof KNOWN_ACCOUNT_NOTIFICATION_TYPES[number];
-  const KNOWN_ACCOUNT_NOTIFICATION_SCOPES: readonly ["USER"];
-  type KnownAccountNotificationScope = typeof KNOWN_ACCOUNT_NOTIFICATION_SCOPES[number];
+  const _KNOWN_ACCOUNT_NOTIFICATION_TYPES: readonly ["CONFIRM_RELEVANT", "CONFIRM_UNIQUE"];
+  type KnownAccountNotificationType = typeof _KNOWN_ACCOUNT_NOTIFICATION_TYPES[number];
+  const _KNOWN_ACCOUNT_NOTIFICATION_SCOPES: readonly ["USER"];
+  type KnownAccountNotificationScope = typeof _KNOWN_ACCOUNT_NOTIFICATION_SCOPES[number];
   type AccountNotificationType = EnumWithUnknownValues<KnownAccountNotificationType>;
   type AccountNotificationScope = EnumWithUnknownValues<KnownAccountNotificationScope>;
   type AccountNotification = {
@@ -6310,7 +6541,13 @@ declare module '@layerfi/components/types/table' {
 }
 declare module '@layerfi/components/types/tasks' {
   import { DocumentType } from '@layerfi/components/types/file_upload';
-  export interface TaskTypes {
+  import { S3PresignedUrl } from '@layerfi/components/types/general';
+  type Document = {
+      document_type: DocumentType;
+      file_name: string;
+      presigned_url: S3PresignedUrl;
+  };
+  export type Task = {
       id: string;
       question: string;
       status: TasksStatusType;
@@ -6324,11 +6561,21 @@ declare module '@layerfi/components/types/tasks' {
       completed_at: string | null;
       created_at: string;
       updated_at: string;
+      effective_date: string;
       document_type: DocumentType;
-  }
+      documents: Document[];
+  };
   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 {};
 
 }
 declare module '@layerfi/components/types/utility/enumWithUnknownValues' {
@@ -6429,6 +6676,10 @@ declare module '@layerfi/components/utils/colors' {
    */
   export const buildColorsPalette: (theme?: LayerThemeConfig) => ColorsPalette;
 
+}
+declare module '@layerfi/components/utils/delay/runDelayed' {
+  export function runDelayedSync<T>(block: () => T, delayMs?: number): Promise<T>;
+
 }
 declare module '@layerfi/components/utils/format' {
   /**
@@ -6486,10 +6737,16 @@ declare module '@layerfi/components/utils/profitAndLossUtils' {
   export const humanizeTitle: (sidebarView: SidebarScope) => "Expenses" | "Revenue" | "Profit & Loss";
   export const applyShare: (items: LineBaseItem[], total: number) => LineBaseItem[];
 
+}
+declare module '@layerfi/components/utils/request/toDefinedSearchParameters' {
+  type ParameterValues = Date | string | number | boolean;
+  export function toDefinedSearchParameters(input: Record<string, ParameterValues | null | undefined>): URLSearchParams;
+  export {};
+
 }
 declare module '@layerfi/components/utils/styleUtils/sizeVariants' {
-  const SIZE_VARIANTS: readonly ["sm", "lg"];
-  type SizeVariant = (typeof SIZE_VARIANTS)[number];
+  const _SIZE_VARIANTS: readonly ["sm", "lg"];
+  type SizeVariant = (typeof _SIZE_VARIANTS)[number];
   export type Variants = Partial<{
       size: SizeVariant;
   }>;