Commerce Components

Comprehensive invoice and billing components from smrt-commerce module.

InvoiceCard

Display invoice summary in card format

InvoiceHeader

Invoice header with company info and invoice number

InvoiceLineItems

Editable line items table with calculations

InvoiceTotals

Subtotal, tax, and total calculations

InvoiceActions

Send, print, mark paid actions

UnbilledItems

List of items awaiting invoice

Usage Example

typescript

import {
  InvoiceCard,
  InvoiceHeader,
  InvoiceLineItems,
  InvoiceTotals,
  InvoiceActions
} from '@happyvertical/smrt-commerce/svelte';

<!-- Full invoice view -->
<InvoiceHeader
  invoiceNumber={invoice.invoiceNumber}
  status={invoice.status}
  issueDate={invoice.issueDate}
  dueDate={invoice.dueDate}
/>
<InvoiceLineItems items={invoice.lineItems} editable={true} />
<InvoiceTotals subtotal={invoice.subtotal} total={invoice.totalAmount} />
<InvoiceActions status={invoice.status} onsend={sendInvoice} />