@layerfi/components 0.1.9 → 0.1.10

package/dist/index.d.ts

@@ -88,7 +88,7 @@ declare module '@layerfi/components/api/layer/categories' {
 
 }
 declare module '@layerfi/components/api/layer/ledger_accounts' {
-  import { AccountAlternate, LedgerAccounts, NewAccount } from '@layerfi/components/types';
+  import { Account, LedgerAccounts, NewAccount, EditAccount } from '@layerfi/components/types';
   export const getLedgerAccounts: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: Record<string, string | undefined> | undefined;
   } | undefined) => () => Promise<{
@@ -98,7 +98,22 @@ declare module '@layerfi/components/api/layer/ledger_accounts' {
       params?: Record<string, string | undefined> | undefined;
       body?: NewAccount | undefined;
   } | undefined) => Promise<{
-      data: AccountAlternate;
+      data: Account;
+  }>;
+  export const updateAccount: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: Record<string, string | undefined> | undefined;
+      body?: EditAccount | undefined;
+  } | undefined) => Promise<{
+      data: Account;
+  }>;
+
+}
+declare module '@layerfi/components/api/layer/linked_accounts' {
+  import { LinkedAccounts } from '@layerfi/components/types/linked_accounts';
+  export const getLinkedAccounts: (baseUrl: string, accessToken: string | undefined, options?: {
+      params?: Record<string, string | undefined> | undefined;
+  } | undefined) => () => Promise<{
+      data: LinkedAccounts;
   }>;
 
 }
@@ -141,7 +156,13 @@ declare module '@layerfi/components/api/layer' {
           params?: Record<string, string | undefined> | undefined;
           body?: import("@layerfi/components/types").NewAccount | undefined;
       } | undefined) => Promise<{
-          data: import("@layerfi/components/types").AccountAlternate;
+          data: import("@layerfi/components/types").Account;
+      }>;
+      updateAccount: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: Record<string, string | undefined> | undefined;
+          body?: import("@layerfi/components/types").EditAccount | undefined;
+      } | undefined) => Promise<{
+          data: import("@layerfi/components/types").Account;
       }>;
       getBalanceSheet: (_token: string, _params: {
           params: import("@layerfi/components/api/layer/balance_sheet").GetBalanceSheetParams;
@@ -168,6 +189,11 @@ declare module '@layerfi/components/api/layer' {
           data?: import("@layerfi/components/types").ProfitAndLoss | undefined;
           error?: unknown;
       }>;
+      getLinkedAccounts: (baseUrl: string, accessToken: string | undefined, options?: {
+          params?: Record<string, string | undefined> | undefined;
+      } | undefined) => () => Promise<{
+          data: import("@layerfi/components/types/linked_accounts").LinkedAccounts;
+      }>;
   };
 
 }
@@ -284,11 +310,12 @@ declare module '@layerfi/components/components/BankTransactionRow/BankTransactio
       editable: boolean;
       removeTransaction: (id: string) => void;
       containerWidth?: number;
+      initialLoad?: 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, dateFormat, bankTransaction, editable, removeTransaction, containerWidth, }: Props) => React.JSX.Element | null;
+  export const BankTransactionRow: ({ index, dateFormat, bankTransaction, editable, removeTransaction, containerWidth, initialLoad, }: Props) => React.JSX.Element | null;
   export {};
 
 }
@@ -322,13 +349,22 @@ declare module '@layerfi/components/components/BankTransactions/BankTransactions
   export interface BankTransactionsProps {
       asWidget?: boolean;
       pageSize?: number;
+      categorizedOnly?: boolean;
   }
-  export const BankTransactions: ({ asWidget, pageSize, }: BankTransactionsProps) => React.JSX.Element;
+  export const BankTransactions: ({ asWidget, pageSize, categorizedOnly, }: BankTransactionsProps) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/BankTransactions/index' {
   export { BankTransactions } from '@layerfi/components/components/BankTransactions/BankTransactions';
 
+}
+declare module '@layerfi/components/components/Button/BackButton' {
+  import React, { ButtonHTMLAttributes } from 'react';
+  export interface BackButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+      textOnly?: boolean;
+  }
+  export const BackButton: ({ className, children, textOnly, ...props }: BackButtonProps) => React.JSX.Element;
+
 }
 declare module '@layerfi/components/components/Button/Button' {
   import React, { ButtonHTMLAttributes, ReactNode } from 'react';
@@ -397,25 +433,7 @@ declare module '@layerfi/components/components/Button/index' {
   export { RetryButton } from '@layerfi/components/components/Button/RetryButton';
   export { SubmitButton } from '@layerfi/components/components/Button/SubmitButton';
   export { TextButton } from '@layerfi/components/components/Button/TextButton';
-
-}
-declare module '@layerfi/components/components/CategoryMenu/CategoryMenu' {
-  import React from 'react';
-  import { BankTransaction, Category } from '@layerfi/components/types';
-  type Props = {
-      name?: string;
-      bankTransaction: BankTransaction;
-      value: Category | undefined;
-      onChange: (newValue: Category) => void;
-      disabled?: boolean;
-      className?: string;
-  };
-  export const CategoryMenu: ({ bankTransaction, name, value, onChange, disabled, className, }: Props) => React.JSX.Element;
-  export {};
-
-}
-declare module '@layerfi/components/components/CategoryMenu/index' {
-  export { CategoryMenu } from '@layerfi/components/components/CategoryMenu/CategoryMenu';
+  export { BackButton } from '@layerfi/components/components/Button/BackButton';
 
 }
 declare module '@layerfi/components/components/CategorySelect/CategorySelect' {
@@ -526,6 +544,7 @@ declare module '@layerfi/components/components/ExpandedBankTransactionRow/Expand
   type Props = {
       bankTransaction: BankTransaction;
       isOpen?: boolean;
+      close: () => void;
       asListItem?: boolean;
       submitBtnText?: string;
       containerWidth?: number;
@@ -554,6 +573,22 @@ declare module '@layerfi/components/components/Hello/Hello' {
 declare module '@layerfi/components/components/Hello/index' {
   export { Hello } from '@layerfi/components/components/Hello/Hello';
 
+}
+declare module '@layerfi/components/components/HoverMenu/HoverMenu' {
+  import React, { ReactNode } from 'react';
+  export interface HoverMenuProps {
+      children: ReactNode;
+      config: {
+          name: string;
+          action: () => void;
+      }[];
+  }
+  export const HoverMenu: ({ children, config }: HoverMenuProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/HoverMenu/index' {
+  export { HoverMenu, HoverMenuProps } from '@layerfi/components/components/HoverMenu/HoverMenu';
+
 }
 declare module '@layerfi/components/components/Input/FileInput' {
   import React from 'react';
@@ -620,6 +655,8 @@ declare module '@layerfi/components/components/LedgerAccounts/LedgerAccounts' {
       refetch: () => void;
       create: (newAccount: import("@layerfi/components/types").NewAccount) => void;
       form?: import("@layerfi/components/hooks/useLedgerAccounts/useLedgerAccounts").LedgerAccountsForm | undefined;
+      sendingForm?: boolean | undefined;
+      apiError?: string | undefined;
       addAccount: () => void;
       editAccount: (id: string) => void;
       cancelForm: () => void;
@@ -650,8 +687,13 @@ declare module '@layerfi/components/components/LedgerAccountsRow/LedgerAccountsR
   type LedgerAccountsRowProps = {
       account: Account;
       depth?: number;
+      index: number;
+      cumulativeIndex?: number;
+      expanded: boolean;
+      acountsLength: number;
+      defaultOpen?: boolean;
   };
-  export const LedgerAccountsRow: ({ account, depth, }: LedgerAccountsRowProps) => React.JSX.Element;
+  export const LedgerAccountsRow: ({ account, depth, index, cumulativeIndex, expanded, defaultOpen, acountsLength, }: LedgerAccountsRowProps) => React.JSX.Element;
   export {};
 
 }
@@ -668,18 +710,38 @@ declare module '@layerfi/components/components/LedgerAccountsSidebar/index' {
   export { LedgerAccountsSidebar } from '@layerfi/components/components/LedgerAccountsSidebar/LedgerAccountsSidebar';
 
 }
-declare module '@layerfi/components/components/LinkedAccounts/LinkedAccountThumb' {
+declare module '@layerfi/components/components/LinkedAccountOptions/LinkedAccountOptions' {
+  import React from 'react';
+  import { HoverMenuProps } from '@layerfi/components/components/HoverMenu/index';
+  interface LinkedAccountOptionsProps extends HoverMenuProps {
+  }
+  export const LinkedAccountOptions: ({ children, config, }: LinkedAccountOptionsProps) => React.JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/LinkedAccountOptions/index' {
+  export { LinkedAccountOptions } from '@layerfi/components/components/LinkedAccountOptions/LinkedAccountOptions';
+
+}
+declare module '@layerfi/components/components/LinkedAccountThumb/LinkedAccountThumb' {
   import React from 'react';
   import { LinkedAccount } from '@layerfi/components/types/linked_accounts';
   export interface LinkedAccountThumbProps {
       account: LinkedAccount;
+      asWidget?: boolean;
   }
-  export const LinkedAccountThumb: ({ account }: LinkedAccountThumbProps) => React.JSX.Element;
+  export const LinkedAccountThumb: ({ account, asWidget, }: LinkedAccountThumbProps) => React.JSX.Element;
+
+}
+declare module '@layerfi/components/components/LinkedAccountThumb/index' {
+  export { LinkedAccountThumb } from '@layerfi/components/components/LinkedAccountThumb/LinkedAccountThumb';
 
 }
 declare module '@layerfi/components/components/LinkedAccounts/LinkedAccounts' {
   import React from 'react';
-  export const LinkedAccounts: () => React.JSX.Element;
+  export const LinkedAccounts: ({ asWidget }: {
+      asWidget?: boolean | undefined;
+  }) => React.JSX.Element;
 
 }
 declare module '@layerfi/components/components/LinkedAccounts/index' {
@@ -1337,6 +1399,10 @@ declare module '@layerfi/components/hooks/useLedgerAccounts/index' {
 declare module '@layerfi/components/hooks/useLedgerAccounts/useLedgerAccounts' {
   import { Account, LedgerAccounts, NewAccount } from '@layerfi/components/types';
   import { BaseSelectOption } from '@layerfi/components/types/general';
+  interface FormError {
+      field: string;
+      message: string;
+  }
   export interface LedgerAccountsForm {
       action: 'new' | 'edit';
       accountId?: string;
@@ -1347,6 +1413,7 @@ declare module '@layerfi/components/hooks/useLedgerAccounts/useLedgerAccounts' {
           subType?: BaseSelectOption;
           category?: BaseSelectOption;
       };
+      errors?: FormError[];
   }
   type UseLedgerAccounts = () => {
       data: LedgerAccounts | undefined;
@@ -1356,6 +1423,8 @@ declare module '@layerfi/components/hooks/useLedgerAccounts/useLedgerAccounts' {
       refetch: () => void;
       create: (newAccount: NewAccount) => void;
       form?: LedgerAccountsForm;
+      sendingForm?: boolean;
+      apiError?: string;
       addAccount: () => void;
       editAccount: (id: string) => void;
       cancelForm: () => void;
@@ -1374,15 +1443,16 @@ declare module '@layerfi/components/hooks/useLinkedAccounts/index' {
 
 }
 declare module '@layerfi/components/hooks/useLinkedAccounts/useLinkedAccounts' {
-  import { Metadata } from '@layerfi/components/types';
   import { LinkedAccount } from '@layerfi/components/types/linked_accounts';
   type UseLinkedAccounts = () => {
       data?: LinkedAccount[];
-      metadata: Metadata;
       isLoading: boolean;
       isValidating: boolean;
       error: unknown;
       refetch: () => void;
+      addAccount: () => void;
+      unlinkAccount: () => void;
+      renewLinkAccount: () => void;
   };
   export const useLinkedAccounts: UseLinkedAccounts;
   export {};
@@ -1468,6 +1538,13 @@ declare module '@layerfi/components/icons/ArrowRightCircle' {
   const ArrowRightCircle: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default ArrowRightCircle;
 
+}
+declare module '@layerfi/components/icons/BackArrow' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const BackArrow: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default BackArrow;
+
 }
 declare module '@layerfi/components/icons/Calendar' {
   import * as React from 'react';
@@ -1531,6 +1608,13 @@ declare module '@layerfi/components/icons/Edit2' {
   const Edit2: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default Edit2;
 
+}
+declare module '@layerfi/components/icons/InstitutionIcon' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const InstitutionIcon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default InstitutionIcon;
+
 }
 declare module '@layerfi/components/icons/Loader' {
   import * as React from 'react';
@@ -1545,6 +1629,13 @@ declare module '@layerfi/components/icons/MinimizeTwo' {
   const MinimizeTwo: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default MinimizeTwo;
 
+}
+declare module '@layerfi/components/icons/MoreVertical' {
+  import React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const MoreVertical: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default MoreVertical;
+
 }
 declare module '@layerfi/components/icons/PieChart' {
   import * as React from 'react';
@@ -1552,6 +1643,13 @@ declare module '@layerfi/components/icons/PieChart' {
   const PieChart: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
   export default PieChart;
 
+}
+declare module '@layerfi/components/icons/PlusIcon' {
+  import * as React from 'react';
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const PlusIcon: ({ size, ...props }: IconSvgProps) => React.JSX.Element;
+  export default PlusIcon;
+
 }
 declare module '@layerfi/components/icons/RefreshCcw' {
   import * as React from 'react';
@@ -1912,8 +2010,9 @@ declare module '@layerfi/components/types/ledger_accounts' {
   import { Direction } from '@layerfi/components/types/bank_transactions';
   import { Category } from '@layerfi/components/types/categories';
   export interface LedgerAccounts {
-      name: string;
+      type: string;
       accounts: Account[];
+      entries?: any[];
   }
   export interface AccountEntry {
       account: Account;
@@ -1942,16 +2041,18 @@ declare module '@layerfi/components/types/ledger_accounts' {
       selfOnlyBalance: number;
       entries?: AccountEntry[];
   }
-  export interface AccountAlternate {
-      type: 'Ledger_Account';
-      id: string;
+  export type NewAccount = {
       name: string;
-      stable_name: string | null;
       normality: Direction;
-      pnl_category: string | null;
-  }
-  export type NewAccount = {
+      parent_id?: {
+          type: 'AccountId';
+          id: string;
+      };
+      description: string;
+  };
+  export type EditAccount = {
       name: string;
+      stable_name: string;
       normality: Direction;
       parent_id?: {
           type: 'AccountId';
@@ -1980,10 +2081,24 @@ declare module '@layerfi/components/types/line_item' {
 
 }
 declare module '@layerfi/components/types/linked_accounts' {
+  export interface LinkedAccounts {
+      type: string;
+      external_accounts: LinkedAccount[];
+  }
   export interface LinkedAccount {
-      name: string;
-      account: string;
-      amount: number;
+      id: string;
+      external_account_name: string;
+      external_account_number: string;
+      latest_balance_timestamp: {
+          external_account_external_id: string;
+          external_account_source: string;
+          balance: number;
+          at: string;
+          created_at: string;
+      };
+      current_ledger_balance: number;
+      institution: string;
+      institutionLogo: string;
   }
 
 }
@@ -2016,7 +2131,7 @@ declare module '@layerfi/components/types' {
   export { BalanceSheet } from '@layerfi/components/types/balance_sheet';
   export { Direction, BankTransaction } from '@layerfi/components/types/bank_transactions';
   export { CategorizationStatus, Category, CategorizationType, AutoCategorization, SuggestedCategorization, SingleCategoryUpdate, SplitCategoryUpdate, CategoryUpdate, } from '@layerfi/components/types/categories';
-  export { AccountAlternate, LedgerAccounts, Account, NewAccount, } from '@layerfi/components/types/ledger_accounts';
+  export { LedgerAccounts, Account, NewAccount, EditAccount, } from '@layerfi/components/types/ledger_accounts';
   export { SortDirection } from '@layerfi/components/types/general';
   export type DateRange<T = Date> = {
       startDate: T;
@@ -2059,6 +2174,10 @@ declare module '@layerfi/components/utils/helpers' {
   export const range: (start: number, end: number) => number[];
   export const debounce: <F extends (...args: Parameters<F>) => ReturnType<F>>(fnc: F, timeout?: number) => (...args: Parameters<F>) => void;
   export const sleep: (time: number) => Promise<unknown>;
+  /**
+   * Convert the account name into stable_name
+   */
+  export const convertToStableName: (name: string) => string;
 
 }
 declare module '@layerfi/components/utils/profitAndLossUtils' {