@layerfi/components 0.1.98 → 0.1.99-alpha.3

package/dist/index.d.ts

@@ -77,21 +77,26 @@ declare module '@layerfi/components/api/layer/bankTransactions' {
       params?: GetBankTransactionsPaginatedParams | undefined;
   } | undefined) => () => Promise<GetBankTransactionsReturn>;
   export const categorizeBankTransaction: (baseUrl: string, accessToken: string | undefined, options?: {
-      params?: Record<string, string | undefined> | undefined;
+      params?: {
+          businessId: string;
+          bankTransactionId: string;
+      } | undefined;
       body?: CategoryUpdate | undefined;
   } | undefined) => Promise<{
       data: BankTransaction;
-      errors: unknown;
   }>;
+  export type MatchBankTransactionBody = {
+      match_id: string;
+      type: BankTransactionMatchType;
+  };
   export const matchBankTransaction: (baseUrl: string, accessToken: string | undefined, options?: {
-      params?: Record<string, string | undefined> | undefined;
-      body?: {
-          match_id: string;
-          type: BankTransactionMatchType;
+      params?: {
+          businessId: string;
+          bankTransactionId: string;
       } | undefined;
+      body?: MatchBankTransactionBody | undefined;
   } | undefined) => Promise<{
       data: BankTransactionMatch;
-      errors: unknown;
   }>;
   export const getBankTransactionsExcel: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: GetBankTransactionsBaseParams | undefined;
@@ -345,7 +350,7 @@ declare module '@layerfi/components/api/layer/linked_accounts' {
       } | undefined;
       body?: UpdateOpeningBalanceBody | undefined;
   } | undefined) => Promise<never>;
-  export const getLinkedAccounts: (baseUrl: string, accessToken: string | undefined, options?: {
+  export const listExternalAccounts: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: {
           businessId: string;
       } | undefined;
@@ -502,7 +507,7 @@ declare module '@layerfi/components/api/layer/profit_and_loss' {
 
 }
 declare module '@layerfi/components/api/layer/quickbooks' {
-  import { StatusOfSyncFromQuickbooks } from '@layerfi/components/types/quickbooks';
+  import type { StatusOfQuickbooksConnection, StatusOfSyncFromQuickbooks } from '@layerfi/components/types/quickbooks';
   export const syncFromQuickbooks: (baseUrl: string, accessToken: string | undefined, options?: {
       params?: {
           businessId: string;
@@ -541,9 +546,7 @@ declare module '@layerfi/components/api/layer/quickbooks' {
           businessId: string;
       } | undefined;
   } | undefined) => () => Promise<{
-      data: {
-          is_connected: boolean;
-      };
+      data: StatusOfQuickbooksConnection;
   }>;
 
 }
@@ -633,23 +636,6 @@ declare module '@layerfi/components/api/layer' {
       } | undefined) => () => Promise<{
           data: import("@layerfi/components/types").Business;
       }>;
-      categorizeBankTransaction: (baseUrl: string, accessToken: string | undefined, options?: {
-          params?: Record<string, string | undefined> | undefined;
-          body?: import("@layerfi/components/types").CategoryUpdate | undefined;
-      } | undefined) => Promise<{
-          data: import("@layerfi/components/types").BankTransaction;
-          errors: unknown;
-      }>;
-      matchBankTransaction: (baseUrl: string, accessToken: string | undefined, options?: {
-          params?: Record<string, string | undefined> | undefined;
-          body?: {
-              match_id: string;
-              type: import("@layerfi/components/types/bank_transactions").BankTransactionMatchType;
-          } | undefined;
-      } | undefined) => Promise<{
-          data: import("@layerfi/components/types/bank_transactions").BankTransactionMatch;
-          errors: unknown;
-      }>;
       createAccount: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: Record<string, string | undefined> | undefined;
           body?: import("@layerfi/components/types").NewAccount | undefined;
@@ -843,13 +829,6 @@ declare module '@layerfi/components/api/layer' {
           data?: import("@layerfi/components/types/general").S3PresignedUrl;
           error?: unknown;
       }>;
-      getLinkedAccounts: (baseUrl: string, accessToken: string | undefined, options?: {
-          params?: {
-              businessId: string;
-          } | undefined;
-      } | undefined) => () => Promise<{
-          data: import("@layerfi/components/types/linked_accounts").LinkedAccounts;
-      }>;
       getJournal: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: Record<string, string | undefined> | undefined;
       } | undefined) => () => Promise<{
@@ -1016,9 +995,7 @@ declare module '@layerfi/components/api/layer' {
               businessId: string;
           } | undefined;
       } | undefined) => () => Promise<{
-          data: {
-              is_connected: boolean;
-          };
+          data: import("@layerfi/components/types/quickbooks").StatusOfQuickbooksConnection;
       }>;
       initQuickbooksOAuth: (baseUrl: string, accessToken: string | undefined, options?: {
           params?: {
@@ -1122,8 +1099,9 @@ declare module '@layerfi/components/components/BadgeLoader/BadgeLoader' {
   export interface BadgeLoaderProps {
       children?: ReactNode;
       size?: number;
+      variant?: 'default' | 'info' | 'success' | 'error' | 'warning';
   }
-  export const BadgeLoader: ({ children }: BadgeLoaderProps) => import("react/jsx-runtime").JSX.Element;
+  export const BadgeLoader: ({ children, variant }: BadgeLoaderProps) => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/components/BadgeLoader/index' {
@@ -2738,6 +2716,33 @@ declare module '@layerfi/components/components/Input/index' {
   export { InputWithBadge } from '@layerfi/components/components/Input/InputWithBadge';
   export { MultiSelect } from '@layerfi/components/components/Input/MultiSelect';
 
+}
+declare module '@layerfi/components/components/Integrations/Integrations' {
+  export interface IntegrationsProps {
+      elevated?: boolean;
+      stringOverrides?: {
+          title?: string;
+      };
+  }
+  export const Integrations: (props: IntegrationsProps) => import("react/jsx-runtime").JSX.Element;
+  export const IntegrationsComponent: ({ elevated, stringOverrides, }: IntegrationsProps) => import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/Integrations/IntegrationsConnectMenu/IntegrationsConnectMenu' {
+  export const IntegrationsConnectMenu: () => import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/Integrations/IntegrationsContent' {
+  export const IntegrationsContent: () => import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/Integrations/IntegrationsQuickbooksItemThumb/IntegrationsQuickbooksItemThumb' {
+  export const IntegrationsQuickbooksItemThumb: () => import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/Integrations/IntegrationsQuickbooksItemThumb/IntegrationsQuickbooksItemThumbFooter' {
+  export const IntegrationsQuickbooksItemThumbFooter: () => import("react/jsx-runtime").JSX.Element;
+
 }
 declare module '@layerfi/components/components/Journal/Journal' {
   import { JournalTableStringOverrides } from '@layerfi/components/components/JournalTable/JournalTableWithPanel';
@@ -3473,17 +3478,15 @@ declare module '@layerfi/components/components/ProfitAndLossChart/ChartStateCard
 
 }
 declare module '@layerfi/components/components/ProfitAndLossChart/Indicator' {
-  import { Props as BaseProps } from 'recharts/types/component/Label';
-  type Props = BaseProps & {
-      animateFrom: number;
-      setAnimateFrom: (x: number) => void;
+  import type { Props as LabelBaseProps } from 'recharts/types/component/Label';
+  type IndicatorProps = Pick<LabelBaseProps, 'className' | 'viewBox'> & {
       customCursorSize: {
           width: number;
           height: number;
       };
       setCustomCursorSize: (width: number, height: number, x: number) => void;
   };
-  export const Indicator: ({ className, animateFrom, setAnimateFrom, customCursorSize, setCustomCursorSize, viewBox, }: Props) => import("react/jsx-runtime").JSX.Element | null;
+  export const Indicator: ({ className, customCursorSize, setCustomCursorSize, viewBox, }: IndicatorProps) => import("react/jsx-runtime").JSX.Element | null;
   export {};
 
 }
@@ -4619,6 +4622,34 @@ declare module '@layerfi/components/components/ui/Checkbox/Checkbox' {
   export function CheckboxWithTooltip({ tooltip, ...props }: CheckboxWithTooltipProps): import("react/jsx-runtime").JSX.Element;
   export {};
 
+}
+declare module '@layerfi/components/components/ui/DropdownMenu/DropdownMenu' {
+  import React, { PropsWithChildren } from 'react';
+  type DropdownMenuProps = PropsWithChildren<{
+      className?: string;
+      ariaLabel?: string;
+      slots: {
+          Trigger: React.FC;
+      };
+      slotProps?: {
+          Dialog?: {
+              width?: number;
+          };
+      };
+  }>;
+  type MenuItemProps = PropsWithChildren<{
+      isDisabled?: boolean;
+      onClick?: () => void;
+  }>;
+  export const Heading: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
+  export const Separator: () => import("react/jsx-runtime").JSX.Element;
+  export const MenuItem: ({ children, onClick, isDisabled }: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+  export const MenuList: ({ children }: {
+      children: React.ReactNode | React.ReactNode[];
+  }) => import("react/jsx-runtime").JSX.Element;
+  export const DropdownMenu: ({ children, ariaLabel, slots, slotProps }: DropdownMenuProps) => import("react/jsx-runtime").JSX.Element;
+  export {};
+
 }
 declare module '@layerfi/components/components/ui/Loading/LoadingSpinner' {
   import { type LucideProps } from 'lucide-react';
@@ -4717,6 +4748,7 @@ declare module '@layerfi/components/components/ui/Stack/Stack' {
   }>;
   export function VStack(props: StackProps): import("react/jsx-runtime").JSX.Element;
   export function HStack(props: StackProps): import("react/jsx-runtime").JSX.Element;
+  export const Spacer: () => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/components/ui/Typography/Heading' {
@@ -4936,8 +4968,8 @@ declare module '@layerfi/components/contexts/BankTransactionsContext/BankTransac
       isValidating: boolean;
       refetch: () => void;
       error: any;
-      categorize: (id: import("@layerfi/components/types").BankTransaction["id"], newCategory: import("../../types").CategoryUpdate, notify?: boolean) => Promise<void>;
-      match: (id: import("@layerfi/components/types").BankTransaction["id"], matchId: import("../../types").BankTransaction["id"], notify?: boolean) => Promise<void>;
+      categorize: (bankTransactionId: import("@layerfi/components/types").BankTransaction["id"], newCategory: import("../../types").CategoryUpdate, notify?: boolean) => Promise<void>;
+      match: (bankTransactionId: import("@layerfi/components/types").BankTransaction["id"], suggestedMatchId: string, notify?: boolean) => Promise<void>;
       updateOneLocal: (newBankTransaction: import("@layerfi/components/types").BankTransaction) => void;
       shouldHideAfterCategorize: () => boolean;
       removeAfterCategorize: (bankTransaction: import("@layerfi/components/types").BankTransaction) => void;
@@ -4960,8 +4992,8 @@ declare module '@layerfi/components/contexts/BankTransactionsContext/BankTransac
       isValidating: boolean;
       refetch: () => void;
       error: any;
-      categorize: (id: import("@layerfi/components/types").BankTransaction["id"], newCategory: import("../../types").CategoryUpdate, notify?: boolean) => Promise<void>;
-      match: (id: import("@layerfi/components/types").BankTransaction["id"], matchId: import("../../types").BankTransaction["id"], notify?: boolean) => Promise<void>;
+      categorize: (bankTransactionId: import("@layerfi/components/types").BankTransaction["id"], newCategory: import("../../types").CategoryUpdate, notify?: boolean) => Promise<void>;
+      match: (bankTransactionId: import("@layerfi/components/types").BankTransaction["id"], suggestedMatchId: string, notify?: boolean) => Promise<void>;
       updateOneLocal: (newBankTransaction: import("@layerfi/components/types").BankTransaction) => void;
       shouldHideAfterCategorize: () => boolean;
       removeAfterCategorize: (bankTransaction: import("@layerfi/components/types").BankTransaction) => void;
@@ -5158,6 +5190,19 @@ 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/QuickbooksContext/QuickbooksContext' {
+  import { useQuickbooks } from '@layerfi/components/hooks/useQuickbooks/index';
+  export type QuickbooksContextType = ReturnType<typeof useQuickbooks>;
+  export const QuickbooksContext: import("react").Context<{
+      linkQuickbooks: () => Promise<string>;
+      unlinkQuickbooks: () => void;
+      syncFromQuickbooks: () => void;
+      isSyncingFromQuickbooks: boolean;
+      quickbooksIsConnected: import("@layerfi/components/types/quickbooks").StatusOfQuickbooksConnection["is_connected"] | undefined;
+      quickbooksLastSyncedAt: import("@layerfi/components/types/quickbooks").StatusOfQuickbooksConnection["last_synced_at"] | undefined;
+  }>;
+
 }
 declare module '@layerfi/components/contexts/ReceiptsContext/ReceiptsContext' {
   import { useReceipts } from '@layerfi/components/hooks/useReceipts/useReceipts';
@@ -5373,6 +5418,7 @@ declare module '@layerfi/components/hooks/bookkeeping/periods/useBookkeepingYear
 }
 declare module '@layerfi/components/hooks/bookkeeping/useBankAccounts' {
   import { BankAccount } from '@layerfi/components/types/linked_accounts';
+  export const BANK_ACCOUNTS_TAG_KEY = "#bank-accounts";
   export const requiresNotification: (bankAccount: BankAccount) => boolean;
   export const useBankAccounts: () => {
       bankAccounts: BankAccount[];
@@ -5584,8 +5630,8 @@ declare module '@layerfi/components/hooks/useBankTransactions/useAugmentedBankTr
       isValidating: boolean;
       refetch: () => void;
       error: any;
-      categorize: (id: BankTransaction["id"], newCategory: CategoryUpdate, notify?: boolean) => Promise<void>;
-      match: (id: BankTransaction["id"], matchId: BankTransaction["id"], notify?: boolean) => Promise<void>;
+      categorize: (bankTransactionId: BankTransaction["id"], newCategory: CategoryUpdate, notify?: boolean) => Promise<void>;
+      match: (bankTransactionId: BankTransaction["id"], suggestedMatchId: string, notify?: boolean) => Promise<void>;
       updateOneLocal: (newBankTransaction: BankTransaction) => void;
       shouldHideAfterCategorize: () => boolean;
       removeAfterCategorize: (bankTransaction: BankTransaction) => void;
@@ -5600,6 +5646,7 @@ declare module '@layerfi/components/hooks/useBankTransactions/useAugmentedBankTr
 }
 declare module '@layerfi/components/hooks/useBankTransactions/useBankTransactions' {
   import { type GetBankTransactionsReturn } from '@layerfi/components/api/layer/bankTransactions';
+  export const BANK_TRANSACTIONS_TAG_KEY = "#bank-transactions";
   export type UseBankTransactionsOptions = {
       categorized?: boolean;
       direction?: 'INFLOW' | 'OUTFLOW';
@@ -5628,6 +5675,43 @@ declare module '@layerfi/components/hooks/useBankTransactions/useBankTransaction
       bankTransactionId: BankTransaction['id'];
   }): import("swr").SWRResponse<import("../../types/bank_transactions").BankTransactionMetadata, any, any>;
 
+}
+declare module '@layerfi/components/hooks/useBankTransactions/useCategorizeBankTransaction' {
+  import { type GetBankTransactionsReturn } from '@layerfi/components/api/layer/bankTransactions';
+  import type { CategoryUpdate } from '@layerfi/components/types';
+  import type { SWRInfiniteKeyedMutator } from 'swr/infinite';
+  type CategorizeBankTransactionArgs = CategoryUpdate & {
+      bankTransactionId: string;
+  };
+  type UseCategorizeBankTransactionOptions = {
+      mutateBankTransactions: SWRInfiniteKeyedMutator<Array<GetBankTransactionsReturn>>;
+  };
+  export function useCategorizeBankTransaction({ mutateBankTransactions, }: UseCategorizeBankTransactionOptions): import("swr/mutation").SWRMutationResponse<import("../../types").BankTransaction, any, () => {
+      accessToken: string;
+      apiUrl: string;
+      businessId: string;
+      tags: string[];
+  } | undefined, CategorizeBankTransactionArgs>;
+  export {};
+
+}
+declare module '@layerfi/components/hooks/useBankTransactions/useMatchBankTransaction' {
+  import { type GetBankTransactionsReturn, type MatchBankTransactionBody } from '@layerfi/components/api/layer/bankTransactions';
+  import type { SWRInfiniteKeyedMutator } from 'swr/infinite';
+  type MatchBankTransactionArgs = MatchBankTransactionBody & {
+      bankTransactionId: string;
+  };
+  type UseMatchBankTransactionOptions = {
+      mutateBankTransactions: SWRInfiniteKeyedMutator<Array<GetBankTransactionsReturn>>;
+  };
+  export function useMatchBankTransaction({ mutateBankTransactions, }: UseMatchBankTransactionOptions): import("swr/mutation").SWRMutationResponse<import("../../types/bank_transactions").BankTransactionMatch, any, () => {
+      accessToken: string;
+      apiUrl: string;
+      businessId: string;
+      tags: string[];
+  } | undefined, MatchBankTransactionArgs>;
+  export {};
+
 }
 declare module '@layerfi/components/hooks/useBankTransactions/useUpdateBankTransactionMetadata' {
   import type { Awaitable } from '@layerfi/components/types/utility/promises';
@@ -5913,6 +5997,11 @@ declare module '@layerfi/components/hooks/useLinkedAccounts/useLinkedAccounts' {
   export const useLinkedAccounts: UseLinkedAccounts;
   export {};
 
+}
+declare module '@layerfi/components/hooks/useLinkedAccounts/useListExternalAccounts' {
+  export const EXTERNAL_ACCOUNTS_TAG_KEY = "#external-accounts";
+  export function useListExternalAccounts(): import("swr").SWRResponse<import("../../types/linked_accounts").LinkedAccount[], any, any>;
+
 }
 declare module '@layerfi/components/hooks/usePagination/index' {
   export { usePagination, DOTS } from '@layerfi/components/hooks/usePagination/usePagination';
@@ -6132,12 +6221,14 @@ declare module '@layerfi/components/hooks/useQuickbooks/index' {
 
 }
 declare module '@layerfi/components/hooks/useQuickbooks/useQuickbooks' {
+  import type { StatusOfQuickbooksConnection } from '@layerfi/components/types/quickbooks';
   type UseQuickbooks = () => {
       linkQuickbooks: () => Promise<string>;
       unlinkQuickbooks: () => void;
       syncFromQuickbooks: () => void;
       isSyncingFromQuickbooks: boolean;
-      quickbooksIsLinked: boolean | null;
+      quickbooksIsConnected: StatusOfQuickbooksConnection['is_connected'] | undefined;
+      quickbooksLastSyncedAt: StatusOfQuickbooksConnection['last_synced_at'] | undefined;
   };
   export const useQuickbooks: UseQuickbooks;
   export {};
@@ -6327,6 +6418,12 @@ declare module '@layerfi/components/icons/Coffee' {
   const CoffeeIcon: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default CoffeeIcon;
 
+}
+declare module '@layerfi/components/icons/Cog' {
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const Cog: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
+  export default Cog;
+
 }
 declare module '@layerfi/components/icons/Collapse' {
   import { IconSvgProps } from '@layerfi/components/icons/types';
@@ -6488,6 +6585,12 @@ declare module '@layerfi/components/icons/ProgressIcon' {
   const ProgressIcon: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
   export default ProgressIcon;
 
+}
+declare module '@layerfi/components/icons/QuickbooksIcon' {
+  import { IconSvgProps } from '@layerfi/components/icons/types';
+  const QuickbooksIcon: ({ size, ...props }: IconSvgProps) => import("react/jsx-runtime").JSX.Element;
+  export default QuickbooksIcon;
+
 }
 declare module '@layerfi/components/icons/RefreshCcw' {
   import { IconSvgProps } from '@layerfi/components/icons/types';
@@ -6579,6 +6682,7 @@ declare module '@layerfi/components/index' {
   export { Onboarding } from '@layerfi/components/components/Onboarding/index';
   export { LinkedAccounts } from '@layerfi/components/components/LinkedAccounts/index';
   export { BankTransactions } from '@layerfi/components/components/BankTransactions/index';
+  export { Integrations } from '@layerfi/components/components/Integrations/Integrations';
   export { Quickbooks } from '@layerfi/components/components/Quickbooks/index';
   export { ProfitAndLoss } from '@layerfi/components/components/ProfitAndLoss/index';
   export { BalanceSheet } from '@layerfi/components/components/BalanceSheet/index';
@@ -6876,6 +6980,11 @@ 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/QuickbooksContextProvider/QuickbooksContextProvider' {
+  import { type PropsWithChildren } from 'react';
+  export function QuickbooksContextProvider({ children }: PropsWithChildren): import("react/jsx-runtime").JSX.Element;
+
 }
 declare module '@layerfi/components/providers/ReceiptsProvider/ReceiptsProvider' {
   import { ReactNode } from 'react';
@@ -8002,6 +8111,10 @@ declare module '@layerfi/components/types/profit_and_loss' {
 
 }
 declare module '@layerfi/components/types/quickbooks' {
+  export type StatusOfQuickbooksConnection = {
+      is_connected: boolean;
+      last_synced_at: string | null;
+  };
   export type StatusOfSyncFromQuickbooks = {
       is_syncing: boolean;
   };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layerfi/components",
-  "version": "0.1.98",
+  "version": "0.1.99-alpha.3",
   "description": "Layer React Components",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.mjs",
@@ -69,6 +69,7 @@
     "stylelint": "^16.19.1",
     "stylelint-config-standard": "^38.0.0",
     "stylelint-config-standard-scss": "^14.0.0",
+    "stylelint-order": "^7.0.0",
     "typescript": "^5.8.3",
     "typescript-eslint": "^8.32.0"
   },