@spaceinvoices/react-ui 0.1.1 → 0.4.0

package/src/components/invoices/create/prepare-invoice-submission.test.ts

@@ -1,11 +1,10 @@
 import { describe, expect, test } from "bun:test";
-import type { CreateInvoiceSchema } from "@/ui/generated/schemas";
 import { prepareInvoiceSubmission } from "./prepare-invoice-submission";
 
 describe("prepareInvoiceSubmission", () => {
   describe("customer data transformation", () => {
     test("sends only customer_id when customer not editable", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         customer_id: "cust-123",
         customer: {} as any,
         number: "INV-001",
@@ -29,7 +28,7 @@ describe("prepareInvoiceSubmission", () => {
         address: "123 Test St",
       };
 
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         customer_id: "cust-123",
         customer: originalCustomer as any,
         number: "INV-001",
@@ -58,7 +57,7 @@ describe("prepareInvoiceSubmission", () => {
         address: "456 New St",
       };
 
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         customer_id: "cust-123",
         customer: modifiedCustomer as any,
         number: "INV-001",
@@ -86,7 +85,7 @@ describe("prepareInvoiceSubmission", () => {
         city: "New City",
       };
 
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         customer: newCustomer as any,
         number: "INV-001",
         date: "2024-01-01",
@@ -115,7 +114,7 @@ describe("prepareInvoiceSubmission", () => {
         post_code: "12345",
       };
 
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         customer: customerWithEmpty as any,
         number: "INV-001",
         date: "2024-01-01",
@@ -143,7 +142,7 @@ describe("prepareInvoiceSubmission", () => {
         state: undefined,
       };
 
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         customer: emptyCustomer as any,
         number: "INV-001",
         date: "2024-01-01",
@@ -160,7 +159,7 @@ describe("prepareInvoiceSubmission", () => {
     });
 
     test("removes customer_id when empty", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         customer_id: "",
         number: "INV-001",
         date: "2024-01-01",
@@ -179,14 +178,14 @@ describe("prepareInvoiceSubmission", () => {
 
   describe("date conversion", () => {
     test("converts date string to Date object", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         date: "2024-01-15",
         date_due: "2024-02-15",
         items: [],
       };
 
-      const result = prepareInvoiceSubmission(values, {
+      const result: any = prepareInvoiceSubmission(values, {
         wasCustomerFormShown: false,
         originalCustomer: null,
       });
@@ -196,14 +195,14 @@ describe("prepareInvoiceSubmission", () => {
     });
 
     test("converts date_due string to Date object", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         date: "2024-01-15",
         date_due: "2024-02-15",
         items: [],
       };
 
-      const result = prepareInvoiceSubmission(values, {
+      const result: any = prepareInvoiceSubmission(values, {
         wasCustomerFormShown: false,
         originalCustomer: null,
       });
@@ -213,7 +212,7 @@ describe("prepareInvoiceSubmission", () => {
     });
 
     test("handles undefined dates", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         items: [],
       } as any;
@@ -230,79 +229,79 @@ describe("prepareInvoiceSubmission", () => {
 
   describe("payment data", () => {
     test("adds payment data when markAsPaid is true", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         date: "2024-01-15",
         date_due: "2024-02-15",
         items: [],
       };
 
-      const result = prepareInvoiceSubmission(values, {
+      const result: any = prepareInvoiceSubmission(values, {
         wasCustomerFormShown: false,
         originalCustomer: null,
         markAsPaid: true,
-        paymentType: "bank_transfer",
+        paymentTypes: ["bank_transfer"],
       });
 
-      expect(result.payment).toBeDefined();
-      expect(result.payment?.type).toBe("bank_transfer");
-      expect(result.payment?.date).toBeInstanceOf(Date);
+      expect(result.payments).toBeDefined();
+      expect(result.payments?.[0]?.type).toBe("bank_transfer");
+      expect(result.payments?.[0]?.date).toBeInstanceOf(Date);
     });
 
     test("uses correct payment type", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         date: "2024-01-15",
         date_due: "2024-02-15",
         items: [],
       };
 
-      const result = prepareInvoiceSubmission(values, {
+      const result: any = prepareInvoiceSubmission(values, {
         wasCustomerFormShown: false,
         originalCustomer: null,
         markAsPaid: true,
-        paymentType: "cash",
+        paymentTypes: ["cash"],
       });
 
-      expect(result.payment?.type).toBe("cash");
+      expect(result.payments?.[0]?.type).toBe("cash");
     });
 
     test("uses default payment type when not specified", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         date: "2024-01-15",
         date_due: "2024-02-15",
         items: [],
       };
 
-      const result = prepareInvoiceSubmission(values, {
+      const result: any = prepareInvoiceSubmission(values, {
         wasCustomerFormShown: false,
         originalCustomer: null,
         markAsPaid: true,
       });
 
-      expect(result.payment?.type).toBe("bank_transfer");
+      expect(result.payments).toBeUndefined();
     });
 
     test("does not add payment data when markAsPaid is false", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         date: "2024-01-15",
         date_due: "2024-02-15",
         items: [],
       };
 
-      const result = prepareInvoiceSubmission(values, {
+      const result: any = prepareInvoiceSubmission(values, {
         wasCustomerFormShown: false,
         originalCustomer: null,
         markAsPaid: false,
       });
 
-      expect(result.payment).toBeUndefined();
+      expect(result.payments).toBeUndefined();
     });
 
     test("does not add payment data when markAsPaid not provided", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         date: "2024-01-15",
         date_due: "2024-02-15",
@@ -314,7 +313,7 @@ describe("prepareInvoiceSubmission", () => {
         originalCustomer: null,
       });
 
-      expect(result.payment).toBeUndefined();
+      expect(result.payments).toBeUndefined();
     });
   });
 
@@ -326,7 +325,7 @@ describe("prepareInvoiceSubmission", () => {
         // Missing other fields
       };
 
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         customer: customer as any,
         number: "INV-001",
         date: "2024-01-15",
@@ -347,7 +346,7 @@ describe("prepareInvoiceSubmission", () => {
     });
 
     test("preserves other invoice fields", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         date: "2024-01-15",
         date_due: "2024-02-15",
@@ -373,14 +372,14 @@ describe("prepareInvoiceSubmission", () => {
     });
 
     test("never includes number in payload (server auto-generates)", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001", // Even if form has a preview number
         date: "2024-01-15",
         date_due: "2024-02-15",
         items: [],
       };
 
-      const result = prepareInvoiceSubmission(values, {
+      const result: any = prepareInvoiceSubmission(values, {
         wasCustomerFormShown: false,
         originalCustomer: null,
       });
@@ -392,7 +391,7 @@ describe("prepareInvoiceSubmission", () => {
 
   describe("gross price transformation", () => {
     test("transforms items with priceModes[index]=true to send gross_price", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         date: "2024-01-15",
         date_due: "2024-02-15",
@@ -417,7 +416,7 @@ describe("prepareInvoiceSubmission", () => {
     });
 
     test("transforms items with priceModes[index]=false to send price", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         date: "2024-01-15",
         date_due: "2024-02-15",
@@ -442,7 +441,7 @@ describe("prepareInvoiceSubmission", () => {
     });
 
     test("defaults to net price when priceModes not provided", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         date: "2024-01-15",
         date_due: "2024-02-15",
@@ -466,7 +465,7 @@ describe("prepareInvoiceSubmission", () => {
     });
 
     test("handles mixed net and gross price items via priceModes", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         date: "2024-01-15",
         date_due: "2024-02-15",
@@ -501,7 +500,7 @@ describe("prepareInvoiceSubmission", () => {
 
   describe("FURS fiscalization data", () => {
     test("adds FURS data when premise and device provided", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         date: "2024-01-15",
         date_due: "2024-02-15",
@@ -524,7 +523,7 @@ describe("prepareInvoiceSubmission", () => {
     });
 
     test("does not add FURS data when no options provided", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         date: "2024-01-15",
         date_due: "2024-02-15",
@@ -540,7 +539,7 @@ describe("prepareInvoiceSubmission", () => {
     });
 
     test("does not add FURS data when only premise provided", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         date: "2024-01-15",
         date_due: "2024-02-15",
@@ -559,7 +558,7 @@ describe("prepareInvoiceSubmission", () => {
     });
 
     test("does not add FURS data when only device provided", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         date: "2024-01-15",
         date_due: "2024-02-15",
@@ -578,7 +577,7 @@ describe("prepareInvoiceSubmission", () => {
     });
 
     test("adds skip flag when skip fiscalization is true", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         date: "2024-01-15",
         date_due: "2024-02-15",
@@ -597,7 +596,7 @@ describe("prepareInvoiceSubmission", () => {
     });
 
     test("skip flag takes precedence over premise/device", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         date: "2024-01-15",
         date_due: "2024-02-15",
@@ -619,7 +618,7 @@ describe("prepareInvoiceSubmission", () => {
     });
 
     test("FURS data works with payment data", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         date: "2024-01-15",
         date_due: "2024-02-15",
@@ -630,7 +629,7 @@ describe("prepareInvoiceSubmission", () => {
         wasCustomerFormShown: false,
         originalCustomer: null,
         markAsPaid: true,
-        paymentType: "cash",
+        paymentTypes: ["cash"],
         furs: {
           business_premise_name: "P1",
           electronic_device_name: "E1",
@@ -641,14 +640,14 @@ describe("prepareInvoiceSubmission", () => {
         business_premise_name: "P1",
         electronic_device_name: "E1",
       });
-      expect(result.payment).toBeDefined();
-      expect(result.payment?.type).toBe("cash");
+      expect(result.payments).toBeDefined();
+      expect(result.payments?.[0]?.type).toBe("cash");
     });
   });
 
   describe("draft invoices", () => {
     test("sets is_draft to true when isDraft option is true", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         date: "2024-01-15",
         date_due: "2024-02-15",
@@ -665,7 +664,7 @@ describe("prepareInvoiceSubmission", () => {
     });
 
     test("does not set is_draft when isDraft is false", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         date: "2024-01-15",
         date_due: "2024-02-15",
@@ -682,7 +681,7 @@ describe("prepareInvoiceSubmission", () => {
     });
 
     test("draft invoice without FURS data (form skips FURS for drafts)", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         date: "2024-01-15",
         date_due: "2024-02-15",
@@ -702,7 +701,7 @@ describe("prepareInvoiceSubmission", () => {
     });
 
     test("draft invoice without e-SLOG validation (form skips e-SLOG for drafts)", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         date: "2024-01-15",
         date_due: "2024-02-15",
@@ -722,7 +721,7 @@ describe("prepareInvoiceSubmission", () => {
     });
 
     test("draft invoice without payment data (form skips markAsPaid for drafts)", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "INV-001",
         date: "2024-01-15",
         date_due: "2024-02-15",
@@ -742,7 +741,7 @@ describe("prepareInvoiceSubmission", () => {
     });
 
     test("draft invoice preserves all other invoice data", () => {
-      const values: CreateInvoiceSchema = {
+      const values: any = {
         number: "DRAFT-123",
         date: "2024-01-15",
         date_due: "2024-02-15",

package/src/components/invoices/create/prepare-invoice-submission.ts

@@ -19,7 +19,7 @@ type PrepareOptions = {
   originalCustomer: any;
   wasCustomerFormShown?: boolean;
   markAsPaid?: boolean;
-  paymentType?: string;
+  paymentTypes?: string[];
   /** FURS fiscalization data (for Slovenia) */
   furs?: FursData;
   /** e-SLOG validation data (for Slovenia) */
@@ -39,9 +39,9 @@ export function prepareInvoiceSubmission(values: CreateInvoiceSchema, options: P
     originalCustomer: options.originalCustomer,
     wasCustomerFormShown: options.wasCustomerFormShown,
     markAsPaid: options.markAsPaid,
-    paymentType: options.paymentType,
+    paymentTypes: options.paymentTypes,
     documentType: "invoice",
-    secondaryDate: values.date_due,
+    secondaryDate: values.date_due ?? undefined,
     priceModes: options.priceModes,
     isDraft: options.isDraft,
   }) as CreateInvoiceRequest;

package/src/components/invoices/index.ts

@@ -5,5 +5,5 @@ export * from "./list";
 export { SendEmailDialog } from "./send-email-dialog";
 export * from "./shared";
 export { EslogInfoDisplay } from "./view/eslog-info-display";
-export { FursInfoDisplay } from "./view/furs-info-display";
+export { FiscalizationStatusCard } from "./view/fiscalization-status-card";
 // Note: InvoicePreviewDisplay is now DocumentPreviewDisplay in documents/shared

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

@@ -16,11 +16,27 @@ import { useSDK } from "@/ui/providers/sdk-provider";
 
 import InvoiceListRowActions from "./list-row-actions";
 import de from "./locales/de";
+import en from "./locales/en";
+import es from "./locales/es";
+import fr from "./locales/fr";
+import hr from "./locales/hr";
+import it from "./locales/it";
+import nl from "./locales/nl";
+import pl from "./locales/pl";
+import pt from "./locales/pt";
 import sl from "./locales/sl";
 
 const translations = {
+  en,
   sl,
   de,
+  it,
+  fr,
+  es,
+  pt,
+  nl,
+  pl,
+  hr,
 } as const;
 
 type InvoiceListTableProps = {
@@ -138,12 +154,13 @@ export default function InvoiceListTable({
             onDownloadStart={onDownloadStart}
             onDownloadSuccess={onDownloadSuccess}
             onDownloadError={onDownloadError}
-            {...i18nProps}
+            t={t}
+            locale={i18nProps.locale}
           />
         ),
       },
     ],
-    [t, onRowClick, onAddPayment, onDuplicate, onDownloadStart, onDownloadSuccess, onDownloadError, i18nProps],
+    [t, onRowClick, onAddPayment, onDuplicate, onDownloadStart, onDownloadSuccess, onDownloadError, i18nProps.locale],
   );
 
   return (
@@ -152,7 +169,7 @@ export default function InvoiceListTable({
       queryParams={queryParams}
       resourceName="invoice"
       cacheKey="invoices"
-      createNewLink="/app/documents/add/invoice"
+      createNewLink={entityId ? `/app/${entityId}/documents/add/invoice` : undefined}
       onFetch={handleFetch}
       onChangeParams={onChangeParams}
       disableUrlSync={disableUrlSync}

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

@@ -30,4 +30,13 @@ export default {
   Overdue: "Überfällig",
   Voided: "Storniert",
   "Created At": "Erstellt am",
+  Unshare: "Freigabe aufheben",
+  // Empty state translations
+  "Your list is empty": "Ihre Rechnungsliste ist leer",
+  "Get started by creating your first entry": "Erstellen Sie Ihre erste Rechnung",
+  "Create new": "Rechnung erstellen",
+  // No results translations
+  "No results found": "Keine Rechnungen gefunden",
+  "Try adjusting your search criteria": "Versuchen Sie, Ihre Suchkriterien anzupassen",
+  "Clear search": "Suche zurücksetzen",
 } as const;

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

@@ -0,0 +1,8 @@
+export default {
+  // Empty state translations
+  "Your list is empty": "Your invoice list is empty",
+  "Get started by creating your first entry": "Get started by creating your first invoice",
+  "Create new": "Create invoice",
+  // No results translations
+  "No results found": "No invoices found",
+} as const;

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

@@ -0,0 +1,42 @@
+export default {
+  Draft: "Borrador",
+  Number: "Número",
+  Customer: "Cliente",
+  Date: "Fecha",
+  "Date Due": "Fecha de vencimiento",
+  Total: "Total",
+  "Total with Tax": "Total con IVA",
+  Actions: "Acciones",
+  "Open menu": "Abrir menú",
+  "Copy invoice ID": "Copiar ID de factura",
+  "View invoice": "Ver factura",
+  "Add Payment": "Agregar pago",
+  "Download PDF": "Descargar PDF",
+  "Downloading...": "Descargando...",
+  Duplicate: "Duplicar",
+  "Send Email": "Enviar correo",
+  Invoice: "Factura",
+  "Failed to download PDF": "Error al descargar el PDF",
+  // Filter translations
+  "Search...": "Buscar...",
+  Filters: "Filtros",
+  "Date Range": "Rango de fechas",
+  From: "Desde",
+  To: "Hasta",
+  "Clear filters": "Limpiar filtros",
+  Status: "Estado",
+  Paid: "Pagado",
+  Unpaid: "No pagado",
+  Overdue: "Vencido",
+  Voided: "Anulado",
+  "Created At": "Creado el",
+  Unshare: "Dejar de compartir",
+  // Empty state translations
+  "Your list is empty": "Su lista de facturas está vacía",
+  "Get started by creating your first entry": "Comience creando su primera factura",
+  "Create new": "Crear factura",
+  // No results translations
+  "No results found": "No se encontraron facturas",
+  "Try adjusting your search criteria": "Intente ajustar sus criterios de búsqueda",
+  "Clear search": "Limpiar búsqueda",
+} as const;

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

@@ -0,0 +1,42 @@
+export default {
+  Draft: "Brouillon",
+  Number: "Numéro",
+  Customer: "Client",
+  Date: "Date",
+  "Date Due": "Date d'échéance",
+  Total: "Total",
+  "Total with Tax": "Total TTC",
+  Actions: "Actions",
+  "Open menu": "Ouvrir le menu",
+  "Copy invoice ID": "Copier l'ID de la facture",
+  "View invoice": "Voir la facture",
+  "Add Payment": "Ajouter un paiement",
+  "Download PDF": "Télécharger le PDF",
+  "Downloading...": "Téléchargement...",
+  Duplicate: "Dupliquer",
+  "Send Email": "Envoyer un e-mail",
+  Invoice: "Facture",
+  "Failed to download PDF": "Échec du téléchargement du PDF",
+  // Filter translations
+  "Search...": "Rechercher...",
+  Filters: "Filtres",
+  "Date Range": "Plage de dates",
+  From: "Du",
+  To: "Au",
+  "Clear filters": "Effacer les filtres",
+  Status: "Statut",
+  Paid: "Payé",
+  Unpaid: "Non payé",
+  Overdue: "En retard",
+  Voided: "Annulé",
+  "Created At": "Créé le",
+  Unshare: "Annuler le partage",
+  // Empty state translations
+  "Your list is empty": "Votre liste de factures est vide",
+  "Get started by creating your first entry": "Commencez par créer votre première facture",
+  "Create new": "Créer une facture",
+  // No results translations
+  "No results found": "Aucune facture trouvée",
+  "Try adjusting your search criteria": "Essayez de modifier vos critères de recherche",
+  "Clear search": "Effacer la recherche",
+} as const;

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

@@ -0,0 +1,42 @@
+export default {
+  Draft: "Nacrt",
+  Number: "Broj",
+  Customer: "Kupac",
+  Date: "Datum",
+  "Date Due": "Datum dospijeća",
+  Total: "Ukupno",
+  "Total with Tax": "Ukupno s PDV-om",
+  Actions: "Akcije",
+  "Open menu": "Otvori izbornik",
+  "Copy invoice ID": "Kopiraj ID računa",
+  "View invoice": "Prikaži račun",
+  "Add Payment": "Dodaj plaćanje",
+  "Download PDF": "Preuzmi PDF",
+  "Downloading...": "Preuzimanje...",
+  Duplicate: "Dupliciraj",
+  "Send Email": "Pošalji e-mail",
+  Invoice: "Račun",
+  "Failed to download PDF": "Preuzimanje PDF-a nije uspjelo",
+  // Filter translations
+  "Search...": "Pretraži...",
+  Filters: "Filtri",
+  "Date Range": "Raspon datuma",
+  From: "Od",
+  To: "Do",
+  "Clear filters": "Očisti filtre",
+  Status: "Status",
+  Paid: "Plaćeno",
+  Unpaid: "Neplaćeno",
+  Overdue: "Dospjelo",
+  Voided: "Poništeno",
+  "Created At": "Kreirano",
+  Unshare: "Ukloni dijeljenje",
+  // Empty state translations
+  "Your list is empty": "Vaš popis računa je prazan",
+  "Get started by creating your first entry": "Započnite izradom prvog računa",
+  "Create new": "Izradi račun",
+  // No results translations
+  "No results found": "Nisu pronađeni računi",
+  "Try adjusting your search criteria": "Pokušajte prilagoditi kriterije pretrage",
+  "Clear search": "Očisti pretragu",
+} as const;