@layerfi/components 0.1.101 → 0.1.102-alpha.1

package/dist/index.css

@@ -547,10 +547,12 @@
 .Layer__btn:disabled {
   box-shadow: none;
   background-color: var(--color-base-200);
-  color: var(--color-base-500);
   cursor: not-allowed;
 }
-.Layer__btn:disabled .Layer__btn-icon {
+.Layer__btn:disabled > .Layer__btn-content > .Layer__btn-text {
+  color: var(--color-base-500);
+}
+.Layer__btn:disabled > .Layer__btn-content > .Layer__btn-icon {
   background-color: transparent;
   color: var(--color-base-500);
 }
@@ -580,10 +582,6 @@
   color: var(--btn-color-primary);
   background: transparent;
 }
-.Layer__btn--primary:visited,
-.Layer__btn--primary:active {
-  box-shadow: 0 0 0 1px var(--color-base-800);
-}
 .Layer__btn--primary:hover:not([disabled]) .Layer__btn-icon,
 .Layer__btn--primary.Layer__btn--active:not([disabled]) .Layer__btn-icon {
   color: var(--btn-color-icon-hover);
@@ -5322,6 +5320,111 @@ tbody .Layer__table__empty-row:first-child {
 .Layer__TransactionsSearchField > [slot=search] {
   grid-area: search;
 }
+.Layer__csv-upload {
+  height: 6rem;
+  border-radius: var(--spacing-3xs);
+  padding: var(--spacing-xs);
+  background: var(--color-base-100);
+  border: 1px dashed var(--color-base-400);
+  transition: border-color 0.5s, background-color 0.5s;
+  position: relative;
+}
+.Layer__csv-upload--drag-active {
+  background: var(--color-base-200);
+  border-color: var(--color-base-500);
+}
+.Layer__csv-upload__browse-link {
+  all: unset;
+  cursor: pointer;
+  text-decoration: underline;
+}
+.Layer__csv-upload__browse-link:focus,
+.Layer__csv-upload__browse-link:active,
+.Layer__csv-upload__browse-link:focus-visible {
+  border-radius: 2px;
+  box-shadow: 0 0 0 3px rgba(26, 26, 26, 0.08), 0 0 0 1px var(--color-base-700);
+  outline: none;
+}
+.Layer__csv-upload__error-message {
+  position: absolute;
+  bottom: var(--spacing-sm);
+  left: var(--spacing-sm);
+}
+.Layer__csv-upload__error-message .Layer__data-state__icon {
+  background: var(--color-base-0);
+}
+.Layer__csv-upload__file-row {
+  height: 2rem;
+  border-radius: var(--border-radius-3xs);
+  padding: var(--spacing-xs) var(--spacing-sm);
+  background: var(--color-base-100);
+  border: 1px solid var(--color-base-400);
+}
+.Layer__csv-upload__file-row--drop-target {
+  height: 6rem;
+}
+.Layer__csv-upload__copy-template-headers-button-group {
+  padding: var(--spacing-3xs);
+  border-radius: var(--border-radius-3xs);
+  background-color: var(--color-base-200);
+}
+.Layer__csv-upload__validate-csv-table__container {
+  max-height: 561px;
+  border-radius: var(--border-radius-3xs);
+  border: 1px solid var(--color-base-400);
+}
+.Layer__csv-upload__validate-csv-table__scroll_container {
+  overflow: auto;
+  position: relative;
+}
+.Layer__csv-upload__validate-csv-table__thead {
+  z-index: 1;
+  background-color: var(--bg-subtle);
+}
+.Layer__csv-upload__validate-csv-table__header-row {
+  display: flex;
+  width: 100%;
+}
+.Layer__table-header.Layer__csv-upload__validate-csv-table__header-cell {
+  padding: 0;
+  display: flex;
+  flex: 1 1 0;
+}
+.Layer__table-header.Layer__csv-upload__validate-csv-table__header-cell--row {
+  flex: 0 0 60px;
+}
+.Layer__csv-upload__validate-csv-table__header-cell-content {
+  padding: var(--spacing-sm) var(--spacing-md);
+}
+.Layer__table-row.Layer__csv-upload__validate-csv-table__row {
+  display: flex;
+  position: absolute;
+  width: 100%;
+}
+.Layer__table-row.Layer__csv-upload__validate-csv-table__row--error {
+  background-color: var(--color-info-error-bg);
+}
+.Layer__table-cell.Layer__csv-upload__validate-csv-table__cell {
+  flex: 1 1 0%;
+  min-width: 0px;
+}
+.Layer__table-cell.Layer__csv-upload__validate-csv-table__cell--row {
+  flex: 0 0 60px;
+}
+.Layer__table .Layer__table-cell .Layer__table-cell-content.Layer__csv-upload__validate-csv-table__cell-content {
+  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  align-content: center;
+  width: 100%;
+}
+.Layer__table .Layer__table-cell .Layer__table-cell-content.Layer__csv-upload__validate-csv-table__cell-content--error {
+  color: var(--color-danger);
+}
+.Layer__table .Layer__table-cell .Layer__table-cell-content.Layer__csv-upload__validate-csv-table__cell-content--row {
+  text-align: end;
+}
 .Layer__due-status {
   display: flex;
   flex-direction: column;
@@ -6406,6 +6509,42 @@ tbody .Layer__table__empty-row:first-child {
   flex: 1;
   padding: var(--spacing-lg);
 }
+.Layer__upload-transactions__select-account-name-field > .Layer__input-tooltip {
+  flex: auto;
+}
+.Layer__upload-transactions__select-account-name-input--error .Layer__select__control {
+  box-shadow: 0 0 0 1px var(--color-base-300), 0 0 0 2px var(--color-danger);
+}
+.Layer__upload-transactions__select-account-name-input--error .Layer__select__placeholder {
+  color: var(--color-danger);
+}
+.Layer__upload-transactions__create-account-form {
+  border-radius: var(--border-radius-3xs);
+  padding: var(--spacing-xs);
+  background: var(--color-base-100);
+}
+.Layer__upload-transactions__template-section {
+  border-radius: var(--border-radius-3xs);
+  border: 1px solid var(--color-base-400);
+  padding: var(--spacing-md);
+}
+.Layer__upload-transactions__template-section__download-template-button {
+  max-height: 36px;
+}
+.Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__cell--date,
+.Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__header-cell--date {
+  flex: 3 1 0;
+  min-width: 120px;
+}
+.Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__cell--amount,
+.Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__header-cell--amount {
+  flex: 2 1 0;
+  min-width: 120px;
+}
+.Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__cell--description,
+.Layer__upload-transactions__preview_table .Layer__csv-upload__validate-csv-table__header-cell--description {
+  flex: 6 1 0;
+}
 .Layer__ledger-account__index {
   background-color: var(--color-base-0);
   width: 100%;
@@ -8731,6 +8870,18 @@ tbody .Layer__table__empty-row:first-child {
   margin-bottom: var(--spacing-xl);
   color: var(--color-base-500);
 }
+.Layer__data-state--inline {
+  flex-direction: row;
+  gap: var(--spacing-xs);
+}
+.Layer__data-state--inline .Layer__data-state__title,
+.Layer__data-state--inline .Layer__data-state__description {
+  text-align: left;
+  margin-bottom: 0;
+}
+.Layer__data-state--inline .Layer__data-state__icon {
+  margin-bottom: 0;
+}
 .Layer__drawer-background {
   position: fixed;
   display: none;

package/dist/index.d.ts

@@ -1879,7 +1879,8 @@ declare module '@layerfi/components/components/Button/SubmitButton' {
   }
   export enum SubmitAction {
       SAVE = "save",
-      UPDATE = "update"
+      UPDATE = "update",
+      UPLOAD = "upload"
   }
   export const SubmitButton: ({ active, className, processing, disabled, error, children, action, noIcon, variant, withRetry, ...props }: SubmitButtonProps) => import("react/jsx-runtime").JSX.Element;
 
@@ -2203,6 +2204,109 @@ declare module '@layerfi/components/components/Container/index' {
   export { Container } from '@layerfi/components/components/Container/Container';
   export { Header } from '@layerfi/components/components/Container/Header';
 
+}
+declare module '@layerfi/components/components/CsvUpload/CopyTemplateHeadersButtonGroup' {
+  interface CopyTemplateHeadersButtonGroupProps {
+      headers: Record<string, string>;
+  }
+  export const CopyTemplateHeadersButtonGroup: ({ headers }: CopyTemplateHeadersButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/CsvUpload/CsvUpload' {
+  type CsvUploadProps = {
+      file: File | null;
+      onFileSelected: (file: File | null) => void;
+      replaceDropTarget?: boolean;
+  };
+  export const CsvUpload: ({ file, onFileSelected, replaceDropTarget }: CsvUploadProps) => import("react/jsx-runtime").JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/CsvUpload/DownloadCsvTemplateButton' {
+  import { type PropsWithChildren } from 'react';
+  interface DownloadCsvTemplateButtonProps<T> {
+      csvProps: {
+          headers: {
+              [K in keyof T]: string;
+          };
+          rows?: T[];
+      };
+      fileName?: string;
+      className?: string;
+  }
+  export const DownloadCsvTemplateButton: <T extends { [K in keyof T]: string | number; }>({ children, className, csvProps, fileName }: PropsWithChildren<DownloadCsvTemplateButtonProps<T>>) => import("react/jsx-runtime").JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/CsvUpload/ValidateCsvTable' {
+  import { PreviewCsv } from '@layerfi/components/components/CsvUpload/types';
+  interface ValidateCsvTableProps<T extends {
+      [K in keyof T]: string | number;
+  }> {
+      data: PreviewCsv<T>;
+      headers: {
+          [K in keyof T]: string;
+      };
+      formatters?: Partial<{
+          [K in keyof T]: (parsed: T[K]) => string;
+      }>;
+      className?: string;
+  }
+  export function ValidateCsvTable<T extends {
+      [K in keyof T]: string | number;
+  }>({ data, headers, formatters, className }: ValidateCsvTableProps<T>): import("react/jsx-runtime").JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/CsvUpload/types' {
+  export type PreviewCell<T> = {
+      raw: string;
+      parsed: T;
+      is_valid: boolean;
+  };
+  export type PreviewRow<T extends {
+      [K in keyof T]: string | number;
+  }> = {
+      [K in keyof T]: PreviewCell<T[K]>;
+  } & {
+      index: number;
+      is_valid: boolean;
+  };
+  export type PreviewCsv<T extends {
+      [K in keyof T]: string | number;
+  }> = PreviewRow<T>[];
+
+}
+declare module '@layerfi/components/components/CustomAccountForm/CustomAccountForm' {
+  import { type CustomAccount } from '@layerfi/components/hooks/customAccounts/types';
+  export type CustomAccountsFormProps = {
+      initialAccountName: string;
+      onCancel?: () => void;
+      onSuccess?: (account: CustomAccount) => void;
+  };
+  export const CustomAccountForm: ({ initialAccountName, onCancel, onSuccess }: CustomAccountsFormProps) => import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/CustomAccountForm/useCustomAccountForm' {
+  import { FormValidateOrFn, FormAsyncValidateOrFn } from '@tanstack/react-form';
+  import { CustomAccount, CustomAccountSubtype, CustomAccountType } from '@layerfi/components/hooks/customAccounts/types';
+  export const getCustomAccountTypeFromSubtype: (subtype: CustomAccountSubtype) => CustomAccountType;
+  type CustomAccountFormData = {
+      account_name?: string;
+      institution_name?: string;
+      account_type?: CustomAccountSubtype;
+  };
+  type UseCustomAccountFormProps = {
+      onSuccess?: (account: CustomAccount) => void;
+  };
+  export const useCustomAccountForm: ({ onSuccess }: UseCustomAccountFormProps) => {
+      form: import("@tanstack/react-form").ReactFormExtendedApi<CustomAccountFormData, FormValidateOrFn<CustomAccountFormData>, FormValidateOrFn<CustomAccountFormData>, FormValidateOrFn<CustomAccountFormData>, FormValidateOrFn<CustomAccountFormData>, FormAsyncValidateOrFn<CustomAccountFormData>, FormValidateOrFn<CustomAccountFormData>, FormAsyncValidateOrFn<CustomAccountFormData>, FormAsyncValidateOrFn<CustomAccountFormData>, FormAsyncValidateOrFn<CustomAccountFormData>>;
+      submitError: string | undefined;
+      isFormValid: boolean;
+  };
+  export {};
+
 }
 declare module '@layerfi/components/components/DataState/DataState' {
   import { ReactNode } from 'react';
@@ -2220,8 +2324,10 @@ declare module '@layerfi/components/components/DataState/DataState' {
       onRefresh?: () => void;
       isLoading?: boolean;
       spacing?: boolean;
+      inline?: boolean;
+      className?: string;
   }
-  export const DataState: ({ status, title, description, onRefresh, isLoading, icon, spacing, }: DataStateProps) => import("react/jsx-runtime").JSX.Element;
+  export const DataState: ({ status, title, description, onRefresh, isLoading, icon, spacing, inline, className, }: DataStateProps) => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/components/DataState/index' {
@@ -2567,6 +2673,22 @@ declare module '@layerfi/components/components/Input/BusinessTypeSelect' {
   };
   export const BusinessTypeSelect: ({ value, onChange }: BusinessTypeSelectProps) => import("react/jsx-runtime").JSX.Element;
 
+}
+declare module '@layerfi/components/components/Input/CreatableSelect' {
+  import { ReactNode } from 'react';
+  import { GroupBase } from 'react-select';
+  import { type CreatableProps } from 'react-select/creatable';
+  import { type SelectProps } from '@layerfi/components/components/Input/Select';
+  export interface CreatableSelectProps<T> extends Omit<SelectProps<T>, 'value' | 'onChange'> {
+      value?: T | null;
+      onChange: (selected: T | null) => void;
+      isClearable?: boolean;
+      onCreateOption?: (inputValue: string) => void;
+      isValidNewOption?: CreatableProps<T, false, GroupBase<T>>['isValidNewOption'];
+      formatCreateLabel?: (inputValue: string) => ReactNode;
+  }
+  export const CreatableSelect: <T>({ name, options, className, classNamePrefix, value, onChange, disabled, placeholder, isInvalid, errorMessage, onCreateOption, isValidNewOption, formatCreateLabel, inputId, isLoading, isClearable, }: CreatableSelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+
 }
 declare module '@layerfi/components/components/Input/FileInput' {
   export interface FileInputProps {
@@ -2641,8 +2763,10 @@ declare module '@layerfi/components/components/Input/MultiSelect' {
       isInvalid?: boolean;
       errorMessage?: string;
       styles?: StylesConfig<T, true, GroupBase<T>>;
+      inputId?: string;
+      isLoading?: boolean;
   }
-  export const MultiSelect: <T>({ name, options, className, classNamePrefix, value, defaultValue, onChange, disabled, placeholder, isInvalid, errorMessage, styles, }: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+  export const MultiSelect: <T>({ name, options, className, classNamePrefix, value, defaultValue, onChange, disabled, placeholder, isInvalid, errorMessage, styles, inputId, isLoading, }: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/components/Input/PhoneInput' {
@@ -2668,8 +2792,10 @@ declare module '@layerfi/components/components/Input/Select' {
       placeholder?: string;
       isInvalid?: boolean;
       errorMessage?: string;
+      inputId?: string;
+      isLoading?: boolean;
   }
-  export const Select: <T>({ name, options, className, classNamePrefix, value, onChange, disabled, placeholder, isInvalid, errorMessage, }: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
+  export const Select: <T>({ name, options, className, classNamePrefix, value, onChange, disabled, placeholder, isInvalid, errorMessage, inputId, isLoading, }: SelectProps<T>) => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/components/Input/StaticValue' {
@@ -4513,6 +4639,53 @@ declare module '@layerfi/components/components/Typography/index' {
   export { Heading, HeadingSize } from '@layerfi/components/components/Typography/Heading';
   export { ErrorText } from '@layerfi/components/components/Typography/ErrorText';
 
+}
+declare module '@layerfi/components/components/UploadTransactions/UploadTransactions' {
+  import type { Awaitable } from '@layerfi/components/types/utility/promises';
+  type UploadTransactionsProps = {
+      onComplete?: () => Awaitable<void>;
+  };
+  export function UploadTransactions({ onComplete }: UploadTransactionsProps): import("react/jsx-runtime").JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/UploadTransactions/UploadTransactionsUploadCsvStep' {
+  import { type CustomAccountParseCsvResponse } from '@layerfi/components/hooks/customAccounts/useCustomAccountParseCsv';
+  type AccountOption = {
+      value: string;
+      label: string;
+      createdAccountName?: string;
+  };
+  interface UploadTransactionsUploadCsvStepProps {
+      selectedAccount: AccountOption | null;
+      onSelectAccount: (account: AccountOption | null) => void;
+      selectedFile: File | null;
+      onSelectFile: (file: File | null) => void;
+      onParseCsv: (parseCsvResponse: CustomAccountParseCsvResponse) => void;
+  }
+  export function UploadTransactionsUploadCsvStep({ selectedAccount, onSelectAccount, selectedFile, onSelectFile, onParseCsv }: UploadTransactionsUploadCsvStepProps): import("react/jsx-runtime").JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/UploadTransactions/UploadTransactionsValidateCsvStep' {
+  import type { CustomAccountParseCsvResponse } from '@layerfi/components/hooks/customAccounts/useCustomAccountParseCsv';
+  interface UploadTransactionsValidateCsvStepProps {
+      parseCsvResponse: CustomAccountParseCsvResponse;
+      selectedAccountId: string;
+      onGoBack: () => void;
+      onReupload: () => void;
+  }
+  export function UploadTransactionsValidateCsvStep({ parseCsvResponse, selectedAccountId, onGoBack, onReupload }: UploadTransactionsValidateCsvStepProps): import("react/jsx-runtime").JSX.Element;
+  export {};
+
+}
+declare module '@layerfi/components/components/UploadTransactions/template' {
+  import { CustomAccountTransactionRow } from '@layerfi/components/hooks/customAccounts/types';
+  export const templateHeaders: {
+      [K in keyof CustomAccountTransactionRow]: string;
+  };
+  export const templateExampleTransactions: CustomAccountTransactionRow[];
+
 }
 declare module '@layerfi/components/components/UpsellBanner/BookkeepingUpsellBar' {
   interface BookkeepingUpsellBarProps {
@@ -4791,7 +4964,7 @@ declare module '@layerfi/components/components/ui/Typography/Text' {
   } & {
       children?: import("react").ReactNode | undefined;
   } & import("react").RefAttributes<HTMLSpanElement>>;
-  type LabelProps = Pick<ComponentPropsWithoutRef<'label'>, 'slot'>;
+  type LabelProps = Pick<ComponentPropsWithoutRef<'label'>, 'slot' | 'htmlFor'>;
   export const Label: import("react").ForwardRefExoticComponent<LabelProps & TextStyleProps & {
       children?: import("react").ReactNode | undefined;
   } & import("react").RefAttributes<HTMLLabelElement>>;
@@ -5573,6 +5746,114 @@ declare module '@layerfi/components/hooks/categories/useCategories' {
   export function useCategories({ mode }?: UseCategoriesOptions): import("swr").SWRResponse<import("../../types").Category[], any, any>;
   export {};
 
+}
+declare module '@layerfi/components/hooks/customAccounts/types' {
+  import { Direction } from '@layerfi/components/types/bank_transactions';
+  export enum CustomAccountSubtype {
+      CHECKING = "CHECKING",
+      SAVINGS = "SAVINGS",
+      CREDIT_CARD = "CREDIT_CARD"
+  }
+  export enum CustomAccountType {
+      DEPOSITORY = "DEPOSITORY",
+      CREDIT = "CREDIT"
+  }
+  export type RawCustomAccount = {
+      id: string;
+      external_id: string | null;
+      mask: string | null;
+      account_name: string;
+      institution_name: string | null;
+      account_type: string;
+      account_subtype: string;
+      created_at: string | null;
+      updated_at: string | null;
+      archived_at: string | null;
+      ledger_account_id: string;
+  };
+  export type CustomAccount = Pick<RawCustomAccount, 'id'> & {
+      externalId: RawCustomAccount['external_id'];
+      mask: RawCustomAccount['mask'];
+      accountName: RawCustomAccount['account_name'];
+      institutionName: RawCustomAccount['institution_name'];
+      accountType: RawCustomAccount['account_type'];
+      accountSubtype: RawCustomAccount['account_subtype'];
+      createdAt: RawCustomAccount['created_at'];
+      updatedAt: RawCustomAccount['updated_at'];
+      archivedAt: RawCustomAccount['archived_at'];
+      ledgerAccountId: RawCustomAccount['ledger_account_id'];
+  };
+  export const mapRawCustomAccountToCustomAccount: (raw: RawCustomAccount) => CustomAccount;
+  export type RawCustomTransaction = {
+      external_id?: string | null;
+      amount: number;
+      direction: Direction;
+      date: string;
+      description: string;
+  };
+  export interface CustomAccountTransactionRow {
+      date: string;
+      description: string;
+      amount: number;
+  }
+
+}
+declare module '@layerfi/components/hooks/customAccounts/useCreateCustomAccount' {
+  import { type RawCustomAccount } from '@layerfi/components/hooks/customAccounts/types';
+  type CreateCustomAccountBody = Pick<RawCustomAccount, 'account_name' | 'account_type' | 'account_subtype' | 'institution_name' | 'external_id' | 'mask'>;
+  export function useCreateCustomAccount(): import("swr/mutation").SWRMutationResponse<import("./types").CustomAccount, any, () => {
+      readonly accessToken: string;
+      readonly apiUrl: string;
+      readonly businessId: string;
+      readonly tags: readonly ["#custom-accounts:create"];
+  } | undefined, CreateCustomAccountBody>;
+  export {};
+
+}
+declare module '@layerfi/components/hooks/customAccounts/useCreateCustomAccountTransactions' {
+  import type { RawCustomTransaction } from '@layerfi/components/hooks/customAccounts/types';
+  type CreateCustomAccountTransactionsBody = {
+      transactions: RawCustomTransaction[];
+  };
+  type CreateCustomAccountTransactionsArgs = CreateCustomAccountTransactionsBody & {
+      customAccountId: string;
+  };
+  export function useCreateCustomAccountTransactions(): import("swr/mutation").SWRMutationResponse<unknown, any, () => {
+      readonly accessToken: string;
+      readonly apiUrl: string;
+      readonly businessId: string;
+      readonly tags: readonly ["#custom-accounts:create-transactions"];
+  } | undefined, CreateCustomAccountTransactionsArgs>;
+  export {};
+
+}
+declare module '@layerfi/components/hooks/customAccounts/useCustomAccountParseCsv' {
+  import type { CustomAccountTransactionRow, RawCustomTransaction } from '@layerfi/components/hooks/customAccounts/types';
+  import type { PreviewCsv } from '@layerfi/components/components/CsvUpload/types';
+  type CustomAccountParseCsvArgs = {
+      file: File;
+      customAccountId: string;
+  };
+  export type CustomAccountParseCsvResponse = {
+      is_valid: boolean;
+      new_transactions_request: {
+          transactions: RawCustomTransaction[];
+      };
+      new_transactions_preview: PreviewCsv<CustomAccountTransactionRow>;
+  };
+  export function useCustomAccountParseCsv(): import("swr/mutation").SWRMutationResponse<CustomAccountParseCsvResponse, any, () => {
+      readonly accessToken: string;
+      readonly apiUrl: string;
+      readonly businessId: string;
+      readonly tags: readonly ["#custom-accounts:parse-csv"];
+  } | undefined, CustomAccountParseCsvArgs>;
+  export {};
+
+}
+declare module '@layerfi/components/hooks/customAccounts/useCustomAccounts' {
+  export const CUSTOM_ACCOUNTS_TAG_KEY = "#custom-accounts";
+  export function useCustomAccounts(): import("swr").SWRResponse<import("./types").CustomAccount[], any, any>;
+
 }
 declare module '@layerfi/components/hooks/useAuth' {
   export function useAuth(): import("swr").SWRResponse<{
@@ -6687,6 +6968,7 @@ declare module '@layerfi/components/index' {
   export { LayerProvider } from '@layerfi/components/providers/LayerProvider/index';
   export { Onboarding } from '@layerfi/components/components/Onboarding/index';
   export { LinkedAccounts } from '@layerfi/components/components/LinkedAccounts/index';
+  export { UploadTransactions as unstable_UploadTransactions } from '@layerfi/components/components/UploadTransactions/UploadTransactions';
   export { BankTransactions } from '@layerfi/components/components/BankTransactions/index';
   export { Integrations } from '@layerfi/components/components/Integrations/Integrations';
   export { ProfitAndLoss } from '@layerfi/components/components/ProfitAndLoss/index';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@layerfi/components",
-  "version": "0.1.101",
+  "version": "0.1.102-alpha.1",
   "description": "Layer React Components",
   "main": "dist/cjs/index.cjs",
   "module": "dist/esm/index.mjs",
@@ -76,6 +76,8 @@
   "dependencies": {
     "@floating-ui/react": "^0.27.8",
     "@tanstack/react-form": "^1.9.1",
+    "@tanstack/react-table": "^8.21.3",
+    "@tanstack/react-virtual": "^3.13.9",
     "classnames": "^2.5.1",
     "date-fns": "^4.1.0",
     "libphonenumber-js": "^1.12.7",
@@ -84,6 +86,7 @@
     "react-aria-components": "^1.8.0",
     "react-currency-input-field": "^3.10.0",
     "react-datepicker": "^6.9.0",
+    "react-dropzone": "^14.3.8",
     "react-plaid-link": "^4.0.1",
     "react-select": "^5.10.1",
     "recharts": "^2.15.3",