@layerfi/components 0.1.37 → 0.1.39

package/dist/index.d.ts

@@ -860,8 +860,9 @@ declare module '@layerfi/components/components/BankTransactionList/BankTransacti
       removeTransaction: (bt: BankTransaction) => void;
       showDescriptions?: boolean;
       showReceiptUploads?: boolean;
+      hardRefreshPnlOnCategorize?: boolean;
   }
-  export const BankTransactionList: ({ bankTransactions, editable, removeTransaction, containerWidth, showDescriptions, showReceiptUploads, }: BankTransactionListProps) => React.JSX.Element;
+  export const BankTransactionList: ({ bankTransactions, editable, removeTransaction, containerWidth, showDescriptions, showReceiptUploads, hardRefreshPnlOnCategorize, }: BankTransactionListProps) => React.JSX.Element;
   export {};
 
 }
@@ -875,10 +876,11 @@ declare module '@layerfi/components/components/BankTransactionList/BankTransacti
       editable: boolean;
       showDescriptions: boolean;
       showReceiptUploads: boolean;
+      hardRefreshPnlOnCategorize: boolean;
       removeTransaction: (bt: BankTransaction) => void;
       containerWidth?: number;
   };
-  export const BankTransactionListItem: ({ index, dateFormat, bankTransaction, editable, showDescriptions, showReceiptUploads, containerWidth, removeTransaction, }: Props) => React.JSX.Element;
+  export const BankTransactionListItem: ({ index, dateFormat, bankTransaction, editable, showDescriptions, showReceiptUploads, hardRefreshPnlOnCategorize, containerWidth, removeTransaction, }: Props) => React.JSX.Element;
   export {};
 
 }
@@ -893,8 +895,9 @@ declare module '@layerfi/components/components/BankTransactionMobileList/BankTra
   interface BankTransactionMobileFormsProps {
       purpose: Purpose;
       bankTransaction: BankTransaction;
+      hardRefreshPnlOnCategorize?: boolean;
   }
-  export const BankTransactionMobileForms: ({ purpose, bankTransaction, }: BankTransactionMobileFormsProps) => React.JSX.Element;
+  export const BankTransactionMobileForms: ({ purpose, bankTransaction, hardRefreshPnlOnCategorize }: BankTransactionMobileFormsProps) => React.JSX.Element;
   export {};
 
 }
@@ -906,8 +909,9 @@ declare module '@layerfi/components/components/BankTransactionMobileList/BankTra
       editable: boolean;
       removeTransaction: (bt: BankTransaction) => void;
       initialLoad?: boolean;
+      hardRefreshPnlOnCategorize?: boolean;
   }
-  export const BankTransactionMobileList: ({ bankTransactions, removeTransaction, editable, initialLoad, }: BankTransactionMobileListProps) => React.JSX.Element;
+  export const BankTransactionMobileList: ({ bankTransactions, removeTransaction, editable, initialLoad, hardRefreshPnlOnCategorize }: BankTransactionMobileListProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/BankTransactionMobileListItem' {
@@ -919,13 +923,14 @@ declare module '@layerfi/components/components/BankTransactionMobileList/BankTra
       editable: boolean;
       removeTransaction: (bt: BankTransaction) => void;
       initialLoad?: boolean;
+      hardRefreshPnlOnCategorize?: boolean;
   }
   export enum Purpose {
       business = "business",
       personal = "personal",
       more = "more"
   }
-  export const BankTransactionMobileListItem: ({ index, bankTransaction, removeTransaction, editable, initialLoad, }: BankTransactionMobileListItemProps) => React.JSX.Element;
+  export const BankTransactionMobileListItem: ({ index, bankTransaction, removeTransaction, editable, initialLoad, hardRefreshPnlOnCategorize }: BankTransactionMobileListItemProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/BusinessCategories' {
@@ -942,16 +947,18 @@ declare module '@layerfi/components/components/BankTransactionMobileList/Busines
   import { BankTransaction } from '@layerfi/components/types';
   interface BusinessFormProps {
       bankTransaction: BankTransaction;
+      hardRefreshPnlOnCategorize?: boolean;
   }
-  export const BusinessForm: ({ bankTransaction }: BusinessFormProps) => React.JSX.Element;
+  export const BusinessForm: ({ bankTransaction, hardRefreshPnlOnCategorize }: BusinessFormProps) => React.JSX.Element;
   export {};
 
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/MatchForm' {
   import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
-  export const MatchForm: ({ bankTransaction, }: {
+  export const MatchForm: ({ bankTransaction, hardRefreshPnlOnCategorize }: {
       bankTransaction: BankTransaction;
+      hardRefreshPnlOnCategorize?: boolean | undefined;
   }) => React.JSX.Element;
 
 }
@@ -960,8 +967,9 @@ declare module '@layerfi/components/components/BankTransactionMobileList/Persona
   import { BankTransaction } from '@layerfi/components/types';
   interface PersonalFormProps {
       bankTransaction: BankTransaction;
+      hardRefreshPnlOnCategorize?: boolean;
   }
-  export const PersonalForm: ({ bankTransaction }: PersonalFormProps) => React.JSX.Element;
+  export const PersonalForm: ({ bankTransaction, hardRefreshPnlOnCategorize }: PersonalFormProps) => React.JSX.Element;
   export {};
 
 }
@@ -970,16 +978,18 @@ declare module '@layerfi/components/components/BankTransactionMobileList/SplitAn
   import { BankTransaction } from '@layerfi/components/types';
   interface SplitAndMatchFormProps {
       bankTransaction: BankTransaction;
+      hardRefreshPnlOnCategorize?: boolean;
   }
-  export const SplitAndMatchForm: ({ bankTransaction, }: SplitAndMatchFormProps) => React.JSX.Element;
+  export const SplitAndMatchForm: ({ bankTransaction, hardRefreshPnlOnCategorize }: SplitAndMatchFormProps) => React.JSX.Element;
   export {};
 
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/SplitForm' {
   import React from 'react';
   import { BankTransaction } from '@layerfi/components/types';
-  export const SplitForm: ({ bankTransaction, }: {
+  export const SplitForm: ({ bankTransaction, hardRefreshPnlOnCategorize }: {
       bankTransaction: BankTransaction;
+      hardRefreshPnlOnCategorize?: boolean | undefined;
   }) => React.JSX.Element;
 
 }
@@ -1040,11 +1050,12 @@ declare module '@layerfi/components/components/BankTransactionRow/BankTransactio
       initialLoad?: boolean;
       showDescriptions: boolean;
       showReceiptUploads: boolean;
+      hardRefreshPnlOnCategorize: boolean;
   };
   export type LastSubmittedForm = 'simple' | 'match' | 'split' | undefined;
   export const extractDescriptionForSplit: (category: Category) => string;
   export const getDefaultSelectedCategory: (bankTransaction: BankTransaction) => import("@layerfi/components/components/CategorySelect/CategorySelect").CategoryOption | undefined;
-  export const BankTransactionRow: ({ index, editable, dateFormat, bankTransaction, removeTransaction, containerWidth, initialLoad, showDescriptions, showReceiptUploads, }: Props) => React.JSX.Element;
+  export const BankTransactionRow: ({ index, editable, dateFormat, bankTransaction, removeTransaction, containerWidth, initialLoad, showDescriptions, showReceiptUploads, hardRefreshPnlOnCategorize, }: Props) => React.JSX.Element;
   export {};
 
 }
@@ -1083,6 +1094,7 @@ declare module '@layerfi/components/components/BankTransactions/BankTransactions
       categorizedOnly?: boolean;
       showDescriptions?: boolean;
       showReceiptUploads?: boolean;
+      hardRefreshPnlOnCategorize?: boolean;
       monthlyView?: boolean;
       categorizeView?: boolean;
       mobileComponent?: MobileComponentType;
@@ -1110,9 +1122,11 @@ declare module '@layerfi/components/components/BankTransactions/BankTransactions
       withDatePicker?: boolean;
       listView?: boolean;
       dateRange?: DateRange;
+      isDataLoading?: boolean;
+      isSyncing?: boolean;
       setDateRange?: (value: DateRange) => void;
   }
-  export const BankTransactionsHeader: ({ shiftStickyHeader, asWidget, categorizedOnly, categorizeView, display, onCategorizationDisplayChange, mobileComponent, withDatePicker, listView, dateRange, setDateRange, }: BankTransactionsHeaderProps) => React.JSX.Element;
+  export const BankTransactionsHeader: ({ shiftStickyHeader, asWidget, categorizedOnly, categorizeView, display, onCategorizationDisplayChange, mobileComponent, withDatePicker, listView, dateRange, setDateRange, isSyncing, }: BankTransactionsHeaderProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/BankTransactions/DataStates' {
@@ -1120,14 +1134,13 @@ declare module '@layerfi/components/components/BankTransactions/DataStates' {
   import { BankTransaction } from '@layerfi/components/types';
   interface DataStatesProps {
       bankTransactions?: BankTransaction[];
-      transactionsLoading: boolean;
       isLoading?: boolean;
       isValidating?: boolean;
       error?: unknown;
       refetch: () => void;
       editable: boolean;
   }
-  export const DataStates: ({ bankTransactions, transactionsLoading, isLoading, isValidating, error, refetch, editable, }: DataStatesProps) => React.JSX.Element;
+  export const DataStates: ({ bankTransactions, isLoading, isValidating, error, refetch, editable, }: DataStatesProps) => React.JSX.Element;
   export {};
 
 }
@@ -1147,6 +1160,17 @@ declare module '@layerfi/components/components/BankTransactions/utils' {
   export const filterVisibility: (scope: DisplayState, bankTransaction: BankTransaction) => boolean;
   export const isCategorized: (bankTransaction: BankTransaction) => boolean;
 
+}
+declare module '@layerfi/components/components/BankTransactionsLoader/BankTransactionsLoader' {
+  import React from 'react';
+  export const BankTransactionsLoader: ({ isLoading, }: {
+      isLoading: boolean;
+  }) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/BankTransactionsLoader/index' {
+  export { BankTransactionsLoader } from '@layerfi/components/components/BankTransactionsLoader/BankTransactionsLoader';
+
 }
 declare module '@layerfi/components/components/BankTransactionsTable/BankTransactionsTable' {
   import React from 'react';
@@ -1161,8 +1185,13 @@ declare module '@layerfi/components/components/BankTransactionsTable/BankTransac
       removeTransaction: (bt: BankTransaction) => void;
       showDescriptions?: boolean;
       showReceiptUploads?: boolean;
+      hardRefreshPnlOnCategorize?: boolean;
+      isSyncing?: boolean;
+      page?: number;
+      lastPage?: boolean;
+      onRefresh?: () => void;
   }
-  export const BankTransactionsTable: ({ categorizeView, editable, isLoading, bankTransactions, initialLoad, containerWidth, removeTransaction, showDescriptions, showReceiptUploads, }: BankTransactionsTableProps) => React.JSX.Element;
+  export const BankTransactionsTable: ({ categorizeView, editable, isLoading, bankTransactions, initialLoad, containerWidth, removeTransaction, showDescriptions, showReceiptUploads, hardRefreshPnlOnCategorize, isSyncing, page, lastPage, onRefresh, }: BankTransactionsTableProps) => React.JSX.Element;
   export {};
 
 }
@@ -1536,8 +1565,10 @@ declare module '@layerfi/components/components/DatePicker/DatePicker' {
       popperClassName?: string;
       currentDateOption?: boolean;
       minDate?: Date;
+      maxDate?: Date;
+      navigateArrows?: boolean;
   }
-  export const DatePicker: ({ selected, onChange, mode, dateFormat, timeIntervals, timeCaption, placeholderText, options, wrapperClassName, calendarClassName, popperClassName, minDate, currentDateOption, ...props }: DatePickerProps) => React.JSX.Element;
+  export const DatePicker: ({ selected, onChange, mode, dateFormat, timeIntervals, timeCaption, placeholderText, options, wrapperClassName, calendarClassName, popperClassName, minDate, maxDate, currentDateOption, navigateArrows, ...props }: DatePickerProps) => React.JSX.Element;
   export {};
 
 }
@@ -1664,6 +1695,7 @@ declare module '@layerfi/components/components/ExpandedBankTransactionRow/Expand
       categorized?: boolean;
       showDescriptions: boolean;
       showReceiptUploads: boolean;
+      hardRefreshPnlOnCategorize: boolean;
   };
   export type SaveHandle = {
       save: () => void;
@@ -2024,9 +2056,18 @@ declare module '@layerfi/components/components/Loader/Loader' {
   }
   export const Loader: ({ children, size }: LoaderProps) => React.JSX.Element;
 
+}
+declare module '@layerfi/components/components/Loader/SmallLoader' {
+  import React from 'react';
+  export interface SmallLoaderProps {
+      size?: number;
+  }
+  export const SmallLoader: ({ size }: SmallLoaderProps) => React.JSX.Element;
+
 }
 declare module '@layerfi/components/components/Loader/index' {
   export { Loader } from '@layerfi/components/components/Loader/Loader';
+  export { SmallLoader } from '@layerfi/components/components/Loader/SmallLoader';
 
 }
 declare module '@layerfi/components/components/MatchForm/MatchForm' {
@@ -2151,7 +2192,7 @@ declare module '@layerfi/components/components/ProfitAndLoss/ProfitAndLoss' {
   };
   const ProfitAndLoss: {
       ({ children, tagFilter, reportingBasis, asContainer, }: Props): React.JSX.Element;
-      Chart: () => React.JSX.Element;
+      Chart: ({ forceRerenderOnDataChange, }: import("@layerfi/components/components/ProfitAndLossChart/ProfitAndLossChart").Props) => React.JSX.Element;
       Context: React.Context<{
           data: import("@layerfi/components/types").ProfitAndLoss | undefined;
           filteredDataRevenue: import("@layerfi/components/types/line_item").LineBaseItem[];
@@ -2211,7 +2252,10 @@ declare module '@layerfi/components/components/ProfitAndLossChart/Indicator' {
 }
 declare module '@layerfi/components/components/ProfitAndLossChart/ProfitAndLossChart' {
   import React from 'react';
-  export const ProfitAndLossChart: () => React.JSX.Element;
+  export interface Props {
+      forceRerenderOnDataChange?: boolean;
+  }
+  export const ProfitAndLossChart: ({ forceRerenderOnDataChange, }: Props) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/ProfitAndLossChart/index' {
@@ -2398,6 +2442,25 @@ declare module '@layerfi/components/components/SkeletonLoader/SkeletonLoader' {
 declare module '@layerfi/components/components/SkeletonLoader/index' {
   export { SkeletonLoader } from '@layerfi/components/components/SkeletonLoader/SkeletonLoader';
 
+}
+declare module '@layerfi/components/components/SkeletonTableLoader/SkeletonTableLoader' {
+  import React from 'react';
+  interface SkeletonTableLoaderProps {
+      rows: number;
+      cols: Array<{
+          colSpan: number;
+          colComponent?: React.ReactNode;
+      }>;
+      height?: number;
+      width?: number;
+  }
+  export const SkeletonTableLoader: ({ rows, cols, height, width, }: SkeletonTableLoaderProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/SkeletonTableLoader/index' {
+  export { SkeletonTableLoader } from '@layerfi/components/components/SkeletonTableLoader/SkeletonTableLoader';
+
 }
 declare module '@layerfi/components/components/StatementOfCashFlow/StatementOfCashFlow' {
   import React from 'react';
@@ -2439,6 +2502,43 @@ declare module '@layerfi/components/components/StatementOfCashFlowTable/Statemen
 declare module '@layerfi/components/components/StatementOfCashFlowTable/index' {
   export { StatementOfCashFlowTable } from '@layerfi/components/components/StatementOfCashFlowTable/StatementOfCashFlowTable';
 
+}
+declare module '@layerfi/components/components/SyncingComponent/SyncingComponent' {
+  import React from 'react';
+  interface SyncingComponentProps {
+      title?: string;
+      message?: string;
+      onRefresh?: () => void;
+      timeSync?: number;
+      inProgress?: boolean;
+      hideContent?: boolean;
+  }
+  /**
+   * SyncingComponent
+   * @param title - Title of the component
+   * @param message - Message of the component
+   * @param onRefresh - Function to refresh the component
+   * @param timeSync - Time to sync in minutes
+   * @param inProgress - Show progress icon besides button
+   * @param hideContent - Hide content of the component
+   *
+   * @example
+   * <SyncingComponent
+   *  title='Syncing account data'
+   *  message='This may take up to'
+   *  onRefresh={() => console.log('refresh')}
+   *  timeSync={1440}
+   *  inProgress={false}
+   *  hideContent={false}
+   * />
+   */
+  export const SyncingComponent: ({ title, message, onRefresh, inProgress, timeSync, hideContent, }: SyncingComponentProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/SyncingComponent/index' {
+  export { SyncingComponent } from '@layerfi/components/components/SyncingComponent/SyncingComponent';
+
 }
 declare module '@layerfi/components/components/Table/Table' {
   import React from 'react';
@@ -2606,9 +2706,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';
-  export const TasksListItem: ({ task, index, }: {
+  export const TasksListItem: ({ task, goToNextPageIfAllComplete, defaultOpen, }: {
       task: TaskTypes;
-      index: number;
+      goToNextPageIfAllComplete: (task: TaskTypes) => void;
+      defaultOpen: boolean;
   }) => React.JSX.Element;
 
 }
@@ -3647,6 +3748,7 @@ declare module '@layerfi/components/hooks/useProfitAndLoss/useProfitAndLossLTM'
       loaded?: LoadedStatus;
       error?: any;
       pullData: (date: Date) => void;
+      refetch: () => void;
   };
   /**
    * Hooks fetch Last Twelve Months sending 12 requests (one for each month).
@@ -4113,6 +4215,9 @@ declare module '@layerfi/components/providers/LayerProvider/LayerProvider' {
       apiUrl: string;
   };
   export const LayerEnvironment: Record<string, LayerEnvironmentConfig>;
+  export type EventCallbacks = {
+      onTransactionCategorized?: (bankTransactionId: string) => void;
+  };
   export type Props = {
       businessId: string;
       appId?: string;
@@ -4122,8 +4227,9 @@ declare module '@layerfi/components/providers/LayerProvider/LayerProvider' {
       theme?: LayerThemeConfig;
       usePlaidSandbox?: boolean;
       onError?: (error: LayerError) => void;
+      eventCallbacks?: EventCallbacks;
   };
-  export const LayerProvider: ({ appId, appSecret, businessId, children, businessAccessToken, environment, theme, usePlaidSandbox, onError, }: PropsWithChildren<Props>) => React.JSX.Element;
+  export const LayerProvider: ({ appId, appSecret, businessId, children, businessAccessToken, environment, theme, usePlaidSandbox, onError, eventCallbacks, }: PropsWithChildren<Props>) => React.JSX.Element;
   export {};
 
 }
@@ -4505,6 +4611,7 @@ declare module '@layerfi/components/types/journal' {
 declare module '@layerfi/components/types/layer_context' {
   import { ToastProps } from '@layerfi/components/components/Toast/Toast';
   import { LayerError } from '@layerfi/components/models/ErrorHandler';
+  import { EventCallbacks } from '@layerfi/components/providers/LayerProvider/LayerProvider';
   import { Business, Category } from '@layerfi/components/types';
   import { ExpiringOAuthResponse } from '@layerfi/components/types/authentication';
   import { DataModel } from '@layerfi/components/types/general';
@@ -4522,6 +4629,7 @@ declare module '@layerfi/components/types/layer_context' {
       toasts: (ToastProps & {
           isExiting: boolean;
       })[];
+      eventCallbacks?: EventCallbacks;
   };
   export type LayerContextHelpers = {
       getColor: (shade: number) => ColorsPaletteOption | undefined;
@@ -4815,6 +4923,7 @@ declare module '@layerfi/components/types/profit_and_loss' {
       uncategorizedOutflows: number;
       operatingExpensesInverse?: number;
       uncategorizedOutflowsInverse?: number;
+      uncategorized_transactions: number;
   }
   export interface ProfitAndLossSummaries {
       type: 'Profit_And_Loss_Summaries';
@@ -5059,9 +5168,11 @@ declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/Ban
       showBreakConnection?: boolean;
       showDescriptions?: boolean;
       showReceiptUploads?: boolean;
+      categorizedOnly?: boolean;
+      hardRefreshPnlOnCategorize?: boolean;
       mobileComponent?: MobileComponentType;
   }
-  export const BankTransactionsWithLinkedAccounts: ({ title, elevatedLinkedAccounts, showLedgerBalance, showUnlinkItem, showBreakConnection, showDescriptions, showReceiptUploads, mobileComponent, }: BankTransactionsWithLinkedAccountsProps) => React.JSX.Element;
+  export const BankTransactionsWithLinkedAccounts: ({ title, elevatedLinkedAccounts, showLedgerBalance, showUnlinkItem, showBreakConnection, categorizedOnly, hardRefreshPnlOnCategorize, showDescriptions, showReceiptUploads, mobileComponent, }: BankTransactionsWithLinkedAccountsProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/views/BankTransactionsWithLinkedAccounts/index' {