@spaceinvoices/react-ui 0.4.2 → 0.4.3

package/cli/dist/index.js

@@ -870,7 +870,7 @@ async function list(options = {}) {
 
 // cli/src/index.ts
 var program = new Command();
-program.name("spaceinvoices-ui").description("CLI for adding Space Invoices React UI components to your project").version("0.4.2");
+program.name("spaceinvoices-ui").description("CLI for adding Space Invoices React UI components to your project").version("0.4.3");
 program.option("--local <path>", "Use local registry from specified path (for development)");
 program.command("init").description("Initialize Space Invoices UI in your project").option("-y, --yes", "Skip prompts and use defaults").option("-f, --force", "Overwrite existing configuration").option("--cwd <path>", "Working directory (defaults to current directory)").action(async (options) => {
   const globalOpts = program.opts();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spaceinvoices/react-ui",
   "type": "module",
-  "version": "0.4.2",
+  "version": "0.4.3",
   "private": false,
   "license": "MIT",
   "description": "Space Invoices UI components - copy-paste distribution with CLI support",

package/src/components/advance-invoices/list/list-table.tsx

@@ -184,6 +184,11 @@ export default function AdvanceInvoiceListTable({
         align: "right",
         cell: (advanceInvoice) => advanceInvoice.total_with_tax,
       },
+      {
+        id: "status",
+        header: t("Status"),
+        cell: (advanceInvoice) => <AdvanceInvoiceStatusBadge advanceInvoice={advanceInvoice} t={t} />,
+      },
       {
         id: "actions",
         header: "",
@@ -236,3 +241,58 @@ export default function AdvanceInvoiceListTable({
     />
   );
 }
+
+/** Status badge for advance invoices */
+function AdvanceInvoiceStatusBadge({
+  advanceInvoice,
+  t,
+}: {
+  advanceInvoice: AdvanceInvoice;
+  t: (key: string) => string;
+}) {
+  if ((advanceInvoice as any).voided_at) {
+    return (
+      <Badge variant="outline" className="border-red-500 bg-red-50 text-red-700 dark:bg-red-950 dark:text-red-400">
+        {t("Voided")}
+      </Badge>
+    );
+  }
+  if ((advanceInvoice as any).is_draft) {
+    return null;
+  }
+  if (advanceInvoice.paid_in_full) {
+    return (
+      <Badge
+        variant="outline"
+        className="border-green-500 bg-green-50 text-green-700 dark:bg-green-950 dark:text-green-400"
+      >
+        {t("Paid")}
+      </Badge>
+    );
+  }
+  if (advanceInvoice.date_due && new Date(advanceInvoice.date_due) < new Date()) {
+    return (
+      <Badge
+        variant="outline"
+        className="border-orange-500 bg-orange-50 text-orange-700 dark:bg-orange-950 dark:text-orange-400"
+      >
+        {t("Overdue")}
+      </Badge>
+    );
+  }
+  if (advanceInvoice.total_paid > 0) {
+    return (
+      <Badge
+        variant="outline"
+        className="border-yellow-500 bg-yellow-50 text-yellow-700 dark:bg-yellow-950 dark:text-yellow-400"
+      >
+        {t("Partially Paid")}
+      </Badge>
+    );
+  }
+  return (
+    <Badge variant="outline" className="border-gray-500 bg-gray-50 text-gray-700 dark:bg-gray-800 dark:text-gray-400">
+      {t("Unpaid")}
+    </Badge>
+  );
+}

package/src/components/advance-invoices/list/locales/de.ts

@@ -41,4 +41,5 @@ export default {
   selected: "ausgewählt",
   "Export PDFs": "PDFs exportieren",
   "Deselect all": "Auswahl aufheben",
+  "Partially Paid": "Teilweise bezahlt",
 } as const;

package/src/components/advance-invoices/list/locales/en.ts

@@ -8,4 +8,5 @@ export default {
   selected: "selected",
   "Export PDFs": "Export PDFs",
   "Deselect all": "Deselect all",
+  "Partially Paid": "Partially Paid",
 } as const;

package/src/components/advance-invoices/list/locales/es.ts

@@ -41,4 +41,5 @@ export default {
   selected: "seleccionados",
   "Export PDFs": "Exportar PDFs",
   "Deselect all": "Deseleccionar todo",
+  "Partially Paid": "Parcialmente pagado",
 } as const;

package/src/components/advance-invoices/list/locales/fr.ts

@@ -41,4 +41,5 @@ export default {
   selected: "sélectionnés",
   "Export PDFs": "Exporter les PDF",
   "Deselect all": "Tout désélectionner",
+  "Partially Paid": "Partiellement payé",
 } as const;

package/src/components/advance-invoices/list/locales/hr.ts

@@ -41,4 +41,5 @@ export default {
   selected: "odabranih",
   "Export PDFs": "Izvezi PDF-ove",
   "Deselect all": "Poništi odabir",
+  "Partially Paid": "Djelomično plaćeno",
 } as const;

package/src/components/advance-invoices/list/locales/it.ts

@@ -41,4 +41,5 @@ export default {
   selected: "selezionati",
   "Export PDFs": "Esporta PDF",
   "Deselect all": "Deseleziona tutto",
+  "Partially Paid": "Parzialmente pagato",
 } as const;

package/src/components/advance-invoices/list/locales/nl.ts

@@ -41,4 +41,5 @@ export default {
   selected: "geselecteerd",
   "Export PDFs": "PDFs exporteren",
   "Deselect all": "Alles deselecteren",
+  "Partially Paid": "Gedeeltelijk betaald",
 } as const;

package/src/components/advance-invoices/list/locales/pl.ts

@@ -41,4 +41,5 @@ export default {
   selected: "wybranych",
   "Export PDFs": "Eksportuj PDF-y",
   "Deselect all": "Odznacz wszystko",
+  "Partially Paid": "Częściowo opłacona",
 } as const;

package/src/components/advance-invoices/list/locales/pt.ts

@@ -41,4 +41,5 @@ export default {
   selected: "selecionados",
   "Export PDFs": "Exportar PDFs",
   "Deselect all": "Desselecionar tudo",
+  "Partially Paid": "Parcialmente pago",
 } as const;

package/src/components/advance-invoices/list/locales/sl.ts

@@ -41,4 +41,5 @@ export default {
   selected: "izbranih",
   "Export PDFs": "Izvozi PDF-je",
   "Deselect all": "Počisti izbiro",
+  "Partially Paid": "Delno plačano",
 } as const;

package/src/components/credit-notes/list/list-table.tsx

@@ -176,7 +176,7 @@ export default function CreditNoteListTable({
       {
         id: "status",
         header: t("Status"),
-        cell: (creditNote) => <PaymentStatusBadge creditNote={creditNote} t={t} />,
+        cell: (creditNote) => <CreditNoteStatusBadge creditNote={creditNote} t={t} />,
       },
       {
         id: "actions",
@@ -231,13 +231,41 @@ export default function CreditNoteListTable({
   );
 }
 
-/** Payment status badge for credit notes */
-function PaymentStatusBadge({ creditNote, t }: { creditNote: CreditNote; t: (key: string) => string }) {
+/** Status badge for credit notes */
+function CreditNoteStatusBadge({ creditNote, t }: { creditNote: CreditNote; t: (key: string) => string }) {
+  if ((creditNote as any).voided_at) {
+    return (
+      <Badge variant="outline" className="border-red-500 bg-red-50 text-red-700 dark:bg-red-950 dark:text-red-400">
+        {t("Voided")}
+      </Badge>
+    );
+  }
+  if ((creditNote as any).is_draft) {
+    return null;
+  }
   if (creditNote.paid_in_full) {
-    return <span className="rounded-full bg-green-100 px-2 py-1 text-green-800 text-xs">{t("Paid")}</span>;
+    return (
+      <Badge
+        variant="outline"
+        className="border-green-500 bg-green-50 text-green-700 dark:bg-green-950 dark:text-green-400"
+      >
+        {t("Paid")}
+      </Badge>
+    );
   }
   if (creditNote.total_paid > 0) {
-    return <span className="rounded-full bg-yellow-100 px-2 py-1 text-xs text-yellow-800">{t("Partial")}</span>;
+    return (
+      <Badge
+        variant="outline"
+        className="border-yellow-500 bg-yellow-50 text-yellow-700 dark:bg-yellow-950 dark:text-yellow-400"
+      >
+        {t("Partially Paid")}
+      </Badge>
+    );
   }
-  return <span className="rounded-full bg-gray-100 px-2 py-1 text-gray-800 text-xs">{t("Unpaid")}</span>;
+  return (
+    <Badge variant="outline" className="border-gray-500 bg-gray-50 text-gray-700 dark:bg-gray-800 dark:text-gray-400">
+      {t("Unpaid")}
+    </Badge>
+  );
 }

package/src/components/credit-notes/list/locales/de.ts

@@ -28,7 +28,7 @@ export default {
   Overdue: "Überfällig",
   Voided: "Storniert",
   "Created At": "Erstellt am",
-  Partial: "Teilweise bezahlt",
+  "Partially Paid": "Teilweise bezahlt",
   Unshare: "Freigabe aufheben",
   // Empty state translations
   "Your list is empty": "Ihre Gutschriftenliste ist leer",

package/src/components/credit-notes/list/locales/en.ts

@@ -8,4 +8,6 @@ export default {
   selected: "selected",
   "Export PDFs": "Export PDFs",
   "Deselect all": "Deselect all",
+  "Partially Paid": "Partially Paid",
+  Voided: "Voided",
 } as const;

package/src/components/credit-notes/list/locales/es.ts

@@ -28,7 +28,7 @@ export default {
   Overdue: "Vencido",
   Voided: "Anulado",
   "Created At": "Creado el",
-  Partial: "Parcialmente pagado",
+  "Partially Paid": "Parcialmente pagado",
   Unshare: "Dejar de compartir",
   // Empty state translations
   "Your list is empty": "Su lista de notas de credito esta vacia",

package/src/components/credit-notes/list/locales/fr.ts

@@ -28,7 +28,7 @@ export default {
   Overdue: "En retard",
   Voided: "Annule",
   "Created At": "Cree le",
-  Partial: "Partiellement paye",
+  "Partially Paid": "Partiellement payé",
   Unshare: "Supprimer le partage",
   // Empty state translations
   "Your list is empty": "Votre liste d'avoirs est vide",

package/src/components/credit-notes/list/locales/hr.ts

@@ -28,7 +28,7 @@ export default {
   Overdue: "Dospjelo",
   Voided: "Stornirano",
   "Created At": "Kreirano",
-  Partial: "Djelomicno placeno",
+  "Partially Paid": "Djelomično plaćeno",
   Unshare: "Ukloni dijeljenje",
   // Empty state translations
   "Your list is empty": "Vasa lista odobrenja je prazna",

package/src/components/credit-notes/list/locales/it.ts

@@ -28,7 +28,7 @@ export default {
   Overdue: "Scaduto",
   Voided: "Annullato",
   "Created At": "Creato il",
-  Partial: "Parzialmente pagato",
+  "Partially Paid": "Parzialmente pagato",
   Unshare: "Rimuovi condivisione",
   // Empty state translations
   "Your list is empty": "La lista delle note di credito e vuota",

package/src/components/credit-notes/list/locales/nl.ts

@@ -28,7 +28,7 @@ export default {
   Overdue: "Achterstallig",
   Voided: "Nietig verklaard",
   "Created At": "Aangemaakt op",
-  Partial: "Gedeeltelijk betaald",
+  "Partially Paid": "Gedeeltelijk betaald",
   Unshare: "Delen opheffen",
   // Empty state translations
   "Your list is empty": "Uw lijst met creditnota's is leeg",

package/src/components/credit-notes/list/locales/pl.ts

@@ -28,7 +28,7 @@ export default {
   Overdue: "Zaległe",
   Voided: "Anulowane",
   "Created At": "Utworzono",
-  Partial: "Czesciowo oplacone",
+  "Partially Paid": "Częściowo opłacona",
   Unshare: "Cofnij udostepnienie",
   // Empty state translations
   "Your list is empty": "Twoja lista not kredytowych jest pusta",

package/src/components/credit-notes/list/locales/pt.ts

@@ -28,7 +28,7 @@ export default {
   Overdue: "Vencido",
   Voided: "Anulado",
   "Created At": "Criado em",
-  Partial: "Parcialmente pago",
+  "Partially Paid": "Parcialmente pago",
   Unshare: "Remover partilha",
   // Empty state translations
   "Your list is empty": "A sua lista de notas de credito esta vazia",

package/src/components/credit-notes/list/locales/sl.ts

@@ -28,7 +28,7 @@ export default {
   Overdue: "Zapadlo",
   Voided: "Stornirano",
   "Created At": "Ustvarjeno",
-  Partial: "Delno plačano",
+  "Partially Paid": "Delno plačano",
   Unshare: "Odstrani deljenje",
   // Empty state translations
   "Your list is empty": "Vaš seznam dobropisov je prazen",

package/src/components/dashboard/collection-rate-card/use-collection-rate.ts

@@ -35,7 +35,7 @@ export function useCollectionRateData(entityId: string | undefined) {
           );
         },
         enabled: !!entityId && !!sdk,
-        staleTime: 30_000,
+        staleTime: 120_000,
       },
       // Total collected (payments)
       {
@@ -51,7 +51,7 @@ export function useCollectionRateData(entityId: string | undefined) {
           );
         },
         enabled: !!entityId && !!sdk,
-        staleTime: 30_000,
+        staleTime: 120_000,
       },
     ],
   });

package/src/components/dashboard/invoice-status-chart/use-invoice-status.ts

@@ -36,7 +36,7 @@ export function useInvoiceStatusData(entityId: string | undefined) {
           );
         },
         enabled: !!entityId && !!sdk,
-        staleTime: 30_000,
+        staleTime: 120_000,
       },
       // Unpaid invoices grouped by overdue bucket (current = pending, others = overdue)
       {
@@ -54,7 +54,7 @@ export function useInvoiceStatusData(entityId: string | undefined) {
           );
         },
         enabled: !!entityId && !!sdk,
-        staleTime: 30_000,
+        staleTime: 120_000,
       },
       // Total count to derive voided
       {
@@ -71,7 +71,7 @@ export function useInvoiceStatusData(entityId: string | undefined) {
           );
         },
         enabled: !!entityId && !!sdk,
-        staleTime: 30_000,
+        staleTime: 120_000,
       },
     ],
   });

package/src/components/dashboard/payment-methods-chart/use-payment-methods.ts

@@ -32,7 +32,7 @@ export function usePaymentMethodsData(entityId: string | undefined) {
       );
     },
     enabled: !!entityId && !!sdk,
-    staleTime: 30_000,
+    staleTime: 120_000,
     select: (response) => {
       const data = response.data || [];
       return (data as StatsQueryDataItem[]).map((row) => ({

package/src/components/dashboard/payment-trend-chart/use-payment-trend.ts

@@ -54,7 +54,7 @@ export function usePaymentTrendData(entityId: string | undefined) {
       );
     },
     enabled: !!entityId && !!sdk,
-    staleTime: 30_000,
+    staleTime: 120_000,
     select: (response) => {
       // Build a map of all months with 0 amount
       const monthMap: Record<string, number> = {};

package/src/components/dashboard/revenue-trend-chart/use-revenue-trend.ts

@@ -55,7 +55,7 @@ export function useRevenueTrendData(entityId: string | undefined) {
       );
     },
     enabled: !!entityId && !!sdk,
-    staleTime: 30_000,
+    staleTime: 120_000,
     select: (response) => {
       // Build a map of all months with 0 revenue
       const monthMap: Record<string, number> = {};

package/src/components/dashboard/shared/use-revenue-data.ts

@@ -61,7 +61,7 @@ export function useRevenueData(entityId: string | undefined) {
           );
         },
         enabled: !!entityId && !!sdk,
-        staleTime: 30_000,
+        staleTime: 120_000,
       },
       // This year revenue (using converted amounts for multi-currency support)
       {
@@ -80,7 +80,7 @@ export function useRevenueData(entityId: string | undefined) {
           );
         },
         enabled: !!entityId && !!sdk,
-        staleTime: 30_000,
+        staleTime: 120_000,
       },
       // Outstanding (unpaid, not voided)
       {
@@ -97,7 +97,7 @@ export function useRevenueData(entityId: string | undefined) {
           );
         },
         enabled: !!entityId && !!sdk,
-        staleTime: 30_000,
+        staleTime: 120_000,
       },
       // Overdue (past due date, unpaid)
       {
@@ -118,7 +118,7 @@ export function useRevenueData(entityId: string | undefined) {
           );
         },
         enabled: !!entityId && !!sdk,
-        staleTime: 30_000,
+        staleTime: 120_000,
       },
     ],
   });

package/src/components/dashboard/shared/use-stats-counts.ts

@@ -31,7 +31,7 @@ export function useStatsCountsData(entityId: string | undefined) {
           );
         },
         enabled: !!entityId && !!sdk,
-        staleTime: 30_000,
+        staleTime: 120_000,
       },
       // Estimates count
       {
@@ -44,7 +44,7 @@ export function useStatsCountsData(entityId: string | undefined) {
           );
         },
         enabled: !!entityId && !!sdk,
-        staleTime: 30_000,
+        staleTime: 120_000,
       },
       // Customers count
       {
@@ -57,7 +57,7 @@ export function useStatsCountsData(entityId: string | undefined) {
           );
         },
         enabled: !!entityId && !!sdk,
-        staleTime: 30_000,
+        staleTime: 120_000,
       },
       // Items count
       {
@@ -70,7 +70,7 @@ export function useStatsCountsData(entityId: string | undefined) {
           );
         },
         enabled: !!entityId && !!sdk,
-        staleTime: 30_000,
+        staleTime: 120_000,
       },
     ],
   });

package/src/components/dashboard/shared/use-stats-query.ts

@@ -32,7 +32,7 @@ export function useStatsQuery<TData = StatsQueryResponse>(
       return await sdk.entityStats.queryEntityStats(query, { entity_id: entityId });
     },
     enabled: !!entityId && !!sdk,
-    staleTime: 30_000, // 30 seconds
+    staleTime: 120_000, // 2 minutes
     ...options,
   });
 }

package/src/components/dashboard/tax-collected-card/use-tax-collected.ts

@@ -88,7 +88,7 @@ export function useTaxCollectedData(entityId: string | undefined) {
           );
         },
         enabled: !!entityId && !!sdk,
-        staleTime: 60_000, // 1 minute
+        staleTime: 120_000, // 1 minute
       },
       // Current year taxes - aggregated by rate using stats API
       {
@@ -108,7 +108,7 @@ export function useTaxCollectedData(entityId: string | undefined) {
           );
         },
         enabled: !!entityId && !!sdk,
-        staleTime: 60_000,
+        staleTime: 120_000,
       },
     ],
   });

package/src/components/dashboard/top-customers-chart/use-top-customers.ts

@@ -34,7 +34,7 @@ export function useTopCustomersData(entityId: string | undefined, limit = 5) {
       );
     },
     enabled: !!entityId && !!sdk,
-    staleTime: 30_000,
+    staleTime: 120_000,
     select: (response) => {
       const data = response.data || [];