@layerfi/components 0.1.106-alpha.1 → 0.1.107-alpha

package/dist/index.d.ts

@@ -1838,7 +1838,7 @@ declare module '@layerfi/components/components/Bills/useBillForm' {
       form: import("@tanstack/react-form").ReactFormExtendedApi<BillForm, FormValidateOrFn<BillForm>, FormValidateOrFn<BillForm>, FormAsyncValidateOrFn<BillForm>, FormValidateOrFn<BillForm>, FormAsyncValidateOrFn<BillForm>, FormValidateOrFn<BillForm>, FormAsyncValidateOrFn<BillForm>, FormAsyncValidateOrFn<BillForm>, FormAsyncValidateOrFn<BillForm>>;
       isDirty: boolean;
       submitError: string | undefined;
-      formErrorMap: import("@tanstack/react-form").FormValidationErrorMap<undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined>;
+      formErrorMap: import("@tanstack/react-form").ValidationErrorMap<undefined, undefined, undefined, undefined, undefined, undefined, undefined, undefined>;
   };
 
 }
@@ -2542,14 +2542,14 @@ declare module '@layerfi/components/components/CsvUpload/DownloadCsvTemplateButt
       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 const DownloadCsvTemplateButton: <T extends { [K in keyof T]: string | number | null | undefined; }>({ 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;
+      [K in keyof T]: string | number | null | undefined;
   }> {
       data: PreviewCsv<T>;
       headers: {
@@ -2561,8 +2561,8 @@ declare module '@layerfi/components/components/CsvUpload/ValidateCsvTable' {
       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;
+      [K in keyof T]: string | number | null | undefined;
+  }>({ data, headers, formatters, className, }: ValidateCsvTableProps<T>): import("react/jsx-runtime").JSX.Element;
   export {};
 
 }
@@ -2573,7 +2573,7 @@ declare module '@layerfi/components/components/CsvUpload/types' {
       is_valid: boolean;
   };
   export type PreviewRow<T extends {
-      [K in keyof T]: string | number;
+      [K in keyof T]: string | number | null | undefined;
   }> = {
       [K in keyof T]: PreviewCell<T[K]>;
   } & {
@@ -2581,7 +2581,7 @@ declare module '@layerfi/components/components/CsvUpload/types' {
       is_valid: boolean;
   };
   export type PreviewCsv<T extends {
-      [K in keyof T]: string | number;
+      [K in keyof T]: string | number | null | undefined;
   }> = PreviewRow<T>[];
 
 }
@@ -2625,6 +2625,7 @@ declare module '@layerfi/components/components/DataPoint/DataPoint' {
 }
 declare module '@layerfi/components/components/DataState/DataState' {
   import { ReactNode } from 'react';
+  import { TextSize } from '@layerfi/components/components/Typography/index';
   export enum DataStateStatus {
       allDone = "allDone",
       success = "success",
@@ -2640,9 +2641,10 @@ declare module '@layerfi/components/components/DataState/DataState' {
       isLoading?: boolean;
       spacing?: boolean;
       inline?: boolean;
+      titleSize?: TextSize;
       className?: string;
   }
-  export const DataState: ({ status, title, description, onRefresh, isLoading, icon, spacing, inline, className, }: DataStateProps) => import("react/jsx-runtime").JSX.Element;
+  export const DataState: ({ status, title, description, onRefresh, isLoading, icon, spacing, inline, titleSize, className, }: DataStateProps) => import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/components/DataState/index' {
@@ -3268,1302 +3270,140 @@ declare module '@layerfi/components/components/Integrations/IntegrationsQuickboo
 
 }
 declare module '@layerfi/components/components/Invoices/InvoiceDetail/InvoiceDetail' {
-  import { type InvoiceFormProps } from '@layerfi/components/components/Invoices/InvoiceForm/InvoiceForm';
-  export type InvoiceDetailProps = InvoiceFormProps & {
-      onGoBack: () => void;
-  };
-  export const InvoiceDetail: (props: InvoiceDetailProps) => import("react/jsx-runtime").JSX.Element;
-
-}
-declare module '@layerfi/components/components/Invoices/InvoiceForm/InvoiceForm' {
-  import type { Invoice } from '@layerfi/components/features/invoices/invoiceSchemas';
-  import { UpsertInvoiceMode } from '@layerfi/components/features/invoices/api/useUpsertInvoice';
-  export type InvoiceFormMode = {
-      mode: UpsertInvoiceMode.Update;
-      invoice: Invoice;
-  } | {
-      mode: UpsertInvoiceMode.Create;
-  };
-  export type InvoiceFormProps = InvoiceFormMode & {
-      onSuccess?: (invoice: Invoice) => void;
-  };
-  export const InvoiceForm: (props: InvoiceFormProps) => import("react/jsx-runtime").JSX.Element;
-
-}
-declare module '@layerfi/components/components/Invoices/InvoiceForm/useInvoiceForm' {
-  import { type Invoice } from '@layerfi/components/features/invoices/invoiceSchemas';
-  import { UpsertInvoiceMode } from '@layerfi/components/features/invoices/api/useUpsertInvoice';
-  import { BigDecimal as BD } from 'effect';
-  export const EMPTY_LINE_ITEM: {
-      product: string;
-      description: string;
-      unitPrice: number;
-      quantity: BD.BigDecimal;
-      amount: number;
-  };
-  type UseInvoiceFormProps = {
-      onSuccess?: (invoice: Invoice) => void;
-      mode: UpsertInvoiceMode.Create;
-  } | {
-      onSuccess?: (invoice: Invoice) => void;
-      mode: UpsertInvoiceMode.Update;
-      invoice: Invoice;
-  };
-  export const useInvoiceForm: (props: UseInvoiceFormProps) => {
-      form: import("@tanstack/react-form").FormApi<{
-          invoiceNumber: string;
-          customer: null;
-          email: string;
-          address: string;
-          lineItems: {
-              product: string;
-              description: string;
-              unitPrice: number;
-              quantity: BD.BigDecimal;
-              amount: number;
-          }[];
-      } | {
-          invoiceNumber: string | null;
-          customer: {
-              readonly id: string;
-              readonly externalId: string | null;
-              readonly individualName: string | null;
-              readonly companyName: string | null;
-              readonly email: string | null;
-              readonly mobilePhone: string | null;
-              readonly officePhone: string | null;
-              readonly addressString: string | null;
-              readonly status: "ACTIVE" | "ARCHIVED";
-              readonly memo: string | null;
-              readonly _local?: {
-                  readonly isOptimistic: boolean;
-              } | undefined;
-          } | null;
-          email: string | null | undefined;
-          address: string | null | undefined;
-          lineItems: {
-              amount: number;
-              id: string;
-              externalId: string | null;
-              memo: string | null;
-              description: string | null;
-              product: string | null;
-              subtotal: number;
-              quantity: BD.BigDecimal;
-              invoiceId: string;
-              unitPrice: number;
-              discountAmount: number;
-              salesTaxTotal: number;
-              totalAmount: number;
-          }[];
-      }, import("@tanstack/react-form").FormValidateOrFn<{
-          invoiceNumber: string;
-          customer: null;
-          email: string;
-          address: string;
-          lineItems: {
-              product: string;
-              description: string;
-              unitPrice: number;
-              quantity: BD.BigDecimal;
-              amount: number;
-          }[];
-      } | {
-          invoiceNumber: string | null;
-          customer: {
-              readonly id: string;
-              readonly externalId: string | null;
-              readonly individualName: string | null;
-              readonly companyName: string | null;
-              readonly email: string | null;
-              readonly mobilePhone: string | null;
-              readonly officePhone: string | null;
-              readonly addressString: string | null;
-              readonly status: "ACTIVE" | "ARCHIVED";
-              readonly memo: string | null;
-              readonly _local?: {
-                  readonly isOptimistic: boolean;
-              } | undefined;
-          } | null;
-          email: string | null | undefined;
-          address: string | null | undefined;
-          lineItems: {
-              amount: number;
-              id: string;
-              externalId: string | null;
-              memo: string | null;
-              description: string | null;
-              product: string | null;
-              subtotal: number;
-              quantity: BD.BigDecimal;
-              invoiceId: string;
-              unitPrice: number;
-              discountAmount: number;
-              salesTaxTotal: number;
-              totalAmount: number;
-          }[];
-      }> | undefined, import("@tanstack/react-form").FormValidateOrFn<{
-          invoiceNumber: string;
-          customer: null;
-          email: string;
-          address: string;
-          lineItems: {
-              product: string;
-              description: string;
-              unitPrice: number;
-              quantity: BD.BigDecimal;
-              amount: number;
-          }[];
-      } | {
-          invoiceNumber: string | null;
-          customer: {
-              readonly id: string;
-              readonly externalId: string | null;
-              readonly individualName: string | null;
-              readonly companyName: string | null;
-              readonly email: string | null;
-              readonly mobilePhone: string | null;
-              readonly officePhone: string | null;
-              readonly addressString: string | null;
-              readonly status: "ACTIVE" | "ARCHIVED";
-              readonly memo: string | null;
-              readonly _local?: {
-                  readonly isOptimistic: boolean;
-              } | undefined;
-          } | null;
-          email: string | null | undefined;
-          address: string | null | undefined;
-          lineItems: {
-              amount: number;
-              id: string;
-              externalId: string | null;
-              memo: string | null;
-              description: string | null;
-              product: string | null;
-              subtotal: number;
-              quantity: BD.BigDecimal;
-              invoiceId: string;
-              unitPrice: number;
-              discountAmount: number;
-              salesTaxTotal: number;
-              totalAmount: number;
-          }[];
-      }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
-          invoiceNumber: string;
-          customer: null;
-          email: string;
-          address: string;
-          lineItems: {
-              product: string;
-              description: string;
-              unitPrice: number;
-              quantity: BD.BigDecimal;
-              amount: number;
-          }[];
-      } | {
-          invoiceNumber: string | null;
-          customer: {
-              readonly id: string;
-              readonly externalId: string | null;
-              readonly individualName: string | null;
-              readonly companyName: string | null;
-              readonly email: string | null;
-              readonly mobilePhone: string | null;
-              readonly officePhone: string | null;
-              readonly addressString: string | null;
-              readonly status: "ACTIVE" | "ARCHIVED";
-              readonly memo: string | null;
-              readonly _local?: {
-                  readonly isOptimistic: boolean;
-              } | undefined;
-          } | null;
-          email: string | null | undefined;
-          address: string | null | undefined;
-          lineItems: {
-              amount: number;
-              id: string;
-              externalId: string | null;
-              memo: string | null;
-              description: string | null;
-              product: string | null;
-              subtotal: number;
-              quantity: BD.BigDecimal;
-              invoiceId: string;
-              unitPrice: number;
-              discountAmount: number;
-              salesTaxTotal: number;
-              totalAmount: number;
-          }[];
-      }> | undefined, import("@tanstack/react-form").FormValidateOrFn<{
-          invoiceNumber: string;
-          customer: null;
-          email: string;
-          address: string;
-          lineItems: {
-              product: string;
-              description: string;
-              unitPrice: number;
-              quantity: BD.BigDecimal;
-              amount: number;
-          }[];
-      } | {
-          invoiceNumber: string | null;
-          customer: {
-              readonly id: string;
-              readonly externalId: string | null;
-              readonly individualName: string | null;
-              readonly companyName: string | null;
-              readonly email: string | null;
-              readonly mobilePhone: string | null;
-              readonly officePhone: string | null;
-              readonly addressString: string | null;
-              readonly status: "ACTIVE" | "ARCHIVED";
-              readonly memo: string | null;
-              readonly _local?: {
-                  readonly isOptimistic: boolean;
-              } | undefined;
-          } | null;
-          email: string | null | undefined;
-          address: string | null | undefined;
-          lineItems: {
-              amount: number;
-              id: string;
-              externalId: string | null;
-              memo: string | null;
-              description: string | null;
-              product: string | null;
-              subtotal: number;
-              quantity: BD.BigDecimal;
-              invoiceId: string;
-              unitPrice: number;
-              discountAmount: number;
-              salesTaxTotal: number;
-              totalAmount: number;
-          }[];
-      }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
-          invoiceNumber: string;
-          customer: null;
-          email: string;
-          address: string;
-          lineItems: {
-              product: string;
-              description: string;
-              unitPrice: number;
-              quantity: BD.BigDecimal;
-              amount: number;
-          }[];
-      } | {
-          invoiceNumber: string | null;
-          customer: {
-              readonly id: string;
-              readonly externalId: string | null;
-              readonly individualName: string | null;
-              readonly companyName: string | null;
-              readonly email: string | null;
-              readonly mobilePhone: string | null;
-              readonly officePhone: string | null;
-              readonly addressString: string | null;
-              readonly status: "ACTIVE" | "ARCHIVED";
-              readonly memo: string | null;
-              readonly _local?: {
-                  readonly isOptimistic: boolean;
-              } | undefined;
-          } | null;
-          email: string | null | undefined;
-          address: string | null | undefined;
-          lineItems: {
-              amount: number;
-              id: string;
-              externalId: string | null;
-              memo: string | null;
-              description: string | null;
-              product: string | null;
-              subtotal: number;
-              quantity: BD.BigDecimal;
-              invoiceId: string;
-              unitPrice: number;
-              discountAmount: number;
-              salesTaxTotal: number;
-              totalAmount: number;
-          }[];
-      }> | undefined, import("@tanstack/react-form").FormValidateOrFn<{
-          invoiceNumber: string;
-          customer: null;
-          email: string;
-          address: string;
-          lineItems: {
-              product: string;
-              description: string;
-              unitPrice: number;
-              quantity: BD.BigDecimal;
-              amount: number;
-          }[];
-      } | {
-          invoiceNumber: string | null;
-          customer: {
-              readonly id: string;
-              readonly externalId: string | null;
-              readonly individualName: string | null;
-              readonly companyName: string | null;
-              readonly email: string | null;
-              readonly mobilePhone: string | null;
-              readonly officePhone: string | null;
-              readonly addressString: string | null;
-              readonly status: "ACTIVE" | "ARCHIVED";
-              readonly memo: string | null;
-              readonly _local?: {
-                  readonly isOptimistic: boolean;
-              } | undefined;
-          } | null;
-          email: string | null | undefined;
-          address: string | null | undefined;
-          lineItems: {
-              amount: number;
-              id: string;
-              externalId: string | null;
-              memo: string | null;
-              description: string | null;
-              product: string | null;
-              subtotal: number;
-              quantity: BD.BigDecimal;
-              invoiceId: string;
-              unitPrice: number;
-              discountAmount: number;
-              salesTaxTotal: number;
-              totalAmount: number;
-          }[];
-      }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
-          invoiceNumber: string;
-          customer: null;
-          email: string;
-          address: string;
-          lineItems: {
-              product: string;
-              description: string;
-              unitPrice: number;
-              quantity: BD.BigDecimal;
-              amount: number;
-          }[];
-      } | {
-          invoiceNumber: string | null;
-          customer: {
-              readonly id: string;
-              readonly externalId: string | null;
-              readonly individualName: string | null;
-              readonly companyName: string | null;
-              readonly email: string | null;
-              readonly mobilePhone: string | null;
-              readonly officePhone: string | null;
-              readonly addressString: string | null;
-              readonly status: "ACTIVE" | "ARCHIVED";
-              readonly memo: string | null;
-              readonly _local?: {
-                  readonly isOptimistic: boolean;
-              } | undefined;
-          } | null;
-          email: string | null | undefined;
-          address: string | null | undefined;
-          lineItems: {
-              amount: number;
-              id: string;
-              externalId: string | null;
-              memo: string | null;
-              description: string | null;
-              product: string | null;
-              subtotal: number;
-              quantity: BD.BigDecimal;
-              invoiceId: string;
-              unitPrice: number;
-              discountAmount: number;
-              salesTaxTotal: number;
-              totalAmount: number;
-          }[];
-      }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
-          invoiceNumber: string;
-          customer: null;
-          email: string;
-          address: string;
-          lineItems: {
-              product: string;
-              description: string;
-              unitPrice: number;
-              quantity: BD.BigDecimal;
-              amount: number;
-          }[];
-      } | {
-          invoiceNumber: string | null;
-          customer: {
-              readonly id: string;
-              readonly externalId: string | null;
-              readonly individualName: string | null;
-              readonly companyName: string | null;
-              readonly email: string | null;
-              readonly mobilePhone: string | null;
-              readonly officePhone: string | null;
-              readonly addressString: string | null;
-              readonly status: "ACTIVE" | "ARCHIVED";
-              readonly memo: string | null;
-              readonly _local?: {
-                  readonly isOptimistic: boolean;
-              } | undefined;
-          } | null;
-          email: string | null | undefined;
-          address: string | null | undefined;
-          lineItems: {
-              amount: number;
-              id: string;
-              externalId: string | null;
-              memo: string | null;
-              description: string | null;
-              product: string | null;
-              subtotal: number;
-              quantity: BD.BigDecimal;
-              invoiceId: string;
-              unitPrice: number;
-              discountAmount: number;
-              salesTaxTotal: number;
-              totalAmount: number;
-          }[];
-      }> | undefined, unknown> & import("@tanstack/react-form").ReactFormApi<{
-          invoiceNumber: string;
-          customer: null;
-          email: string;
-          address: string;
-          lineItems: {
-              product: string;
-              description: string;
-              unitPrice: number;
-              quantity: BD.BigDecimal;
-              amount: number;
-          }[];
-      } | {
-          invoiceNumber: string | null;
-          customer: {
-              readonly id: string;
-              readonly externalId: string | null;
-              readonly individualName: string | null;
-              readonly companyName: string | null;
-              readonly email: string | null;
-              readonly mobilePhone: string | null;
-              readonly officePhone: string | null;
-              readonly addressString: string | null;
-              readonly status: "ACTIVE" | "ARCHIVED";
-              readonly memo: string | null;
-              readonly _local?: {
-                  readonly isOptimistic: boolean;
-              } | undefined;
-          } | null;
-          email: string | null | undefined;
-          address: string | null | undefined;
-          lineItems: {
-              amount: number;
-              id: string;
-              externalId: string | null;
-              memo: string | null;
-              description: string | null;
-              product: string | null;
-              subtotal: number;
-              quantity: BD.BigDecimal;
-              invoiceId: string;
-              unitPrice: number;
-              discountAmount: number;
-              salesTaxTotal: number;
-              totalAmount: number;
-          }[];
-      }, import("@tanstack/react-form").FormValidateOrFn<{
-          invoiceNumber: string;
-          customer: null;
-          email: string;
-          address: string;
-          lineItems: {
-              product: string;
-              description: string;
-              unitPrice: number;
-              quantity: BD.BigDecimal;
-              amount: number;
-          }[];
-      } | {
-          invoiceNumber: string | null;
-          customer: {
-              readonly id: string;
-              readonly externalId: string | null;
-              readonly individualName: string | null;
-              readonly companyName: string | null;
-              readonly email: string | null;
-              readonly mobilePhone: string | null;
-              readonly officePhone: string | null;
-              readonly addressString: string | null;
-              readonly status: "ACTIVE" | "ARCHIVED";
-              readonly memo: string | null;
-              readonly _local?: {
-                  readonly isOptimistic: boolean;
-              } | undefined;
-          } | null;
-          email: string | null | undefined;
-          address: string | null | undefined;
-          lineItems: {
-              amount: number;
-              id: string;
-              externalId: string | null;
-              memo: string | null;
-              description: string | null;
-              product: string | null;
-              subtotal: number;
-              quantity: BD.BigDecimal;
-              invoiceId: string;
-              unitPrice: number;
-              discountAmount: number;
-              salesTaxTotal: number;
-              totalAmount: number;
-          }[];
-      }> | undefined, import("@tanstack/react-form").FormValidateOrFn<{
-          invoiceNumber: string;
-          customer: null;
-          email: string;
-          address: string;
-          lineItems: {
-              product: string;
-              description: string;
-              unitPrice: number;
-              quantity: BD.BigDecimal;
-              amount: number;
-          }[];
-      } | {
-          invoiceNumber: string | null;
-          customer: {
-              readonly id: string;
-              readonly externalId: string | null;
-              readonly individualName: string | null;
-              readonly companyName: string | null;
-              readonly email: string | null;
-              readonly mobilePhone: string | null;
-              readonly officePhone: string | null;
-              readonly addressString: string | null;
-              readonly status: "ACTIVE" | "ARCHIVED";
-              readonly memo: string | null;
-              readonly _local?: {
-                  readonly isOptimistic: boolean;
-              } | undefined;
-          } | null;
-          email: string | null | undefined;
-          address: string | null | undefined;
-          lineItems: {
-              amount: number;
-              id: string;
-              externalId: string | null;
-              memo: string | null;
-              description: string | null;
-              product: string | null;
-              subtotal: number;
-              quantity: BD.BigDecimal;
-              invoiceId: string;
-              unitPrice: number;
-              discountAmount: number;
-              salesTaxTotal: number;
-              totalAmount: number;
-          }[];
-      }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
-          invoiceNumber: string;
-          customer: null;
-          email: string;
-          address: string;
-          lineItems: {
-              product: string;
-              description: string;
-              unitPrice: number;
-              quantity: BD.BigDecimal;
-              amount: number;
-          }[];
-      } | {
-          invoiceNumber: string | null;
-          customer: {
-              readonly id: string;
-              readonly externalId: string | null;
-              readonly individualName: string | null;
-              readonly companyName: string | null;
-              readonly email: string | null;
-              readonly mobilePhone: string | null;
-              readonly officePhone: string | null;
-              readonly addressString: string | null;
-              readonly status: "ACTIVE" | "ARCHIVED";
-              readonly memo: string | null;
-              readonly _local?: {
-                  readonly isOptimistic: boolean;
-              } | undefined;
-          } | null;
-          email: string | null | undefined;
-          address: string | null | undefined;
-          lineItems: {
-              amount: number;
-              id: string;
-              externalId: string | null;
-              memo: string | null;
-              description: string | null;
-              product: string | null;
-              subtotal: number;
-              quantity: BD.BigDecimal;
-              invoiceId: string;
-              unitPrice: number;
-              discountAmount: number;
-              salesTaxTotal: number;
-              totalAmount: number;
-          }[];
-      }> | undefined, import("@tanstack/react-form").FormValidateOrFn<{
-          invoiceNumber: string;
-          customer: null;
-          email: string;
-          address: string;
-          lineItems: {
-              product: string;
-              description: string;
-              unitPrice: number;
-              quantity: BD.BigDecimal;
-              amount: number;
-          }[];
-      } | {
-          invoiceNumber: string | null;
-          customer: {
-              readonly id: string;
-              readonly externalId: string | null;
-              readonly individualName: string | null;
-              readonly companyName: string | null;
-              readonly email: string | null;
-              readonly mobilePhone: string | null;
-              readonly officePhone: string | null;
-              readonly addressString: string | null;
-              readonly status: "ACTIVE" | "ARCHIVED";
-              readonly memo: string | null;
-              readonly _local?: {
-                  readonly isOptimistic: boolean;
-              } | undefined;
-          } | null;
-          email: string | null | undefined;
-          address: string | null | undefined;
-          lineItems: {
-              amount: number;
-              id: string;
-              externalId: string | null;
-              memo: string | null;
-              description: string | null;
-              product: string | null;
-              subtotal: number;
-              quantity: BD.BigDecimal;
-              invoiceId: string;
-              unitPrice: number;
-              discountAmount: number;
-              salesTaxTotal: number;
-              totalAmount: number;
-          }[];
-      }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
-          invoiceNumber: string;
-          customer: null;
-          email: string;
-          address: string;
-          lineItems: {
-              product: string;
-              description: string;
-              unitPrice: number;
-              quantity: BD.BigDecimal;
-              amount: number;
-          }[];
-      } | {
-          invoiceNumber: string | null;
-          customer: {
-              readonly id: string;
-              readonly externalId: string | null;
-              readonly individualName: string | null;
-              readonly companyName: string | null;
-              readonly email: string | null;
-              readonly mobilePhone: string | null;
-              readonly officePhone: string | null;
-              readonly addressString: string | null;
-              readonly status: "ACTIVE" | "ARCHIVED";
-              readonly memo: string | null;
-              readonly _local?: {
-                  readonly isOptimistic: boolean;
-              } | undefined;
-          } | null;
-          email: string | null | undefined;
-          address: string | null | undefined;
-          lineItems: {
-              amount: number;
-              id: string;
-              externalId: string | null;
-              memo: string | null;
-              description: string | null;
-              product: string | null;
-              subtotal: number;
-              quantity: BD.BigDecimal;
-              invoiceId: string;
-              unitPrice: number;
-              discountAmount: number;
-              salesTaxTotal: number;
-              totalAmount: number;
-          }[];
-      }> | undefined, import("@tanstack/react-form").FormValidateOrFn<{
-          invoiceNumber: string;
-          customer: null;
-          email: string;
-          address: string;
-          lineItems: {
-              product: string;
-              description: string;
-              unitPrice: number;
-              quantity: BD.BigDecimal;
-              amount: number;
-          }[];
-      } | {
-          invoiceNumber: string | null;
-          customer: {
-              readonly id: string;
-              readonly externalId: string | null;
-              readonly individualName: string | null;
-              readonly companyName: string | null;
-              readonly email: string | null;
-              readonly mobilePhone: string | null;
-              readonly officePhone: string | null;
-              readonly addressString: string | null;
-              readonly status: "ACTIVE" | "ARCHIVED";
-              readonly memo: string | null;
-              readonly _local?: {
-                  readonly isOptimistic: boolean;
-              } | undefined;
-          } | null;
-          email: string | null | undefined;
-          address: string | null | undefined;
-          lineItems: {
-              amount: number;
-              id: string;
-              externalId: string | null;
-              memo: string | null;
-              description: string | null;
-              product: string | null;
-              subtotal: number;
-              quantity: BD.BigDecimal;
-              invoiceId: string;
-              unitPrice: number;
-              discountAmount: number;
-              salesTaxTotal: number;
-              totalAmount: number;
-          }[];
-      }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
-          invoiceNumber: string;
-          customer: null;
-          email: string;
-          address: string;
-          lineItems: {
-              product: string;
-              description: string;
-              unitPrice: number;
-              quantity: BD.BigDecimal;
-              amount: number;
-          }[];
-      } | {
-          invoiceNumber: string | null;
-          customer: {
-              readonly id: string;
-              readonly externalId: string | null;
-              readonly individualName: string | null;
-              readonly companyName: string | null;
-              readonly email: string | null;
-              readonly mobilePhone: string | null;
-              readonly officePhone: string | null;
-              readonly addressString: string | null;
-              readonly status: "ACTIVE" | "ARCHIVED";
-              readonly memo: string | null;
-              readonly _local?: {
-                  readonly isOptimistic: boolean;
-              } | undefined;
-          } | null;
-          email: string | null | undefined;
-          address: string | null | undefined;
-          lineItems: {
-              amount: number;
-              id: string;
-              externalId: string | null;
-              memo: string | null;
-              description: string | null;
-              product: string | null;
-              subtotal: number;
-              quantity: BD.BigDecimal;
-              invoiceId: string;
-              unitPrice: number;
-              discountAmount: number;
-              salesTaxTotal: number;
-              totalAmount: number;
-          }[];
-      }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
-          invoiceNumber: string;
-          customer: null;
-          email: string;
-          address: string;
-          lineItems: {
-              product: string;
-              description: string;
-              unitPrice: number;
-              quantity: BD.BigDecimal;
-              amount: number;
-          }[];
-      } | {
-          invoiceNumber: string | null;
-          customer: {
-              readonly id: string;
-              readonly externalId: string | null;
-              readonly individualName: string | null;
-              readonly companyName: string | null;
-              readonly email: string | null;
-              readonly mobilePhone: string | null;
-              readonly officePhone: string | null;
-              readonly addressString: string | null;
-              readonly status: "ACTIVE" | "ARCHIVED";
-              readonly memo: string | null;
-              readonly _local?: {
-                  readonly isOptimistic: boolean;
-              } | undefined;
-          } | null;
-          email: string | null | undefined;
-          address: string | null | undefined;
-          lineItems: {
-              amount: number;
-              id: string;
-              externalId: string | null;
-              memo: string | null;
-              description: string | null;
-              product: string | null;
-              subtotal: number;
-              quantity: BD.BigDecimal;
-              invoiceId: string;
-              unitPrice: number;
-              discountAmount: number;
-              salesTaxTotal: number;
-              totalAmount: number;
-          }[];
-      }> | undefined, unknown> & {
-          AppField: import("@tanstack/react-form").FieldComponent<{
-              invoiceNumber: string;
-              customer: null;
-              email: string;
-              address: string;
-              lineItems: {
-                  product: string;
-                  description: string;
-                  unitPrice: number;
-                  quantity: BD.BigDecimal;
-                  amount: number;
-              }[];
-          } | {
-              invoiceNumber: string | null;
-              customer: {
-                  readonly id: string;
-                  readonly externalId: string | null;
-                  readonly individualName: string | null;
-                  readonly companyName: string | null;
-                  readonly email: string | null;
-                  readonly mobilePhone: string | null;
-                  readonly officePhone: string | null;
-                  readonly addressString: string | null;
-                  readonly status: "ACTIVE" | "ARCHIVED";
-                  readonly memo: string | null;
-                  readonly _local?: {
-                      readonly isOptimistic: boolean;
-                  } | undefined;
-              } | null;
-              email: string | null | undefined;
-              address: string | null | undefined;
-              lineItems: {
-                  amount: number;
-                  id: string;
-                  externalId: string | null;
-                  memo: string | null;
-                  description: string | null;
-                  product: string | null;
-                  subtotal: number;
-                  quantity: BD.BigDecimal;
-                  invoiceId: string;
-                  unitPrice: number;
-                  discountAmount: number;
-                  salesTaxTotal: number;
-                  totalAmount: number;
-              }[];
-          }, import("@tanstack/react-form").FormValidateOrFn<{
-              invoiceNumber: string;
-              customer: null;
-              email: string;
-              address: string;
-              lineItems: {
-                  product: string;
-                  description: string;
-                  unitPrice: number;
-                  quantity: BD.BigDecimal;
-                  amount: number;
-              }[];
-          } | {
-              invoiceNumber: string | null;
-              customer: {
-                  readonly id: string;
-                  readonly externalId: string | null;
-                  readonly individualName: string | null;
-                  readonly companyName: string | null;
-                  readonly email: string | null;
-                  readonly mobilePhone: string | null;
-                  readonly officePhone: string | null;
-                  readonly addressString: string | null;
-                  readonly status: "ACTIVE" | "ARCHIVED";
-                  readonly memo: string | null;
-                  readonly _local?: {
-                      readonly isOptimistic: boolean;
-                  } | undefined;
-              } | null;
-              email: string | null | undefined;
-              address: string | null | undefined;
-              lineItems: {
-                  amount: number;
-                  id: string;
-                  externalId: string | null;
-                  memo: string | null;
-                  description: string | null;
-                  product: string | null;
-                  subtotal: number;
-                  quantity: BD.BigDecimal;
-                  invoiceId: string;
-                  unitPrice: number;
-                  discountAmount: number;
-                  salesTaxTotal: number;
-                  totalAmount: number;
-              }[];
-          }> | undefined, import("@tanstack/react-form").FormValidateOrFn<{
-              invoiceNumber: string;
-              customer: null;
-              email: string;
-              address: string;
-              lineItems: {
-                  product: string;
-                  description: string;
-                  unitPrice: number;
-                  quantity: BD.BigDecimal;
-                  amount: number;
-              }[];
-          } | {
-              invoiceNumber: string | null;
-              customer: {
-                  readonly id: string;
-                  readonly externalId: string | null;
-                  readonly individualName: string | null;
-                  readonly companyName: string | null;
-                  readonly email: string | null;
-                  readonly mobilePhone: string | null;
-                  readonly officePhone: string | null;
-                  readonly addressString: string | null;
-                  readonly status: "ACTIVE" | "ARCHIVED";
-                  readonly memo: string | null;
-                  readonly _local?: {
-                      readonly isOptimistic: boolean;
-                  } | undefined;
-              } | null;
-              email: string | null | undefined;
-              address: string | null | undefined;
-              lineItems: {
-                  amount: number;
-                  id: string;
-                  externalId: string | null;
-                  memo: string | null;
-                  description: string | null;
-                  product: string | null;
-                  subtotal: number;
-                  quantity: BD.BigDecimal;
-                  invoiceId: string;
-                  unitPrice: number;
-                  discountAmount: number;
-                  salesTaxTotal: number;
-                  totalAmount: number;
-              }[];
-          }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
-              invoiceNumber: string;
-              customer: null;
-              email: string;
-              address: string;
-              lineItems: {
-                  product: string;
-                  description: string;
-                  unitPrice: number;
-                  quantity: BD.BigDecimal;
-                  amount: number;
-              }[];
-          } | {
-              invoiceNumber: string | null;
-              customer: {
-                  readonly id: string;
-                  readonly externalId: string | null;
-                  readonly individualName: string | null;
-                  readonly companyName: string | null;
-                  readonly email: string | null;
-                  readonly mobilePhone: string | null;
-                  readonly officePhone: string | null;
-                  readonly addressString: string | null;
-                  readonly status: "ACTIVE" | "ARCHIVED";
-                  readonly memo: string | null;
-                  readonly _local?: {
-                      readonly isOptimistic: boolean;
-                  } | undefined;
-              } | null;
-              email: string | null | undefined;
-              address: string | null | undefined;
-              lineItems: {
-                  amount: number;
-                  id: string;
-                  externalId: string | null;
-                  memo: string | null;
-                  description: string | null;
-                  product: string | null;
-                  subtotal: number;
-                  quantity: BD.BigDecimal;
-                  invoiceId: string;
-                  unitPrice: number;
-                  discountAmount: number;
-                  salesTaxTotal: number;
-                  totalAmount: number;
-              }[];
-          }> | undefined, import("@tanstack/react-form").FormValidateOrFn<{
-              invoiceNumber: string;
-              customer: null;
-              email: string;
-              address: string;
-              lineItems: {
-                  product: string;
-                  description: string;
-                  unitPrice: number;
-                  quantity: BD.BigDecimal;
-                  amount: number;
-              }[];
-          } | {
-              invoiceNumber: string | null;
-              customer: {
-                  readonly id: string;
-                  readonly externalId: string | null;
-                  readonly individualName: string | null;
-                  readonly companyName: string | null;
-                  readonly email: string | null;
-                  readonly mobilePhone: string | null;
-                  readonly officePhone: string | null;
-                  readonly addressString: string | null;
-                  readonly status: "ACTIVE" | "ARCHIVED";
-                  readonly memo: string | null;
-                  readonly _local?: {
-                      readonly isOptimistic: boolean;
-                  } | undefined;
-              } | null;
-              email: string | null | undefined;
-              address: string | null | undefined;
-              lineItems: {
-                  amount: number;
-                  id: string;
-                  externalId: string | null;
-                  memo: string | null;
-                  description: string | null;
-                  product: string | null;
-                  subtotal: number;
-                  quantity: BD.BigDecimal;
-                  invoiceId: string;
-                  unitPrice: number;
-                  discountAmount: number;
-                  salesTaxTotal: number;
-                  totalAmount: number;
-              }[];
-          }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
-              invoiceNumber: string;
-              customer: null;
-              email: string;
-              address: string;
-              lineItems: {
-                  product: string;
-                  description: string;
-                  unitPrice: number;
-                  quantity: BD.BigDecimal;
-                  amount: number;
-              }[];
-          } | {
-              invoiceNumber: string | null;
-              customer: {
-                  readonly id: string;
-                  readonly externalId: string | null;
-                  readonly individualName: string | null;
-                  readonly companyName: string | null;
-                  readonly email: string | null;
-                  readonly mobilePhone: string | null;
-                  readonly officePhone: string | null;
-                  readonly addressString: string | null;
-                  readonly status: "ACTIVE" | "ARCHIVED";
-                  readonly memo: string | null;
-                  readonly _local?: {
-                      readonly isOptimistic: boolean;
-                  } | undefined;
-              } | null;
-              email: string | null | undefined;
-              address: string | null | undefined;
-              lineItems: {
-                  amount: number;
-                  id: string;
-                  externalId: string | null;
-                  memo: string | null;
-                  description: string | null;
-                  product: string | null;
-                  subtotal: number;
-                  quantity: BD.BigDecimal;
-                  invoiceId: string;
-                  unitPrice: number;
-                  discountAmount: number;
-                  salesTaxTotal: number;
-                  totalAmount: number;
-              }[];
-          }> | undefined, import("@tanstack/react-form").FormValidateOrFn<{
-              invoiceNumber: string;
-              customer: null;
-              email: string;
-              address: string;
-              lineItems: {
-                  product: string;
-                  description: string;
-                  unitPrice: number;
-                  quantity: BD.BigDecimal;
-                  amount: number;
-              }[];
-          } | {
-              invoiceNumber: string | null;
-              customer: {
-                  readonly id: string;
-                  readonly externalId: string | null;
-                  readonly individualName: string | null;
-                  readonly companyName: string | null;
-                  readonly email: string | null;
-                  readonly mobilePhone: string | null;
-                  readonly officePhone: string | null;
-                  readonly addressString: string | null;
-                  readonly status: "ACTIVE" | "ARCHIVED";
-                  readonly memo: string | null;
-                  readonly _local?: {
-                      readonly isOptimistic: boolean;
-                  } | undefined;
-              } | null;
-              email: string | null | undefined;
-              address: string | null | undefined;
-              lineItems: {
-                  amount: number;
-                  id: string;
-                  externalId: string | null;
-                  memo: string | null;
-                  description: string | null;
-                  product: string | null;
-                  subtotal: number;
-                  quantity: BD.BigDecimal;
-                  invoiceId: string;
-                  unitPrice: number;
-                  discountAmount: number;
-                  salesTaxTotal: number;
-                  totalAmount: number;
-              }[];
-          }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
-              invoiceNumber: string;
-              customer: null;
-              email: string;
-              address: string;
-              lineItems: {
-                  product: string;
-                  description: string;
-                  unitPrice: number;
-                  quantity: BD.BigDecimal;
-                  amount: number;
-              }[];
-          } | {
-              invoiceNumber: string | null;
-              customer: {
-                  readonly id: string;
-                  readonly externalId: string | null;
-                  readonly individualName: string | null;
-                  readonly companyName: string | null;
-                  readonly email: string | null;
-                  readonly mobilePhone: string | null;
-                  readonly officePhone: string | null;
-                  readonly addressString: string | null;
-                  readonly status: "ACTIVE" | "ARCHIVED";
-                  readonly memo: string | null;
-                  readonly _local?: {
-                      readonly isOptimistic: boolean;
-                  } | undefined;
-              } | null;
-              email: string | null | undefined;
-              address: string | null | undefined;
-              lineItems: {
-                  amount: number;
-                  id: string;
-                  externalId: string | null;
-                  memo: string | null;
-                  description: string | null;
-                  product: string | null;
-                  subtotal: number;
-                  quantity: BD.BigDecimal;
-                  invoiceId: string;
-                  unitPrice: number;
-                  discountAmount: number;
-                  salesTaxTotal: number;
-                  totalAmount: number;
-              }[];
-          }> | undefined, import("@tanstack/react-form").FormAsyncValidateOrFn<{
-              invoiceNumber: string;
-              customer: null;
-              email: string;
-              address: string;
-              lineItems: {
-                  product: string;
-                  description: string;
-                  unitPrice: number;
-                  quantity: BD.BigDecimal;
-                  amount: number;
-              }[];
-          } | {
-              invoiceNumber: string | null;
-              customer: {
-                  readonly id: string;
-                  readonly externalId: string | null;
-                  readonly individualName: string | null;
-                  readonly companyName: string | null;
-                  readonly email: string | null;
-                  readonly mobilePhone: string | null;
-                  readonly officePhone: string | null;
-                  readonly addressString: string | null;
-                  readonly status: "ACTIVE" | "ARCHIVED";
-                  readonly memo: string | null;
-                  readonly _local?: {
-                      readonly isOptimistic: boolean;
-                  } | undefined;
-              } | null;
-              email: string | null | undefined;
-              address: string | null | undefined;
-              lineItems: {
-                  amount: number;
-                  id: string;
-                  externalId: string | null;
-                  memo: string | null;
-                  description: string | null;
-                  product: string | null;
-                  subtotal: number;
-                  quantity: BD.BigDecimal;
-                  invoiceId: string;
-                  unitPrice: number;
-                  discountAmount: number;
-                  salesTaxTotal: number;
-                  totalAmount: number;
-              }[];
-          }> | undefined, unknown, NoInfer<{
-              readonly BaseFormTextField: typeof import("@layerfi/components/features/forms/components/BaseFormTextField").BaseFormTextField;
-              readonly FormBigDecimalField: typeof import("@layerfi/components/features/forms/components/FormBigDecimalField").FormBigDecimalField;
-              readonly FormCurrencyField: typeof import("@layerfi/components/features/forms/components/FormCurrencyField").FormCurrencyField;
-              readonly FormTextAreaField: typeof import("@layerfi/components/features/forms/components/FormTextAreaField").FormTextAreaField;
-              readonly FormTextField: typeof import("@layerfi/components/features/forms/components/FormTextField").FormTextField;
-          }>>;
-          AppForm: import("react").ComponentType<import("react").PropsWithChildren>;
-      };
-      submitError: string | undefined;
+  import { type InvoiceFormMode } from '@layerfi/components/components/Invoices/InvoiceForm/InvoiceForm';
+  import type { Invoice } from '@layerfi/components/features/invoices/invoiceSchemas';
+  export type InvoiceDetailProps = InvoiceFormMode & {
+      onSuccess?: (invoice: Invoice) => void;
+      onGoBack: () => void;
+  };
+  export const InvoiceDetail: (props: InvoiceDetailProps) => import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/components/Invoices/InvoiceForm/InvoiceForm' {
+  import React from 'react';
+  import type { Invoice } from '@layerfi/components/features/invoices/invoiceSchemas';
+  import { UpsertInvoiceMode } from '@layerfi/components/features/invoices/api/useUpsertInvoice';
+  import { type InvoiceFormState } from '@layerfi/components/components/Invoices/InvoiceForm/formUtils';
+  export type InvoiceFormMode = {
+      mode: UpsertInvoiceMode.Update;
+      invoice: Invoice;
+  } | {
+      mode: UpsertInvoiceMode.Create;
+  };
+  export type InvoiceFormProps = InvoiceFormMode & {
+      isReadOnly: boolean;
+      onSuccess?: (invoice: Invoice) => void;
+      onChangeFormState?: (formState: InvoiceFormState) => void;
+  };
+  export const InvoiceForm: React.ForwardRefExoticComponent<InvoiceFormProps & React.RefAttributes<unknown>>;
+
+}
+declare module '@layerfi/components/components/Invoices/InvoiceForm/formUtils' {
+  import { type Invoice, type InvoiceForm, type InvoiceFormLineItem } from '@layerfi/components/features/invoices/invoiceSchemas';
+  import { ValidationErrorMap } from '@tanstack/react-form';
+  export type InvoiceFormState = {
       isFormValid: boolean;
+      isSubmitting: boolean;
+      submitError: string | undefined;
+  };
+  export const getEmptyLineItem: () => InvoiceFormLineItem;
+  export const getInvoiceFormDefaultValues: () => InvoiceForm;
+  export const getInvoiceFormInitialValues: (invoice: Invoice) => InvoiceForm;
+  export const validateOnSubmit: ({ value: invoice }: {
+      value: InvoiceForm;
+  }) => ({
+      customer: string;
+      invoiceNumber?: undefined;
+      sentAt?: undefined;
+      dueAt?: undefined;
+      lineItems?: undefined;
+  } | {
+      invoiceNumber: string;
+      customer?: undefined;
+      sentAt?: undefined;
+      dueAt?: undefined;
+      lineItems?: undefined;
+  } | {
+      sentAt: string;
+      customer?: undefined;
+      invoiceNumber?: undefined;
+      dueAt?: undefined;
+      lineItems?: undefined;
+  } | {
+      dueAt: string;
+      customer?: undefined;
+      invoiceNumber?: undefined;
+      sentAt?: undefined;
+      lineItems?: undefined;
+  } | {
+      lineItems: string;
+      customer?: undefined;
+      invoiceNumber?: undefined;
+      sentAt?: undefined;
+      dueAt?: undefined;
+  })[] | null;
+  export function flattenValidationErrors(errors: ValidationErrorMap): string[];
+  export const convertInvoiceFormToParams: (form: InvoiceForm) => unknown;
+
+}
+declare module '@layerfi/components/components/Invoices/InvoiceForm/totalsUtils' {
+  import { BigDecimal as BD } from 'effect';
+  import type { InvoiceForm, InvoiceFormLineItem } from '@layerfi/components/features/invoices/invoiceSchemas';
+  export function computeSubtotal(lineItems: InvoiceFormLineItem[]): BD.BigDecimal;
+  export function computeSubtotal(lineItems: readonly InvoiceFormLineItem[]): BD.BigDecimal;
+  export const computeRawTaxableSubtotal: (lineItems: InvoiceFormLineItem[]) => BD.BigDecimal;
+  export function computeAdditionalDiscount({ subtotal, discountRate, }: {
+      subtotal: BD.BigDecimal;
+      discountRate: BD.BigDecimal;
+  }): BD.BigDecimal;
+  export function computeTaxableSubtotal({ rawTaxableSubtotal, discountRate, }: {
+      rawTaxableSubtotal: BD.BigDecimal;
+      discountRate: BD.BigDecimal;
+  }): BD.BigDecimal;
+  export function computeTaxes({ taxableSubtotal, taxRate, }: {
+      taxableSubtotal: BD.BigDecimal;
+      taxRate: BD.BigDecimal;
+  }): BD.BigDecimal;
+  export function computeGrandTotal({ subtotal, additionalDiscount, taxes, }: {
+      subtotal: BD.BigDecimal;
+      additionalDiscount: BD.BigDecimal;
+      taxes: BD.BigDecimal;
+  }): BD.BigDecimal;
+  export const getGrandTotalFromInvoice: (invoice: InvoiceForm) => BD.BigDecimal;
+
+}
+declare module '@layerfi/components/components/Invoices/InvoiceForm/useInvoiceForm' {
+  import { type Invoice, type InvoiceForm } from '@layerfi/components/features/invoices/invoiceSchemas';
+  import { UpsertInvoiceMode } from '@layerfi/components/features/invoices/api/useUpsertInvoice';
+  type UseInvoiceFormProps = {
+      onSuccess?: (invoice: Invoice) => void;
+      mode: UpsertInvoiceMode.Create;
+  } | {
+      onSuccess?: (invoice: Invoice) => void;
+      mode: UpsertInvoiceMode.Update;
+      invoice: Invoice;
+  };
+  export const useInvoiceForm: (props: UseInvoiceFormProps) => {
+      form: import("@tanstack/react-form/dist/esm/createFormHook").AppFieldExtendedReactFormApi<InvoiceForm, import("@tanstack/react-form").FormValidateOrFn<InvoiceForm>, import("@tanstack/react-form").FormValidateOrFn<InvoiceForm>, import("@tanstack/react-form").FormAsyncValidateOrFn<InvoiceForm>, import("@tanstack/react-form").FormValidateOrFn<InvoiceForm>, import("@tanstack/react-form").FormAsyncValidateOrFn<InvoiceForm>, import("@tanstack/react-form").FormValidateOrFn<InvoiceForm>, import("@tanstack/react-form").FormAsyncValidateOrFn<InvoiceForm>, import("@tanstack/react-form").FormAsyncValidateOrFn<InvoiceForm>, unknown, {
+          readonly BaseFormTextField: typeof import("@layerfi/components/features/forms/components/BaseFormTextField").BaseFormTextField;
+          readonly FormBigDecimalField: typeof import("@layerfi/components/features/forms/components/FormBigDecimalField").FormBigDecimalField;
+          readonly FormCheckboxField: typeof import("@layerfi/components/features/forms/components/FormCheckboxField").FormCheckboxField;
+          readonly FormDateField: typeof import("@layerfi/components/features/forms/components/FormDateField").FormDateField;
+          readonly FormTextAreaField: typeof import("@layerfi/components/features/forms/components/FormTextAreaField").FormTextAreaField;
+          readonly FormTextField: typeof import("@layerfi/components/features/forms/components/FormTextField").FormTextField;
+      }, {}>;
+      formState: {
+          isFormValid: boolean;
+          isSubmitting: boolean;
+          submitError: string | undefined;
+      };
+      totals: {
+          subtotal: import("effect/BigDecimal").BigDecimal;
+          additionalDiscount: import("effect/BigDecimal").BigDecimal;
+          taxableSubtotal: import("effect/BigDecimal").BigDecimal;
+          taxes: import("effect/BigDecimal").BigDecimal;
+          grandTotal: import("effect/BigDecimal").BigDecimal;
+      };
   };
   export {};
 
@@ -4575,6 +3415,27 @@ declare module '@layerfi/components/components/Invoices/InvoiceStatusCell/Invoic
       inline?: boolean;
   }) => import("react/jsx-runtime").JSX.Element;
 
+}
+declare module '@layerfi/components/components/Invoices/InvoiceTermsComboBox/InvoiceTermsComboBox' {
+  import { ZonedDateTime } from '@internationalized/date';
+  export enum InvoiceTermsValues {
+      Net10 = "Net10",
+      Net15 = "Net15",
+      Net30 = "Net30",
+      Net60 = "Net60",
+      Net90 = "Net90",
+      Custom = "Custom"
+  }
+  export const getDurationInDaysFromTerms: (terms: InvoiceTermsValues) => 15 | 60 | 30 | 10 | 90 | undefined;
+  export const getInvoiceTermsFromDates: (sentAt: ZonedDateTime | null, dueAt: ZonedDateTime | null) => InvoiceTermsValues;
+  type InvoiceTermsComboBoxProps = {
+      value: InvoiceTermsValues;
+      onValueChange: (value: InvoiceTermsValues | null) => void;
+      isReadOnly?: boolean;
+  };
+  export const InvoiceTermsComboBox: ({ value, onValueChange, isReadOnly }: InvoiceTermsComboBoxProps) => import("react/jsx-runtime").JSX.Element;
+  export {};
+
 }
 declare module '@layerfi/components/components/Invoices/Invoices' {
   interface InvoicesStringOverrides {
@@ -6502,7 +5363,7 @@ declare module '@layerfi/components/components/ui/Button/Button' {
 }
 declare module '@layerfi/components/components/ui/Checkbox/Checkbox' {
   import { type CheckboxProps as AriaCheckboxProps } from 'react-aria-components';
-  type CheckboxVariant = 'default' | 'success';
+  type CheckboxVariant = 'default' | 'success' | 'error';
   type CheckboxSize = 'md' | 'lg';
   type CheckboxProps = Omit<AriaCheckboxProps, 'className'> & {
       className?: string;
@@ -6555,11 +5416,26 @@ declare module '@layerfi/components/components/ui/ComboBox/ComboBox' {
       isMutating?: boolean;
       isSearchable?: boolean;
       isClearable?: boolean;
+      isReadOnly?: boolean;
       displayDisabledAsSelected?: boolean;
   } & OptionsOrGroups<T> & AriaLabelProps;
-  export function ComboBox<T extends ComboBoxOption>({ className, selectedValue, onSelectedValueChange, options, groups, onInputValueChange, placeholder, slots, inputId, isDisabled, isError, isLoading, isMutating, isSearchable, isClearable, displayDisabledAsSelected, ...ariaProps }: ComboBoxProps<T>): import("react/jsx-runtime").JSX.Element;
+  export function ComboBox<T extends ComboBoxOption>({ className, selectedValue, onSelectedValueChange, options, groups, onInputValueChange, placeholder, slots, inputId, isDisabled, isError, isLoading, isMutating, isSearchable, isClearable, isReadOnly, displayDisabledAsSelected, ...ariaProps }: ComboBoxProps<T>): import("react/jsx-runtime").JSX.Element;
   export {};
 
+}
+declare module '@layerfi/components/components/ui/Date/Date' {
+  import type { ZonedDateTime } from '@internationalized/date';
+  import { type DateFieldProps as ReactAriaDateFieldProps, type DateSegmentProps as ReactAriaDateSegmentProps, type DateInputProps as ReactAriaDateInputProps } from 'react-aria-components';
+  export const DateField: import("react").ForwardRefExoticComponent<ReactAriaDateFieldProps<ZonedDateTime> & {
+      inline?: boolean;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+  export const DateInput: import("react").ForwardRefExoticComponent<Omit<ReactAriaDateInputProps, "className"> & {
+      inset?: true;
+  } & import("react").RefAttributes<HTMLInputElement>>;
+  export const DateSegment: import("react").ForwardRefExoticComponent<Omit<ReactAriaDateSegmentProps, "className"> & {
+      isReadOnly?: boolean;
+  } & import("react").RefAttributes<HTMLDivElement>>;
+
 }
 declare module '@layerfi/components/components/ui/DropdownMenu/DropdownMenu' {
   import React, { PropsWithChildren } from 'react';
@@ -6606,14 +5482,11 @@ declare module '@layerfi/components/components/ui/Form/Form' {
 
 }
 declare module '@layerfi/components/components/ui/Input/Input' {
-  import { type ComponentProps } from 'react';
-  import { Input as ReactAriaInput } from 'react-aria-components';
-  type InputProps = Omit<ComponentProps<typeof ReactAriaInput>, 'className'> & {
+  import { InputProps as ReactAriaInputProps } from 'react-aria-components';
+  export const Input: import("react").ForwardRefExoticComponent<Omit<ReactAriaInputProps, "className"> & {
       inset?: true;
-      placement?: 'first';
-  };
-  export const Input: import("react").ForwardRefExoticComponent<Omit<InputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
-  export {};
+      placement?: "first";
+  } & import("react").RefAttributes<HTMLInputElement>>;
 
 }
 declare module '@layerfi/components/components/ui/Input/InputGroup' {
@@ -7807,7 +6680,7 @@ declare module '@layerfi/components/features/customers/components/CustomerSelect
       inline?: boolean;
       className?: string;
   };
-  export function CustomerSelector({ selectedCustomer, onSelectedCustomerChange, placeholder, isReadOnly, inline, className, }: CustomerSelectorProps): import("react/jsx-runtime").JSX.Element | null;
+  export function CustomerSelector({ selectedCustomer, onSelectedCustomerChange, placeholder, isReadOnly, inline, className, }: CustomerSelectorProps): import("react/jsx-runtime").JSX.Element;
   export {};
 
 }
@@ -7863,98 +6736,97 @@ declare module '@layerfi/components/features/customers/customersSchemas' {
 declare module '@layerfi/components/features/forms/components/BaseFormTextField' {
   import type { PropsWithChildren } from 'react';
   import { type TextFieldProps } from '@layerfi/components/components/ui/Form/Form';
-  export interface BaseFormTextFieldProps {
-      label: string;
-      className?: string;
-      inline?: boolean;
-      showLabel?: boolean;
-      showFieldError?: boolean;
+  import type { CommonFormFieldProps } from '@layerfi/components/features/forms/types';
+  export type BaseFormTextFieldProps = CommonFormFieldProps & {
       inputMode?: TextFieldProps['inputMode'];
       isTextArea?: boolean;
-  }
-  export function BaseFormTextField<TData>({ label, className, inline, showLabel, showFieldError, isTextArea, children, }: PropsWithChildren<BaseFormTextFieldProps>): import("react/jsx-runtime").JSX.Element;
+  };
+  export function BaseFormTextField({ label, inline, showLabel, showFieldError, isTextArea, isReadOnly, className, children, }: PropsWithChildren<BaseFormTextFieldProps>): import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/features/forms/components/FormBigDecimalField' {
+  import { BigDecimal as BD } from 'effect';
   import { type BaseFormTextFieldProps } from '@layerfi/components/features/forms/components/BaseFormTextField';
-  type FormBigDecimalFieldProps = {
-      slotProps: {
-          BaseFormTextField: Omit<BaseFormTextFieldProps, 'inputMode'>;
-      };
-      maxInputLength?: number;
+  type FormBigDecimalFieldProps = Omit<BaseFormTextFieldProps, 'inputMode' | 'isTextArea'> & {
+      maxValue?: number;
+      minDecimalPlaces?: number;
+      maxDecimalPlaces?: number;
       allowNegative?: boolean;
+      mode?: 'percent' | 'currency' | 'decimal';
   };
-  export function FormBigDecimalField({ slotProps, maxInputLength, allowNegative, }: FormBigDecimalFieldProps): import("react/jsx-runtime").JSX.Element;
+  /**
+   * This is some crazy nonsense to make BigDecimal play nicely with TanStack form. TanStack form checks deep equality for
+   * object form fields all the way down to determine if they've changed. BigDecimal has a `normalized` param, which is a
+   * BigDecimal that is the "normalized" form of itself (i.e., lowest absolute scale). Therefore, when determining if two
+   * BigDecimals values are equal, we do an infinite recursion comparing their normalized forms.
+   *
+   * To remediate this, before updating a BigDecimal field, we check the new value is equal (per BigDecimal.equal) outside,
+   * and if not, only then call the onChange handler with the value wrapped with withForceUpdate, which adds a unique symbol
+   * to the BigDecimal and short-circuits any potential infinite recursion on comparing normalized values all the way down.
+   *
+   * Doing either the equality check or forced update to cause inequality is sufficient, but we do both to cover our bases.
+   */
+  export const withForceUpdate: (value: BD.BigDecimal) => BD.BigDecimal;
+  export function FormBigDecimalField({ mode, allowNegative, maxValue, minDecimalPlaces, maxDecimalPlaces, ...restProps }: FormBigDecimalFieldProps): import("react/jsx-runtime").JSX.Element;
   export {};
 
 }
-declare module '@layerfi/components/features/forms/components/FormCurrencyField' {
-  import { type BaseFormTextFieldProps } from '@layerfi/components/features/forms/components/BaseFormTextField';
-  type FormCurrencyFieldProps = {
-      slotProps: {
-          BaseFormTextField: Omit<BaseFormTextFieldProps, 'inputMode'>;
-      };
-  };
-  export function FormCurrencyField({ slotProps }: FormCurrencyFieldProps): import("react/jsx-runtime").JSX.Element;
-  export {};
+declare module '@layerfi/components/features/forms/components/FormCheckboxField' {
+  import { type PropsWithChildren } from 'react';
+  import type { CommonFormFieldProps } from '@layerfi/components/features/forms/types';
+  export type FormCheckboxFieldProps = CommonFormFieldProps;
+  export function FormCheckboxField({ label, className, inline, showLabel, showFieldError, isReadOnly, }: PropsWithChildren<FormCheckboxFieldProps>): import("react/jsx-runtime").JSX.Element;
+
+}
+declare module '@layerfi/components/features/forms/components/FormDateField' {
+  import { type PropsWithChildren } from 'react';
+  import type { CommonFormFieldProps } from '@layerfi/components/features/forms/types';
+  export type FormDateFieldProps = CommonFormFieldProps;
+  export function FormDateField({ label, className, inline, showLabel, showFieldError, isReadOnly, }: PropsWithChildren<FormDateFieldProps>): import("react/jsx-runtime").JSX.Element;
 
 }
 declare module '@layerfi/components/features/forms/components/FormTextAreaField' {
   import { type BaseFormTextFieldProps } from '@layerfi/components/features/forms/components/BaseFormTextField';
-  type FormTextAreaFieldProps = {
-      slotProps: {
-          BaseFormTextField: BaseFormTextFieldProps;
-      };
-  };
-  export function FormTextAreaField({ slotProps }: FormTextAreaFieldProps): import("react/jsx-runtime").JSX.Element;
+  type FormTextAreaFieldProps = Omit<BaseFormTextFieldProps, 'isTextArea'>;
+  export function FormTextAreaField(props: FormTextAreaFieldProps): import("react/jsx-runtime").JSX.Element;
   export {};
 
 }
 declare module '@layerfi/components/features/forms/components/FormTextField' {
   import { type BaseFormTextFieldProps } from '@layerfi/components/features/forms/components/BaseFormTextField';
-  type FormTextFieldProps = {
-      slotProps: {
-          BaseFormTextField: BaseFormTextFieldProps;
-      };
-  };
-  export function FormTextField({ slotProps }: FormTextFieldProps): import("react/jsx-runtime").JSX.Element;
+  type FormTextFieldProps = Omit<BaseFormTextFieldProps, 'isTextArea'>;
+  export function FormTextField(props: FormTextFieldProps): import("react/jsx-runtime").JSX.Element;
   export {};
 
 }
 declare module '@layerfi/components/features/forms/hooks/useForm' {
+  import { type FormOptions, type FormValidateOrFn, type FormAsyncValidateOrFn } from '@tanstack/react-form';
   import { BaseFormTextField } from '@layerfi/components/features/forms/components/BaseFormTextField';
   import { FormBigDecimalField } from '@layerfi/components/features/forms/components/FormBigDecimalField';
-  import { FormCurrencyField } from '@layerfi/components/features/forms/components/FormCurrencyField';
+  import { FormCheckboxField } from '@layerfi/components/features/forms/components/FormCheckboxField';
+  import { FormDateField } from '@layerfi/components/features/forms/components/FormDateField';
   import { FormTextAreaField } from '@layerfi/components/features/forms/components/FormTextAreaField';
   import { FormTextField } from '@layerfi/components/features/forms/components/FormTextField';
   export const fieldContext: import("react").Context<import("@tanstack/react-form").AnyFieldApi>, useFieldContext: <TData>() => import("@tanstack/react-form").FieldApi<any, string, TData, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any, any>, formContext: import("react").Context<import("@tanstack/react-form").AnyFormApi>, useFormContext: () => import("@tanstack/react-form").ReactFormExtendedApi<Record<string, never>, any, any, any, any, any, any, any, any, any>;
-  export const useAppForm: <TFormData, TOnMount extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta>(props: import("@tanstack/react-form").FormOptions<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta>) => import("@tanstack/react-form").FormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta> & import("@tanstack/react-form").ReactFormApi<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta> & {
-      AppField: import("@tanstack/react-form").FieldComponent<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta, NoInfer<{
-          readonly BaseFormTextField: typeof BaseFormTextField;
-          readonly FormBigDecimalField: typeof FormBigDecimalField;
-          readonly FormCurrencyField: typeof FormCurrencyField;
-          readonly FormTextAreaField: typeof FormTextAreaField;
-          readonly FormTextField: typeof FormTextField;
-      }>>;
-      AppForm: import("react").ComponentType<import("react").PropsWithChildren>;
-  }, withForm: <TFormData, TOnMount extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnChange extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnChangeAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnBlur extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnBlurAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnSubmit extends import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined, TOnSubmitAsync extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TOnServer extends import("@tanstack/react-form").FormAsyncValidateOrFn<TFormData> | undefined, TSubmitMeta, TRenderProps extends Record<string, unknown> = {}>({ render, props, }: import("@tanstack/react-form").WithFormProps<TFormData, TOnMount, TOnChange, TOnChangeAsync, TOnBlur, TOnBlurAsync, TOnSubmit, TOnSubmitAsync, TOnServer, TSubmitMeta, {
+  export function useAppForm<T>(props: FormOptions<T, FormValidateOrFn<T>, FormValidateOrFn<T>, FormAsyncValidateOrFn<T>, FormValidateOrFn<T>, FormAsyncValidateOrFn<T>, FormValidateOrFn<T>, FormAsyncValidateOrFn<T>, FormAsyncValidateOrFn<T>, unknown>): import("@tanstack/react-form/dist/esm/createFormHook").AppFieldExtendedReactFormApi<T, FormValidateOrFn<T>, FormValidateOrFn<T>, FormAsyncValidateOrFn<T>, FormValidateOrFn<T>, FormAsyncValidateOrFn<T>, FormValidateOrFn<T>, FormAsyncValidateOrFn<T>, FormAsyncValidateOrFn<T>, unknown, {
       readonly BaseFormTextField: typeof BaseFormTextField;
       readonly FormBigDecimalField: typeof FormBigDecimalField;
-      readonly FormCurrencyField: typeof FormCurrencyField;
+      readonly FormCheckboxField: typeof FormCheckboxField;
+      readonly FormDateField: typeof FormDateField;
       readonly FormTextAreaField: typeof FormTextAreaField;
       readonly FormTextField: typeof FormTextField;
-  }, {}, TRenderProps>) => (props: import("react").PropsWithChildren<NoInfer<[unknown] extends [TRenderProps] ? any : TRenderProps> & {
-      form: import("@tanstack/react-form").FormApi<[unknown] extends [TFormData] ? any : TFormData, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta> & import("@tanstack/react-form").ReactFormApi<[unknown] extends [TFormData] ? any : TFormData, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta> & {
-          AppField: import("@tanstack/react-form").FieldComponent<[unknown] extends [TFormData] ? any : TFormData, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnMount] ? [TOnMount] extends [TOnMount & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnMount : TOnMount, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnChange] ? [TOnChange] extends [TOnChange & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChange : TOnChange, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnChangeAsync] ? [TOnChangeAsync] extends [TOnChangeAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnChangeAsync : TOnChangeAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnBlur] ? [TOnBlur] extends [TOnBlur & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlur : TOnBlur, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnBlurAsync] ? [TOnBlurAsync] extends [TOnBlurAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnBlurAsync : TOnBlurAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmit] ? [TOnSubmit] extends [TOnSubmit & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmit : TOnSubmit, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnSubmitAsync] ? [TOnSubmitAsync] extends [TOnSubmitAsync & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnSubmitAsync : TOnSubmitAsync, [import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined] extends [TOnServer] ? [TOnServer] extends [TOnServer & (import("@tanstack/react-form").FormValidateOrFn<TFormData> | undefined)] ? any : TOnServer : TOnServer, [unknown] extends [TSubmitMeta] ? any : TSubmitMeta, NoInfer<{
-              readonly BaseFormTextField: typeof BaseFormTextField;
-              readonly FormBigDecimalField: typeof FormBigDecimalField;
-              readonly FormCurrencyField: typeof FormCurrencyField;
-              readonly FormTextAreaField: typeof FormTextAreaField;
-              readonly FormTextField: typeof FormTextField;
-          }>>;
-          AppForm: import("react").ComponentType<import("react").PropsWithChildren>;
-      };
-  }>) => import("react").JSX.Element;
+  }, {}>;
+
+}
+declare module '@layerfi/components/features/forms/types' {
+  export interface CommonFormFieldProps {
+      label: string;
+      className?: string;
+      inline?: boolean;
+      showLabel?: boolean;
+      showFieldError?: boolean;
+      isReadOnly?: boolean;
+  }
 
 }
 declare module '@layerfi/components/features/invoices/api/useListInvoices' {
@@ -8304,12 +7176,13 @@ declare module '@layerfi/components/features/invoices/api/useListInvoices' {
 declare module '@layerfi/components/features/invoices/api/useUpsertInvoice' {
   import type { Key } from 'swr';
   import { type SWRMutationResponse } from 'swr/mutation';
-  import { type UpsertInvoice } from '@layerfi/components/features/invoices/invoiceSchemas';
+  import { type UpsertInvoiceSchema } from '@layerfi/components/features/invoices/invoiceSchemas';
   import { Schema } from 'effect';
   export enum UpsertInvoiceMode {
       Create = "Create",
       Update = "Update"
   }
+  type UpsertInvoiceBody = typeof UpsertInvoiceSchema.Encoded;
   const UpsertInvoiceReturnSchema: Schema.Struct<{
       data: Schema.Struct<{
           id: typeof Schema.UUID;
@@ -8375,7 +7248,7 @@ declare module '@layerfi/components/features/invoices/api/useUpsertInvoice' {
       }>;
   }>;
   type UpsertInvoiceReturn = typeof UpsertInvoiceReturnSchema.Type;
-  type UpsertInvoiceSWRMutationResponse = SWRMutationResponse<UpsertInvoiceReturn, unknown, Key, UpsertInvoice>;
+  type UpsertInvoiceSWRMutationResponse = SWRMutationResponse<UpsertInvoiceReturn, unknown, Key, UpsertInvoiceBody>;
   class UpsertInvoiceSWRResponse {
       private swrResponse;
       constructor(swrResponse: UpsertInvoiceSWRMutationResponse);
@@ -8482,20 +7355,20 @@ declare module '@layerfi/components/features/invoices/api/useUpsertInvoice' {
           };
       }, unknown, Key, {
           readonly memo: string | null;
-          readonly sentAt: Date;
-          readonly dueAt: Date;
-          readonly invoiceNumber: string | undefined;
-          readonly lineItems: readonly {
+          readonly sent_at: string;
+          readonly due_at: string;
+          readonly invoice_number: string | undefined;
+          readonly line_items: readonly {
               readonly description: string;
               readonly product: string;
-              readonly quantity: import("effect/BigDecimal").BigDecimal;
-              readonly unitPrice: number;
+              readonly quantity: string;
+              readonly unit_price: number;
+              readonly sales_taxes: readonly {
+                  readonly amount: number;
+              }[] | undefined;
           }[];
-          readonly additionalDiscount: number | undefined;
-          readonly customerId: string;
-          readonly additionalSalesTaxes: readonly {
-              readonly amount: number;
-          }[] | undefined;
+          readonly additional_discount: number | undefined;
+          readonly customer_id: string;
       }>;
       get isMutating(): boolean;
       get isError(): boolean;
@@ -8522,6 +7395,7 @@ declare module '@layerfi/components/features/invoices/api/useUpsertInvoice' {
 }
 declare module '@layerfi/components/features/invoices/invoiceSchemas' {
   import { Schema } from 'effect';
+  import { InvoiceTermsValues } from '@layerfi/components/components/Invoices/InvoiceTermsComboBox/InvoiceTermsComboBox';
   export enum InvoiceStatus {
       Voided = "VOIDED",
       Paid = "PAID",
@@ -8617,6 +7491,11 @@ declare module '@layerfi/components/features/invoices/invoiceSchemas' {
       product: typeof Schema.String;
       unitPrice: Schema.PropertySignature<":", number, "unit_price", ":", number, false, never>;
       quantity: typeof Schema.BigDecimal;
+      salesTaxes: Schema.PropertySignature<":", readonly {
+          readonly amount: number;
+      }[] | undefined, "sales_taxes", ":", readonly {
+          readonly amount: number;
+      }[] | undefined, false, never>;
   }>;
   export type UpsertInvoiceLineItem = typeof UpsertInvoiceLineItemSchema.Type;
   export const UpsertInvoiceSchema: Schema.Struct<{
@@ -8630,20 +7509,67 @@ declare module '@layerfi/components/features/invoices/invoiceSchemas' {
           readonly product: string;
           readonly quantity: import("effect/BigDecimal").BigDecimal;
           readonly unitPrice: number;
+          readonly salesTaxes: readonly {
+              readonly amount: number;
+          }[] | undefined;
       }[], "line_items", ":", readonly {
           readonly description: string;
           readonly product: string;
           readonly quantity: string;
           readonly unit_price: number;
+          readonly sales_taxes: readonly {
+              readonly amount: number;
+          }[] | undefined;
       }[], false, never>;
       additionalDiscount: Schema.PropertySignature<":", number | undefined, "additional_discount", ":", number | undefined, false, never>;
-      additionalSalesTaxes: Schema.PropertySignature<":", readonly {
-          readonly amount: number;
-      }[] | undefined, "additional_sales_taxes", ":", readonly {
-          readonly amount: number;
-      }[] | undefined, false, never>;
   }>;
   export type UpsertInvoice = typeof UpsertInvoiceSchema.Type;
+  export const InvoiceFormLineItemSchema: Schema.Struct<{
+      description: typeof Schema.String;
+      product: typeof Schema.String;
+      unitPrice: typeof Schema.BigDecimal;
+      quantity: typeof Schema.BigDecimal;
+      amount: typeof Schema.BigDecimal;
+      isTaxable: typeof Schema.Boolean;
+  }>;
+  export type InvoiceFormLineItem = typeof InvoiceFormLineItemSchema.Type;
+  export const InvoiceFormSchema: Schema.Struct<{
+      terms: Schema.Enums<typeof InvoiceTermsValues>;
+      sentAt: Schema.NullOr<Schema.declare<import("@internationalized/date").ZonedDateTime, import("@internationalized/date").ZonedDateTime, readonly [], never>>;
+      dueAt: Schema.NullOr<Schema.declare<import("@internationalized/date").ZonedDateTime, import("@internationalized/date").ZonedDateTime, readonly [], never>>;
+      invoiceNumber: typeof Schema.String;
+      customer: Schema.NullOr<Schema.Struct<{
+          id: typeof Schema.UUID;
+          externalId: Schema.PropertySignature<":", string | null, "external_id", ":", string | null, false, never>;
+          individualName: Schema.PropertySignature<":", string | null, "individual_name", ":", string | null, false, never>;
+          companyName: Schema.PropertySignature<":", string | null, "company_name", ":", string | null, false, never>;
+          email: Schema.NullOr<typeof Schema.String>;
+          mobilePhone: Schema.PropertySignature<":", string | null, "mobile_phone", ":", string | null, false, never>;
+          officePhone: Schema.PropertySignature<":", string | null, "office_phone", ":", string | null, false, never>;
+          addressString: Schema.PropertySignature<":", string | null, "address_string", ":", string | null, false, never>;
+          status: Schema.transform<typeof Schema.NonEmptyTrimmedString, Schema.SchemaClass<"ACTIVE" | "ARCHIVED", "ACTIVE" | "ARCHIVED", never>>;
+          memo: Schema.NullOr<typeof Schema.String>;
+          _local: Schema.optional<Schema.Struct<{
+              isOptimistic: typeof Schema.Boolean;
+          }>>;
+      }>>;
+      email: typeof Schema.String;
+      address: typeof Schema.String;
+      lineItems: Schema.Array$<Schema.Struct<{
+          description: typeof Schema.String;
+          product: typeof Schema.String;
+          unitPrice: typeof Schema.BigDecimal;
+          quantity: typeof Schema.BigDecimal;
+          amount: typeof Schema.BigDecimal;
+          isTaxable: typeof Schema.Boolean;
+      }>>;
+      discountRate: typeof Schema.BigDecimal;
+      taxRate: typeof Schema.BigDecimal;
+      memo: typeof Schema.String;
+  }>;
+  export type InvoiceForm = Omit<typeof InvoiceFormSchema.Type, 'lineItems'> & {
+      lineItems: InvoiceFormLineItem[];
+  };
 
 }
 declare module '@layerfi/components/features/ledger/accounts/[ledgerAccountId]/api/useListLedgerAccountLines' {
@@ -9405,11 +8331,14 @@ declare module '@layerfi/components/hooks/customAccounts/types' {
       direction: Direction;
       date: string;
       description: string;
+      reference_number?: string | null;
   };
   export interface CustomAccountTransactionRow {
       date: string;
       description: string;
       amount: number;
+      external_id?: string | null;
+      reference_number?: string | null;
   }
 
 }
@@ -11872,6 +10801,7 @@ declare module '@layerfi/components/types/linked_accounts' {
       connection_needs_repair_as_of: string | null;
       is_syncing: boolean;
       user_created: boolean;
+      reconnect_with_new_credentials: boolean;
   };
   export type LinkedAccounts = {
       type: string;
@@ -12082,6 +11012,7 @@ declare module '@layerfi/components/types/profit_and_loss' {
       other_outflows?: LineItem | null;
       personal_expenses?: LineItem | null;
       fully_categorized: boolean;
+      custom_line_items?: LineItem | null;
   }
   export interface TagComparisonOption {
       displayName: string;
@@ -12477,16 +11408,28 @@ declare module '@layerfi/components/utils/bigDecimalUtils' {
   import { BigDecimal as BD } from 'effect';
   export const BIG_DECIMAL_ZERO: BD.BigDecimal;
   export const BIG_DECIMAL_ONE: BD.BigDecimal;
+  export const BIG_DECIMAL_NEG_ONE: BD.BigDecimal;
   export const BIG_DECIMAL_ONE_HUNDRED: BD.BigDecimal;
-  export const DECIMAL_CHARS_REGEX: RegExp;
-  export const NON_NEGATIVE_DECIMAL_CHARS_REGEX: RegExp;
+  export const buildDecimalCharRegex: ({ allowNegative, allowPercent, allowDollar, }?: {
+      allowNegative?: boolean | undefined;
+      allowPercent?: boolean | undefined;
+      allowDollar?: boolean | undefined;
+  }) => RegExp;
   /**
    * Converts a BigDecimal dollar amount to its equivalent in cents as a number.
    * Example: 123.45 → 12345
    */
   export const convertBigDecimalToCents: (amount: BD.BigDecimal) => number;
   export const convertCentsToBigDecimal: (cents: number) => BD.BigDecimal;
-  export function formatBigDecimalToString(value: BD.BigDecimal, maxDecimalPlaces?: number): string;
+  export const convertPercentToDecimal: (percent: BD.BigDecimal) => BD.BigDecimal;
+  export const roundDecimalToCents: (decimal: BD.BigDecimal) => BD.BigDecimal;
+  export const safeDivide: (dividend: BD.BigDecimal, divisor: BD.BigDecimal) => BD.BigDecimal;
+  export const negate: (value: BD.BigDecimal) => BD.BigDecimal;
+  export function formatBigDecimalToString(value: BD.BigDecimal, options?: {
+      mode: 'percent' | 'currency' | 'decimal';
+      minDecimalPlaces: number;
+      maxDecimalPlaces: number;
+  }): string;
 
 }
 declare module '@layerfi/components/utils/bills' {
@@ -12670,6 +11613,12 @@ declare module '@layerfi/components/utils/request/toDefinedSearchParameters' {
   export type ParameterValues = Date | string | ReadonlyArray<string> | number | boolean;
   export function toDefinedSearchParameters(input: Record<string, ParameterValues | null | undefined>): URLSearchParams;
 
+}
+declare module '@layerfi/components/utils/schema/utils' {
+  import { Schema } from 'effect';
+  import { ZonedDateTime } from '@internationalized/date';
+  export const ZonedDateTimeFromSelf: Schema.declare<ZonedDateTime, ZonedDateTime, readonly [], never>;
+
 }
 declare module '@layerfi/components/utils/styleUtils/sizeVariants' {
   const _SIZE_VARIANTS: readonly ["sm", "lg"];
@@ -12729,8 +11678,10 @@ declare module '@layerfi/components/utils/swr/withSWRKeyTags' {
 
 }
 declare module '@layerfi/components/utils/time/timeUtils' {
+  import { ZonedDateTime } from '@internationalized/date';
   export const toLocalDateString: (date: Date) => string;
   export function getDueDifference(dueDate: Date): number;
+  export function isZonedDateTime(val: unknown): val is ZonedDateTime;
 
 }
 declare module '@layerfi/components/utils/vendors' {