@layerfi/components 0.1.73 → 0.1.75

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' {
@@ -2809,7 +2894,6 @@ declare module '@layerfi/components/components/ProfitAndLossCompareOptions/Profi
       tagKey: string;
       tagValues: string[];
   } | 'None';
-  export const tagFilterToQueryString: (tagFilter: TagFilterInput) => string;
   export const ProfitAndLossCompareOptions: ({ tagComparisonOptions, defaultTagFilter: defaultOption, }: ProfitAndLossCompareOptionsProps) => React.JSX.Element;
 
 }
@@ -4010,6 +4094,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" />
@@ -4532,6 +4636,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';
@@ -4800,6 +4924,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';
@@ -5049,6 +5180,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 {
@@ -5949,6 +6096,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' {