@layerfi/components 0.1.72 → 0.1.74

package/dist/index.d.ts

@@ -1004,8 +1004,11 @@ declare module '@layerfi/components/components/BankTransactionMobileList/BankTra
       purpose: Purpose;
       bankTransaction: BankTransaction;
       showTooltips: boolean;
+      showReceiptUploads?: boolean;
+      showDescriptions?: boolean;
+      isOpen?: boolean;
   }
-  export const BankTransactionMobileForms: ({ purpose, bankTransaction, showTooltips, }: BankTransactionMobileFormsProps) => React.JSX.Element;
+  export const BankTransactionMobileForms: ({ purpose, bankTransaction, showTooltips, showReceiptUploads, showDescriptions, isOpen, }: BankTransactionMobileFormsProps) => React.JSX.Element;
   export {};
 
 }
@@ -1020,8 +1023,10 @@ declare module '@layerfi/components/components/BankTransactionMobileList/BankTra
       initialLoad?: boolean;
       showTooltips: boolean;
       mode: BankTransactionsMode;
+      showReceiptUploads?: boolean;
+      showDescriptions?: boolean;
   }
-  export const BankTransactionMobileList: ({ bankTransactions, removeTransaction, editable, initialLoad, showTooltips, mode, }: BankTransactionMobileListProps) => React.JSX.Element;
+  export const BankTransactionMobileList: ({ bankTransactions, removeTransaction, editable, initialLoad, showTooltips, mode, showReceiptUploads, showDescriptions, }: BankTransactionMobileListProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/BankTransactionMobileListItem' {
@@ -1036,6 +1041,8 @@ declare module '@layerfi/components/components/BankTransactionMobileList/BankTra
       initialLoad?: boolean;
       showTooltips: boolean;
       mode: BankTransactionsMode;
+      showDescriptions?: boolean;
+      showReceiptUploads?: boolean;
       isFirstItem?: boolean;
   }
   export enum Purpose {
@@ -1043,7 +1050,7 @@ declare module '@layerfi/components/components/BankTransactionMobileList/BankTra
       personal = "personal",
       more = "more"
   }
-  export const BankTransactionMobileListItem: ({ index, bankTransaction, removeTransaction, editable, mode, initialLoad, showTooltips, isFirstItem, }: BankTransactionMobileListItemProps) => React.JSX.Element;
+  export const BankTransactionMobileListItem: ({ index, bankTransaction, removeTransaction, editable, mode, initialLoad, showTooltips, isFirstItem, showDescriptions, showReceiptUploads, }: BankTransactionMobileListItemProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/BusinessCategories' {
@@ -1063,16 +1070,20 @@ declare module '@layerfi/components/components/BankTransactionMobileList/Busines
   interface BusinessFormProps {
       bankTransaction: BankTransaction;
       showTooltips: boolean;
+      showReceiptUploads?: boolean;
+      showDescriptions?: boolean;
   }
-  export const BusinessForm: ({ bankTransaction, showTooltips, }: BusinessFormProps) => React.JSX.Element;
+  export const BusinessForm: ({ bankTransaction, showTooltips, showReceiptUploads, showDescriptions, }: 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, showReceiptUploads, showDescriptions, }: {
       bankTransaction: BankTransaction;
+      showReceiptUploads?: boolean | undefined;
+      showDescriptions?: boolean | undefined;
   }) => React.JSX.Element;
 
 }
@@ -1081,8 +1092,11 @@ declare module '@layerfi/components/components/BankTransactionMobileList/Persona
   import { BankTransaction } from '@layerfi/components/types';
   interface PersonalFormProps {
       bankTransaction: BankTransaction;
+      showReceiptUploads?: boolean;
+      showDescriptions?: boolean;
+      isOpen?: boolean;
   }
-  export const PersonalForm: ({ bankTransaction }: PersonalFormProps) => React.JSX.Element;
+  export const PersonalForm: ({ bankTransaction, showReceiptUploads, isOpen, showDescriptions, }: PersonalFormProps) => React.JSX.Element;
   export {};
 
 }
@@ -1092,17 +1106,22 @@ declare module '@layerfi/components/components/BankTransactionMobileList/SplitAn
   interface SplitAndMatchFormProps {
       bankTransaction: BankTransaction;
       showTooltips: boolean;
+      showReceiptUploads?: boolean;
+      showDescriptions?: boolean;
+      isOpen?: boolean;
   }
-  export const SplitAndMatchForm: ({ bankTransaction, showTooltips, }: SplitAndMatchFormProps) => React.JSX.Element;
+  export const SplitAndMatchForm: ({ bankTransaction, showTooltips, showReceiptUploads, isOpen, showDescriptions, }: 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, showTooltips, }: {
+  export const SplitForm: ({ bankTransaction, showTooltips, showReceiptUploads, showDescriptions, }: {
       bankTransaction: BankTransaction;
       showTooltips: boolean;
+      showReceiptUploads?: boolean | undefined;
+      showDescriptions?: boolean | undefined;
   }) => React.JSX.Element;
 
 }
@@ -1133,6 +1152,36 @@ declare module '@layerfi/components/components/BankTransactionMobileList/constan
 declare module '@layerfi/components/components/BankTransactionMobileList/index' {
   export { BankTransactionMobileList } from '@layerfi/components/components/BankTransactionMobileList/BankTransactionMobileList';
 
+}
+declare module '@layerfi/components/components/BankTransactionMobileList/useMemoText' {
+  import React, { ReactNode } from 'react';
+  import { BankTransaction } from '@layerfi/components/types';
+  interface MemoTextProps {
+      bankTransaction: BankTransaction;
+      isActive?: boolean;
+  }
+  interface MemoTextProviderProps extends MemoTextProps {
+      children: ReactNode;
+  }
+  export type MemoTextContextType = ReturnType<typeof useMemoText>;
+  export const MemoTextContext: React.Context<{
+      memoText: string | undefined;
+      setMemoText: React.Dispatch<React.SetStateAction<string | undefined>>;
+      saveMemoText: () => Promise<void>;
+  }>;
+  export const useMemoTextContext: () => {
+      memoText: string | undefined;
+      setMemoText: React.Dispatch<React.SetStateAction<string | undefined>>;
+      saveMemoText: () => Promise<void>;
+  };
+  const useMemoText: ({ bankTransaction, isActive }: MemoTextProps) => {
+      memoText: string | undefined;
+      setMemoText: React.Dispatch<React.SetStateAction<string | undefined>>;
+      saveMemoText: () => Promise<void>;
+  };
+  export const MemoTextProvider: ({ children, bankTransaction, isActive, }: MemoTextProviderProps) => React.JSX.Element;
+  export {};
+
 }
 declare module '@layerfi/components/components/BankTransactionMobileList/utils' {
   import { BankTransaction, Category } from '@layerfi/components/types';
@@ -1153,6 +1202,39 @@ declare module '@layerfi/components/components/BankTransactionMobileList/utils'
   export const flattenCategories: (categories: Category[]) => Option[];
   export const getAssignedValue: (bankTransaction: BankTransaction) => Option | undefined;
 
+}
+declare module '@layerfi/components/components/BankTransactionReceipts/BankTransactionReceipts' {
+  import React from 'react';
+  import { BankTransaction } from '@layerfi/components/types';
+  export interface DocumentWithStatus {
+      id?: string;
+      url?: string;
+      status: 'pending' | 'uploaded' | 'failed' | 'deleting';
+      type?: string;
+      name?: string;
+      date?: string;
+      error?: string;
+  }
+  export interface BankTransactionReceiptsProps {
+      classNamePrefix?: string;
+      floatingActions?: boolean;
+      hideUploadButtons?: boolean;
+      label?: string;
+  }
+  export interface BankTransactionReceiptsWithProviderProps extends BankTransactionReceiptsProps {
+      bankTransaction: BankTransaction;
+      isActive?: boolean;
+  }
+  export interface BankTransactionReceiptsHandle {
+      uploadReceipt: (file: File) => void;
+  }
+  export const BankTransactionReceiptsWithProvider: React.ForwardRefExoticComponent<BankTransactionReceiptsWithProviderProps & React.RefAttributes<BankTransactionReceiptsHandle>>;
+  export const BankTransactionReceipts: React.ForwardRefExoticComponent<BankTransactionReceiptsProps & React.RefAttributes<BankTransactionReceiptsHandle>>;
+
+}
+declare module '@layerfi/components/components/BankTransactionReceipts/index' {
+  export { BankTransactionReceipts, BankTransactionReceiptsWithProvider, } from '@layerfi/components/components/BankTransactionReceipts/BankTransactionReceipts';
+
 }
 declare module '@layerfi/components/components/BankTransactionRow/BankTransactionRow' {
   import React from 'react';
@@ -2006,6 +2088,7 @@ declare module '@layerfi/components/components/FileThumb/FileThumb' {
   export interface FileThumbProps {
       url?: string;
       type?: string;
+      floatingActions?: boolean;
       uploadPending?: boolean;
       deletePending?: boolean;
       name?: string;
@@ -2016,7 +2099,7 @@ declare module '@layerfi/components/components/FileThumb/FileThumb' {
       enableDownload?: boolean;
       error?: string;
   }
-  export const FileThumb: ({ url, type, uploadPending, deletePending, name, date, onDelete, enableOpen, onOpen, enableDownload, error, }: FileThumbProps) => React.JSX.Element;
+  export const FileThumb: ({ url, type, floatingActions, uploadPending, deletePending, name, date, onDelete, enableOpen, onOpen, enableDownload, error, }: FileThumbProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/FileThumb/index' {
@@ -2109,8 +2192,10 @@ declare module '@layerfi/components/components/Input/FileInput' {
       onUpload?: (file: File) => void;
       disabled?: boolean;
       secondary?: boolean;
+      iconOnly?: boolean;
+      icon?: React.ReactNode;
   }
-  export const FileInput: ({ text, onUpload, disabled, secondary, }: FileInputProps) => React.JSX.Element;
+  export const FileInput: ({ text, onUpload, disabled, secondary, iconOnly, icon, }: FileInputProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/Input/Input' {
@@ -2728,11 +2813,12 @@ declare module '@layerfi/components/components/ProfitAndLoss/ProfitAndLoss' {
       }>;
       DatePicker: ({ allowedDatePickerModes, datePickerMode: deprecated_datePickerMode, defaultDatePickerMode, customDateRanges, }: import("@layerfi/components/views/Reports/reportTypes").TimeRangePickerConfig) => React.JSX.Element;
       CompareOptions: ({ tagComparisonOptions, defaultTagFilter: defaultOption, }: import("@layerfi/components/components/ProfitAndLossCompareOptions/index").ProfitAndLossCompareOptionsProps) => React.JSX.Element;
-      Summaries: ({ vertical, actionable, revenueLabel, stringOverrides, }: {
+      Summaries: ({ vertical, actionable, revenueLabel, stringOverrides, chartColorsList, }: {
           vertical?: boolean | undefined;
           actionable?: boolean | undefined;
           revenueLabel?: string | undefined;
           stringOverrides?: import("@layerfi/components/components/ProfitAndLossSummaries/ProfitAndLossSummaries").ProfitAndLossSummariesStringOverrides | undefined;
+          chartColorsList?: string[] | undefined;
       }) => React.JSX.Element;
       Table: (props: import("@layerfi/components/components/ProfitAndLossTable/ProfitAndLossTableComponent").ProfitAndLossTableProps) => React.JSX.Element;
       DetailedCharts: ({ scope, hideClose, showDatePicker, chartColorsList, stringOverrides, }: {
@@ -2866,10 +2952,11 @@ declare module '@layerfi/components/components/ProfitAndLossDetailedCharts/Detai
       chartColorsList?: string[];
       stringOverrides?: DetailedTableStringOverrides;
   }
-  export const mapTypesToColors: (data: any[], colorList?: string[]) => {
-      color: any;
-      opacity: any;
-  }[];
+  export interface TypeColorMapping {
+      color: string;
+      opacity: number;
+  }
+  export const mapTypesToColors: (data: LineBaseItem[], colorList?: string[]) => TypeColorMapping[];
   export const DetailedTable: ({ filteredData, sidebarScope, filters, sortBy, hoveredItem, setHoveredItem, chartColorsList, stringOverrides, }: DetailedTableProps) => React.JSX.Element;
 
 }
@@ -2970,8 +3057,9 @@ declare module '@layerfi/components/components/ProfitAndLossSummaries/MiniChart'
   import { LineBaseItem } from '@layerfi/components/types/line_item';
   export interface MiniChartProps {
       data: LineBaseItem[];
+      chartColorsList?: string[];
   }
-  export const MiniChart: ({ data }: MiniChartProps) => React.JSX.Element;
+  export const MiniChart: ({ data, chartColorsList }: MiniChartProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/ProfitAndLossSummaries/ProfitAndLossSummaries' {
@@ -2981,13 +3069,17 @@ declare module '@layerfi/components/components/ProfitAndLossSummaries/ProfitAndL
       expensesLabel?: string;
       netProfitLabel?: string;
   }
-  type Props = {
+  type ProfitAndLossSummariesProps = {
       vertical?: boolean;
       actionable?: boolean;
+      /**
+       * @deprecated Use `stringOverrides.revenueLabel` instead
+       */
       revenueLabel?: string;
       stringOverrides?: ProfitAndLossSummariesStringOverrides;
+      chartColorsList?: string[];
   };
-  export const ProfitAndLossSummaries: ({ vertical, actionable, revenueLabel, stringOverrides, }: Props) => React.JSX.Element;
+  export const ProfitAndLossSummaries: ({ vertical, actionable, revenueLabel, stringOverrides, chartColorsList, }: ProfitAndLossSummariesProps) => React.JSX.Element;
   export {};
 
 }
@@ -4003,6 +4095,26 @@ declare module '@layerfi/components/contexts/ProfitAndLossComparisonContext/Prof
 declare module '@layerfi/components/contexts/ProfitAndLossComparisonContext/index' {
   export { PNLComparisonContext } from '@layerfi/components/contexts/ProfitAndLossComparisonContext/ProfitAndLossComparisonContext';
 
+}
+declare module '@layerfi/components/contexts/ReceiptsContext/ReceiptsContext' {
+  /// <reference types="react" />
+  import { useReceipts } from '@layerfi/components/hooks/useReceipts/index';
+  export type ReceiptsContextType = ReturnType<typeof useReceipts>;
+  export const ReceiptsContext: import("react").Context<{
+      receiptUrls: import("@layerfi/components/components/BankTransactionReceipts/BankTransactionReceipts").DocumentWithStatus[];
+      uploadReceipt: (file: File) => void;
+      archiveDocument: (document: import("@layerfi/components/components/BankTransactionReceipts/BankTransactionReceipts").DocumentWithStatus) => void;
+  }>;
+  export const useReceiptsContext: () => {
+      receiptUrls: import("@layerfi/components/components/BankTransactionReceipts/BankTransactionReceipts").DocumentWithStatus[];
+      uploadReceipt: (file: File) => void;
+      archiveDocument: (document: import("@layerfi/components/components/BankTransactionReceipts/BankTransactionReceipts").DocumentWithStatus) => void;
+  };
+
+}
+declare module '@layerfi/components/contexts/ReceiptsContext/index' {
+  export { ReceiptsContext } from '@layerfi/components/contexts/ReceiptsContext/ReceiptsContext';
+
 }
 declare module '@layerfi/components/contexts/StatementOfCashContext/StatementOfCashFlowContext' {
   /// <reference types="react" />
@@ -4525,6 +4637,26 @@ declare module '@layerfi/components/hooks/useQuickbooks/useQuickbooks' {
   export const useQuickbooks: UseQuickbooks;
   export {};
 
+}
+declare module '@layerfi/components/hooks/useReceipts/index' {
+  export { useReceipts } from '@layerfi/components/hooks/useReceipts/useReceipts';
+
+}
+declare module '@layerfi/components/hooks/useReceipts/useReceipts' {
+  import { DocumentWithStatus } from '@layerfi/components/components/BankTransactionReceipts/BankTransactionReceipts';
+  import { BankTransaction } from '@layerfi/components/types';
+  export interface UseReceiptsProps {
+      bankTransaction: BankTransaction;
+      isActive?: boolean;
+  }
+  type UseReceipts = (props: UseReceiptsProps) => {
+      receiptUrls: DocumentWithStatus[];
+      uploadReceipt: (file: File) => void;
+      archiveDocument: (document: DocumentWithStatus) => void;
+  };
+  export const useReceipts: UseReceipts;
+  export {};
+
 }
 declare module '@layerfi/components/hooks/useStatementOfCashFlow/index' {
   export { useStatementOfCashFlow } from '@layerfi/components/hooks/useStatementOfCashFlow/useStatementOfCashFlow';
@@ -4793,6 +4925,13 @@ declare module '@layerfi/components/icons/MoreVertical' {
   const MoreVertical: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default MoreVertical;
 
+}
+declare module '@layerfi/components/icons/Paperclip' {
+  import React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const Paperclip: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default Paperclip;
+
 }
 declare module '@layerfi/components/icons/PieChart' {
   import * as React from 'react';
@@ -5042,6 +5181,22 @@ declare module '@layerfi/components/providers/LinkedAccountsProvider/LinkedAccou
 declare module '@layerfi/components/providers/LinkedAccountsProvider/index' {
   export { LinkedAccountsProvider } from '@layerfi/components/providers/LinkedAccountsProvider/LinkedAccountsProvider';
 
+}
+declare module '@layerfi/components/providers/ReceiptsProvider/ReceiptsProvider' {
+  import React, { ReactNode } from 'react';
+  import { BankTransaction } from '@layerfi/components/types';
+  interface ReceiptsProviderProps {
+      children: ReactNode;
+      bankTransaction: BankTransaction;
+      isActive?: boolean;
+  }
+  export const ReceiptsProvider: ({ children, bankTransaction, isActive, }: ReceiptsProviderProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/providers/ReceiptsProvider/index' {
+  export { ReceiptsProvider } from '@layerfi/components/providers/ReceiptsProvider/ReceiptsProvider';
+
 }
 declare module '@layerfi/components/types/api' {
   export interface PaginationMetadata {
@@ -5942,6 +6097,7 @@ declare module '@layerfi/components/utils/bankTransactions' {
       exclusion_type?: undefined;
       id?: undefined;
   };
+  export const hasReceipts: (bankTransaction?: BankTransaction) => boolean | undefined;
 
 }
 declare module '@layerfi/components/utils/business' {