@spaceinvoices/react-ui 0.4.12 → 0.4.31

package/src/components/invoices/create/locales/nb.ts

@@ -11,7 +11,7 @@ export default {
   Items: "Varer",
   "Add item": "Add item",
   Save: "Lagre",
-  Update: "Update",
+  Update: "Oppdater",
   "Save as Draft": "Save as Draft",
   Quantity: "Quantity",
   Price: "Pris",
@@ -25,16 +25,16 @@ export default {
   "No taxes found": "No taxes found",
   "Add new tax...": "Add new tax...",
   Description: "Beskrivelse",
-  "Mark as Paid": "Mark as Paid",
-  Paid: "Betalt",
-  "Invoice will be marked as fully paid upon creation": "Invoice will be marked as fully paid upon creation",
-  "Payment Type": "Payment Type",
+  "Mark as Paid": "Merk som betalt",
+  "Paid": "Betalt",
+  "Invoice will be marked as fully paid upon creation": "Fakturaen blir markert som fullt betalt ved opprettelse",
+  "Payment Type": "Betalingstype",
   "Select payment type": "Velg betalingstype",
-  Cash: "Kontant",
+  "Cash": "Kontant",
   "Bank Transfer": "Bankoverføring",
-  Card: "Kort",
-  Check: "Sjekk",
-  Other: "Annet",
+  "Card": "Kort",
+  "Check": "Sjekk",
+  "Other": "Annet",
   Note: "Note",
   "Insert variable": "Insert variable",
   "Add payment instructions, terms, or other notes...": "Add payment instructions, terms, or other notes...",
@@ -126,6 +126,7 @@ export default {
   "Delivery note": "Følgeseddel",
   Invoice: "Faktura",
   Estimate: "Tilbud",
+  "Proforma invoice": "Proformafaktura",
   "Credit note": "Kreditnota",
   "Advance invoice": "Forskuddsfaktura",
   "FINA fiscalized invoices always use the current date": "FINA fiscalized invoices always use the current date",
@@ -136,11 +137,11 @@ export default {
   "60 days": "60 days",
   "90 days": "90 dager",
   Custom: "Custom",
-  "Service Date": "Service Date",
-  "Single Date": "Single Date",
-  "Date Range": "Datointervall",
-  From: "From",
-  To: "To",
+  // Service date
+  "Service Date": "Tjenestedato",
+  "Service Period": "Tjenesteperiode",
+  From: "Fra",
+  To: "Til",
   "Add separator": "Add separator",
   "Section header": "Section header",
   "Section title...": "Section title...",
@@ -161,4 +162,12 @@ export default {
   "Domestic B2B invoicing in Croatia is not supported": "Domestic B2B invoicing in Croatia is not supported",
   "FINA fiscalization must be enabled for domestic invoices":
     "FINA fiscalization must be enabled for domestic invoices",
+  "Please select": "Velg",
+  "Amount": "Beløp",
+  "Add payment": "Legg til betaling",
+  "Recorded now": "Registrert nå",
+  "Remaining due": "Gjenstående å betale",
+  "Remaining to allocate": "Gjenstår å fordele",
+  "This document must be fully paid on creation": "Dette dokumentet må være fullt betalt ved opprettelse",
+  "Record one or more payments on creation": "Registrer én eller flere betalinger ved opprettelse",
 } as const;

package/src/components/invoices/create/locales/nl.ts

@@ -26,15 +26,15 @@ export default {
   "Add new tax...": "Nieuwe belasting toevoegen...",
   Description: "Beschrijving",
   "Mark as Paid": "Markeren als betaald",
-  Paid: "Betaald",
-  "Invoice will be marked as fully paid upon creation": "De factuur wordt bij aanmaak als volledig betaald gemarkeerd",
-  "Payment Type": "Betaalmethode",
+  "Paid": "Betaald",
+  "Invoice will be marked as fully paid upon creation": "De factuur wordt bij het aanmaken als volledig betaald gemarkeerd",
+  "Payment Type": "Betaaltype",
   "Select payment type": "Betaalmethode selecteren",
-  Cash: "Contant",
+  "Cash": "Contant",
   "Bank Transfer": "Bankoverschrijving",
-  Card: "Kaart",
-  Check: "Cheque",
-  Other: "Overig",
+  "Card": "Kaart",
+  "Check": "Cheque",
+  "Other": "Overig",
   Note: "Notitie",
   "Insert variable": "Variabele invoegen",
   "Add payment instructions, terms, or other notes...":
@@ -129,6 +129,7 @@ export default {
   "Delivery note": "Pakbon",
   Invoice: "Factuur",
   Estimate: "Offerte",
+  "Proforma invoice": "Proforma factuur",
   "Credit note": "Creditnota",
   "Advance invoice": "Voorschotfactuur",
   "FINA fiscalized invoices always use the current date":
@@ -141,12 +142,12 @@ export default {
   "60 days": "60 dagen",
   "90 days": "90 dagen",
   Custom: "Aangepast",
+  // Separator items
+  // Service date
   "Service Date": "Servicedatum",
-  "Single Date": "Enkele datum",
-  "Date Range": "Datumbereik",
+  "Service Period": "Serviceperiode",
   From: "Van",
   To: "Tot",
-  // Separator items
   "Add separator": "Scheidingslijn toevoegen",
   "Section header": "Sectiekop",
   "Section title...": "Sectietitel...",
@@ -170,4 +171,12 @@ export default {
     "Binnenlandse B2B-facturering in Kroatië wordt niet ondersteund. Kroatië vereist naleving van Fiskalizacija 2.0 voor B2B-facturering.",
   "FINA fiscalization must be enabled for domestic invoices":
     "FINA-fiscalisering moet zijn ingeschakeld voor binnenlandse facturen. Schakel deze in via de bedrijfsinstellingen.",
+  "Please select": "Selecteer",
+  "Amount": "Bedrag",
+  "Add payment": "Betaling toevoegen",
+  "Recorded now": "Nu geregistreerd",
+  "Remaining due": "Resterend verschuldigd",
+  "Remaining to allocate": "Nog toe te wijzen",
+  "This document must be fully paid on creation": "Dit document moet volledig betaald zijn bij het aanmaken",
+  "Record one or more payments on creation": "Registreer een of meer betalingen bij het aanmaken",
 } as const;

package/src/components/invoices/create/locales/pl.ts

@@ -25,17 +25,16 @@ export default {
   "No taxes found": "Nie znaleziono podatków",
   "Add new tax...": "Dodaj nowy podatek...",
   Description: "Opis",
-  "Mark as Paid": "Oznacz jako opłaconą",
-  Paid: "Opłacona",
-  "Invoice will be marked as fully paid upon creation":
-    "Faktura zostanie oznaczona jako w pełni opłacona podczas tworzenia",
+  "Mark as Paid": "Oznacz jako opłacone",
+  "Paid": "Opłacone",
+  "Invoice will be marked as fully paid upon creation": "Faktura zostanie oznaczona jako w pełni opłacona przy tworzeniu",
   "Payment Type": "Rodzaj płatności",
   "Select payment type": "Wybierz rodzaj płatności",
-  Cash: "Gotówka",
+  "Cash": "Gotówka",
   "Bank Transfer": "Przelew bankowy",
-  Card: "Karta",
-  Check: "Czek",
-  Other: "Inne",
+  "Card": "Karta",
+  "Check": "Czek",
+  "Other": "Inne",
   Note: "Uwaga",
   "Insert variable": "Wstaw zmienną",
   "Add payment instructions, terms, or other notes...": "Dodaj instrukcje płatności, warunki lub inne uwagi...",
@@ -129,6 +128,7 @@ export default {
   "Delivery note": "Dowód dostawy",
   Invoice: "Faktura",
   Estimate: "Wycena",
+  "Proforma invoice": "Faktura pro forma",
   "Credit note": "Nota kredytowa",
   "Advance invoice": "Faktura zaliczkowa",
   "FINA fiscalized invoices always use the current date": "Faktury fiskalizowane FINA zawsze używają bieżącej daty",
@@ -140,12 +140,12 @@ export default {
   "60 days": "60 dni",
   "90 days": "90 dni",
   Custom: "Niestandardowe",
+  // Separator items
+  // Service date
   "Service Date": "Data usługi",
-  "Single Date": "Pojedyncza data",
-  "Date Range": "Zakres dat",
+  "Service Period": "Okres usługi",
   From: "Od",
   To: "Do",
-  // Separator items
   "Add separator": "Dodaj separator",
   "Section header": "Nagłówek sekcji",
   "Section title...": "Tytuł sekcji...",
@@ -169,4 +169,12 @@ export default {
     "Krajowe fakturowanie B2B w Chorwacji nie jest obsługiwane. Chorwacja wymaga zgodności z Fiskalizacija 2.0 dla fakturowania B2B.",
   "FINA fiscalization must be enabled for domestic invoices":
     "Fiskalizacja FINA musi być włączona dla faktur krajowych. Włącz ją w ustawieniach podmiotu.",
+  "Please select": "Wybierz",
+  "Amount": "Kwota",
+  "Add payment": "Dodaj płatność",
+  "Recorded now": "Zarejestrowano teraz",
+  "Remaining due": "Pozostało do zapłaty",
+  "Remaining to allocate": "Pozostało do przypisania",
+  "This document must be fully paid on creation": "Ten dokument musi być w pełni opłacony przy tworzeniu",
+  "Record one or more payments on creation": "Zarejestruj jedną lub więcej płatności przy tworzeniu",
 } as const;

package/src/components/invoices/create/locales/pt.ts

@@ -25,16 +25,16 @@ export default {
   "No taxes found": "Nenhum imposto encontrado",
   "Add new tax...": "Adicionar novo imposto...",
   Description: "Descrição",
-  "Mark as Paid": "Marcar como paga",
-  Paid: "Paga",
-  "Invoice will be marked as fully paid upon creation": "A fatura será marcada como totalmente paga ao ser criada",
+  "Mark as Paid": "Marcar como pago",
+  "Paid": "Pago",
+  "Invoice will be marked as fully paid upon creation": "A fatura será marcada como totalmente paga na criação",
   "Payment Type": "Tipo de pagamento",
   "Select payment type": "Selecionar tipo de pagamento",
-  Cash: "Dinheiro",
+  "Cash": "Dinheiro",
   "Bank Transfer": "Transferência bancária",
-  Card: "Cartão",
-  Check: "Cheque",
-  Other: "Outro",
+  "Card": "Cartão",
+  "Check": "Cheque",
+  "Other": "Outro",
   Note: "Nota",
   "Insert variable": "Inserir variável",
   "Add payment instructions, terms, or other notes...":
@@ -131,6 +131,7 @@ export default {
   "Delivery note": "Guia de remessa",
   Invoice: "Fatura",
   Estimate: "Orçamento",
+  "Proforma invoice": "Fatura proforma",
   "Credit note": "Nota de crédito",
   "Advance invoice": "Fatura antecipada",
   "FINA fiscalized invoices always use the current date": "As faturas fiscalizadas FINA usam sempre a data atual",
@@ -142,12 +143,12 @@ export default {
   "60 days": "60 dias",
   "90 days": "90 dias",
   Custom: "Personalizado",
+  // Separator items
+  // Service date
   "Service Date": "Data do serviço",
-  "Single Date": "Data única",
-  "Date Range": "Intervalo de datas",
+  "Service Period": "Período de serviço",
   From: "De",
   To: "Até",
-  // Separator items
   "Add separator": "Adicionar separador",
   "Section header": "Cabeçalho da secção",
   "Section title...": "Título da secção...",
@@ -171,4 +172,12 @@ export default {
     "A faturação B2B doméstica na Croácia não é suportada. A Croácia exige conformidade com Fiskalizacija 2.0 para faturação B2B.",
   "FINA fiscalization must be enabled for domestic invoices":
     "A fiscalização FINA deve estar ativada para faturas domésticas. Ative-a nas configurações da entidade.",
+  "Please select": "Selecione",
+  "Amount": "Montante",
+  "Add payment": "Adicionar pagamento",
+  "Recorded now": "Registado agora",
+  "Remaining due": "Valor em dívida",
+  "Remaining to allocate": "Valor por alocar",
+  "This document must be fully paid on creation": "Este documento tem de estar totalmente pago na criação",
+  "Record one or more payments on creation": "Registar um ou mais pagamentos na criação",
 } as const;

package/src/components/invoices/create/locales/sk.ts

@@ -11,7 +11,7 @@ export default {
   Items: "Položky",
   "Add item": "Add item",
   Save: "Uložiť",
-  Update: "Update",
+  Update: "Aktualizovať",
   "Save as Draft": "Save as Draft",
   Quantity: "Quantity",
   Price: "Cena",
@@ -25,16 +25,16 @@ export default {
   "No taxes found": "No taxes found",
   "Add new tax...": "Add new tax...",
   Description: "Popis",
-  "Mark as Paid": "Mark as Paid",
-  Paid: "Zaplatené",
-  "Invoice will be marked as fully paid upon creation": "Invoice will be marked as fully paid upon creation",
-  "Payment Type": "Payment Type",
+  "Mark as Paid": "Označiť ako uhradené",
+  "Paid": "Uhradené",
+  "Invoice will be marked as fully paid upon creation": "Faktúra bude pri vytvorení označená ako plne uhradená",
+  "Payment Type": "Typ platby",
   "Select payment type": "Vyberte typ platby",
-  Cash: "Hotovosť",
+  "Cash": "Hotovosť",
   "Bank Transfer": "Bankový prevod",
-  Card: "Karta",
-  Check: "Šek",
-  Other: "Iné",
+  "Card": "Karta",
+  "Check": "Šek",
+  "Other": "Iné",
   Note: "Note",
   "Insert variable": "Insert variable",
   "Add payment instructions, terms, or other notes...": "Add payment instructions, terms, or other notes...",
@@ -126,6 +126,7 @@ export default {
   "Delivery note": "Dodací list",
   Invoice: "Faktura",
   Estimate: "Cenová ponuka",
+  "Proforma invoice": "Proforma faktúra",
   "Credit note": "Dobropis",
   "Advance invoice": "Zálohová faktúra",
   "FINA fiscalized invoices always use the current date": "FINA fiscalized invoices always use the current date",
@@ -136,11 +137,11 @@ export default {
   "60 days": "60 days",
   "90 days": "90 dni",
   Custom: "Custom",
-  "Service Date": "Service Date",
-  "Single Date": "Single Date",
-  "Date Range": "Rozsah dátumov",
-  From: "From",
-  To: "To",
+  // Service date
+  "Service Date": "Dátum služby",
+  "Service Period": "Obdobie služby",
+  From: "Od",
+  To: "Do",
   "Add separator": "Add separator",
   "Section header": "Section header",
   "Section title...": "Section title...",
@@ -161,4 +162,12 @@ export default {
   "Domestic B2B invoicing in Croatia is not supported": "Domestic B2B invoicing in Croatia is not supported",
   "FINA fiscalization must be enabled for domestic invoices":
     "FINA fiscalization must be enabled for domestic invoices",
+  "Please select": "Vyberte",
+  "Amount": "Suma",
+  "Add payment": "Pridať platbu",
+  "Recorded now": "Aktuálne zaevidované",
+  "Remaining due": "Zostáva uhradiť",
+  "Remaining to allocate": "Zostáva priradiť",
+  "This document must be fully paid on creation": "Tento dokument musí byť pri vytvorení plne uhradený",
+  "Record one or more payments on creation": "Pri vytvorení zaevidujte jednu alebo viac platieb",
 } as const;

package/src/components/invoices/create/locales/sl.ts

@@ -26,15 +26,15 @@ export default {
   "Add new tax...": "Dodaj nov davek...",
   Description: "Opis",
   "Mark as Paid": "Označi kot plačano",
-  Paid: "Plačano",
+  "Paid": "Plačano",
   "Invoice will be marked as fully paid upon creation": "Račun bo označen kot plačan ob ustvarjanju",
   "Payment Type": "Vrsta plačila",
   "Select payment type": "Izberi vrsto plačila",
-  Cash: "Gotovina",
+  "Cash": "Gotovina",
   "Bank Transfer": "Bančno nakazilo",
-  Card: "Kartica",
-  Check: "Ček",
-  Other: "Drugo",
+  "Card": "Kartica",
+  "Check": "Ček",
+  "Other": "Drugo",
   // Note field
   Note: "Pripis",
   "Insert variable": "Vstavi spremenljivko",
@@ -137,7 +137,8 @@ export default {
   Total: "Skupaj",
   "Delivery note": "Dobavnica",
   Invoice: "Račun",
-  Estimate: "Predračun",
+  Estimate: "Ponudba",
+  "Proforma invoice": "Predračun",
   "Credit note": "Dobropis",
   "Advance invoice": "Avansni račun",
   "FINA fiscalized invoices always use the current date": "FINA fiskalizirani računi vedno uporabijo trenutni datum",
@@ -149,13 +150,12 @@ export default {
   "60 days": "60 dni",
   "90 days": "90 dni",
   Custom: "Po meri",
+  // Separator items
   // Service date
   "Service Date": "Datum storitve",
-  "Single Date": "Datum",
-  "Date Range": "Obdobje",
+  "Service Period": "Obdobje storitve",
   From: "Od",
   To: "Do",
-  // Separator items
   "Add separator": "Dodaj ločilnik",
   "Section header": "Naslov razdelka",
   "Section title...": "Naslov razdelka...",
@@ -179,4 +179,12 @@ export default {
     "Domače B2B fakturiranje na Hrvaškem ni podprto. Hrvška zahteva skladnost s Fiskalizacijo 2.0 za B2B fakturiranje.",
   "FINA fiscalization must be enabled for domestic invoices":
     "FINA fiskalizacija mora biti omogočena za domače račune. Omogočite jo v nastavitvah podjetja.",
+  "Please select": "Izberi",
+  "Amount": "Znesek",
+  "Add payment": "Dodaj plačilo",
+  "Recorded now": "Trenutno zabeleženo",
+  "Remaining due": "Preostanek za plačilo",
+  "Remaining to allocate": "Preostanek za razporeditev",
+  "This document must be fully paid on creation": "Ta dokument mora biti ob ustvarjanju v celoti plačan",
+  "Record one or more payments on creation": "Ob ustvarjanju zabeleži eno ali več plačil",
 } as const;

package/src/components/invoices/create/locales/sv.ts

@@ -26,15 +26,15 @@ export default {
   "Add new tax...": "Lägg till ny skatt...",
   Description: "Beskrivning",
   "Mark as Paid": "Markera som betald",
-  Paid: "Betald",
-  "Invoice will be marked as fully paid upon creation": "Fakturan markeras som fullt betald när den skapas",
+  "Paid": "Betald",
+  "Invoice will be marked as fully paid upon creation": "Fakturan markeras som fullt betald vid skapande",
   "Payment Type": "Betalningstyp",
   "Select payment type": "Välj betalningstyp",
-  Cash: "Kontant",
+  "Cash": "Kontant",
   "Bank Transfer": "Banköverföring",
-  Card: "Kort",
-  Check: "Check",
-  Other: "Övrigt",
+  "Card": "Kort",
+  "Check": "Check",
+  "Other": "Övrigt",
   Note: "Anteckning",
   "Insert variable": "Infoga variabel",
   "Add payment instructions, terms, or other notes...":
@@ -128,6 +128,7 @@ export default {
   "Delivery note": "Följesedel",
   Invoice: "Faktura",
   Estimate: "Offert",
+  "Proforma invoice": "Proformafaktura",
   "Credit note": "Kreditnota",
   "Advance invoice": "Förskottsfaktura",
   "FINA fiscalized invoices always use the current date": "FINA-fiskaliserade fakturor använder alltid dagens datum",
@@ -138,9 +139,9 @@ export default {
   "60 days": "60 dagar",
   "90 days": "90 dagar",
   Custom: "Anpassad",
+  // Service date
   "Service Date": "Tjänstedatum",
-  "Single Date": "Ett datum",
-  "Date Range": "Datumintervall",
+  "Service Period": "Tjänsteperiod",
   From: "Från",
   To: "Till",
   "Add separator": "Lägg till avgränsare",
@@ -163,4 +164,12 @@ export default {
   "Domestic B2B invoicing in Croatia is not supported": "Inrikes B2B-fakturering i Kroatien stöds inte",
   "FINA fiscalization must be enabled for domestic invoices":
     "FINA-fiskalisering måste vara aktiverad för inrikesfakturor",
+  "Please select": "Välj",
+  "Amount": "Belopp",
+  "Add payment": "Lägg till betalning",
+  "Recorded now": "Registrerat nu",
+  "Remaining due": "Återstående att betala",
+  "Remaining to allocate": "Återstår att fördela",
+  "This document must be fully paid on creation": "Det här dokumentet måste vara fullt betalt vid skapande",
+  "Record one or more payments on creation": "Registrera en eller flera betalningar vid skapande",
 } as const;

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

@@ -1,7 +1,14 @@
 import type { CreateInvoiceRequest } from "@spaceinvoices/js-sdk";
 import type { CreateInvoiceSchema } from "@/ui/generated/schemas";
 import { normalizePtDocumentInput, type PtDocumentInputForm } from "@/ui/lib/pt-document-input";
-import { prepareDocumentSubmission } from "../../documents/create/prepare-document-submission";
+import {
+  buildDocumentBasePayload,
+  cleanupEmptyCustomerId,
+  normalizeClearableFormTextField,
+  prepareDocumentCustomerData,
+  prepareDocumentItems,
+  prepareDocumentSubmission,
+} from "../../documents/create/prepare-document-submission";
 
 type FursData = {
   business_premise_name?: string;
@@ -103,3 +110,50 @@ export function prepareInvoiceSubmission(
   }
   return payload;
 }
+
+export function prepareInvoiceUpdateSubmission(
+  values: CreateInvoiceSchema & { pt?: PtDocumentInputForm | null },
+  options: Pick<PrepareOptions, "originalCustomer" | "wasCustomerFormShown" | "priceModes" | "eslog">,
+): Record<string, unknown> {
+  const nextValues: any = {
+    ...values,
+    customer: values.customer ? { ...values.customer } : values.customer,
+    items: values.items
+      ? values.items.map((item: any) => ({ ...item, taxes: item?.taxes ? [...item.taxes] : item?.taxes }))
+      : values.items,
+  };
+
+  prepareDocumentCustomerData(nextValues, options);
+  cleanupEmptyCustomerId(nextValues);
+  nextValues.items = prepareDocumentItems(nextValues.items, options.priceModes ?? {});
+
+  const payload = buildDocumentBasePayload(nextValues, {
+    documentType: "invoice",
+    secondaryDate: values.date_due ?? undefined,
+  });
+
+  if (Array.isArray(nextValues.linked_documents)) {
+    payload.linked_documents = nextValues.linked_documents;
+  } else if (nextValues.linked_documents === null) {
+    payload.linked_documents = [];
+  }
+
+  if (nextValues.force_linked_documents !== undefined) {
+    payload.force_linked_documents = nextValues.force_linked_documents;
+  }
+
+  if (options.eslog !== undefined) {
+    payload.eslog = {
+      validation_enabled: options.eslog.validation_enabled,
+    };
+  }
+
+  for (const key of ["note", "payment_terms", "reference", "signature", "tax_clause", "footer"] as const) {
+    const normalized = normalizeClearableFormTextField((values as any)[key]);
+    if (normalized !== undefined) {
+      payload[key] = normalized;
+    }
+  }
+
+  return payload;
+}

package/src/components/invoices/invoices.hooks.ts

@@ -1,4 +1,4 @@
-import type { CreateInvoice, Invoice, SDKMethodOptions, UpdateInvoice } from "@spaceinvoices/js-sdk";
+import type { CreateInvoice, CustomCreateInvoice, Invoice, SDKMethodOptions, UpdateInvoice } from "@spaceinvoices/js-sdk";
 import { documents, invoices } from "@spaceinvoices/js-sdk";
 import { useQuery } from "@tanstack/react-query";
 import { createResourceHooks } from "@/ui/hooks/create-resource-hooks";
@@ -25,9 +25,18 @@ const {
   INVOICES_CACHE_KEY,
 );
 
+const { useCreateResource: useCreateCustomInvoice } = createResourceHooks<Invoice, CustomCreateInvoice, UpdateInvoice>(
+  {
+    create: invoices.createCustom,
+    update: invoices.update,
+    delete: voidInvoice,
+  },
+  INVOICES_CACHE_KEY,
+);
+
 // Re-export document types for backward compatibility
 export type { DocumentTypes } from "../documents/types";
-export { useCreateInvoice, useDeleteInvoice, useUpdateInvoice };
+export { useCreateCustomInvoice, useCreateInvoice, useDeleteInvoice, useUpdateInvoice };
 
 // ============================================================================
 // Next Invoice Number Preview

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

@@ -18,6 +18,7 @@ import type {
 import { Badge } from "@/ui/components/ui/badge";
 import { Button } from "@/ui/components/ui/button";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/ui/components/ui/tooltip";
+import { getDisplayDocumentNumber } from "@/ui/lib/document-display";
 import { getEslogSelectionState } from "@/ui/lib/eslog-export";
 import { getFiscalizationFailureType } from "@/ui/lib/fiscalization";
 import { createTranslation } from "@/ui/lib/translation";
@@ -240,7 +241,7 @@ export default function InvoiceListTable({
           return (
             <div className="flex items-center gap-2">
               <Button variant="link" className="cursor-pointer py-0 underline" onClick={() => onRowClick?.(invoice)}>
-                {invoice.number}
+                {getDisplayDocumentNumber(invoice as Invoice & { is_draft?: boolean }, t)}
               </Button>
               {(invoice as any).is_draft && (
                 <Badge

package/src/components/invoices/send-email-dialog/locales/bg.ts

@@ -3,8 +3,11 @@ export default {
   "Send invoice by email description":
     "Send invoice #{number} to the customer by email. Markdown formatting is supported in the message body.",
   "Send Estimate by Email": "Send Estimate by Email",
+  "Send Proforma Invoice by Email": "Send Proforma Invoice by Email",
   "Send estimate by email description":
     "Send estimate #{number} to the customer by email. Markdown formatting is supported in the message body.",
+  "Send proforma invoice by email description":
+    "Send proforma invoice #{number} to the customer by email. Markdown formatting is supported in the message body.",
   "Send Credit Note by Email": "Send Credit Note by Email",
   "Send credit note by email description":
     "Send credit note #{number} to the customer by email. Markdown formatting is supported in the message body.",
@@ -18,6 +21,7 @@ export default {
   "Subject (Optional)": "Subject (Optional)",
   "Invoice Subject": "Invoice Subject",
   "Estimate Subject": "Estimate Subject",
+  "Proforma Invoice Subject": "Proforma Invoice Subject",
   "Credit Note Subject": "Credit Note Subject",
   "Advance Invoice Subject": "Advance Invoice Subject",
   "Delivery Note Subject": "Delivery Note Subject",
@@ -29,6 +33,7 @@ export default {
   "Email sent": "Email sent",
   "Invoice sent to": "Invoice sent to",
   "Estimate sent to": "Estimate sent to",
+  "Proforma invoice sent to": "Proforma invoice sent to",
   "Credit note sent to": "Credit note sent to",
   "Advance invoice sent to": "Advance invoice sent to",
   "Delivery note sent to": "Delivery note sent to",

package/src/components/invoices/send-email-dialog/locales/cs.ts

@@ -3,8 +3,11 @@ export default {
   "Send invoice by email description":
     "Send invoice #{number} to the customer by email. Markdown formatting is supported in the message body.",
   "Send Estimate by Email": "Send Estimate by Email",
+  "Send Proforma Invoice by Email": "Send Proforma Invoice by Email",
   "Send estimate by email description":
     "Send estimate #{number} to the customer by email. Markdown formatting is supported in the message body.",
+  "Send proforma invoice by email description":
+    "Send proforma invoice #{number} to the customer by email. Markdown formatting is supported in the message body.",
   "Send Credit Note by Email": "Send Credit Note by Email",
   "Send credit note by email description":
     "Send credit note #{number} to the customer by email. Markdown formatting is supported in the message body.",
@@ -18,6 +21,7 @@ export default {
   "Subject (Optional)": "Subject (Optional)",
   "Invoice Subject": "Invoice Subject",
   "Estimate Subject": "Estimate Subject",
+  "Proforma Invoice Subject": "Proforma Invoice Subject",
   "Credit Note Subject": "Credit Note Subject",
   "Advance Invoice Subject": "Advance Invoice Subject",
   "Delivery Note Subject": "Delivery Note Subject",
@@ -29,6 +33,7 @@ export default {
   "Email sent": "Email sent",
   "Invoice sent to": "Invoice sent to",
   "Estimate sent to": "Estimate sent to",
+  "Proforma invoice sent to": "Proforma invoice sent to",
   "Credit note sent to": "Credit note sent to",
   "Advance invoice sent to": "Advance invoice sent to",
   "Delivery note sent to": "Delivery note sent to",

package/src/components/invoices/send-email-dialog/locales/de.ts

@@ -1,6 +1,7 @@
 export default {
   "Send Invoice by Email": "Rechnung per E-Mail senden",
   "Send Estimate by Email": "Angebot per E-Mail senden",
+  "Send Proforma Invoice by Email": "Proformarechnung per E-Mail senden",
   "Send Credit Note by Email": "Gutschrift per E-Mail senden",
   "Send Advance Invoice by Email": "Vorauszahlungsrechnung per E-Mail senden",
   "Send Delivery Note by Email": "Lieferschein per E-Mail senden",
@@ -8,6 +9,8 @@ export default {
     "Senden Sie Rechnung #{number} per E-Mail an einen Kunden. Markdown-Formatierung wird im Text unterstützt.",
   "Send estimate by email description":
     "Senden Sie Angebot #{number} per E-Mail an einen Kunden. Markdown-Formatierung wird im Text unterstützt.",
+  "Send proforma invoice by email description":
+    "Senden Sie Proformarechnung #{number} per E-Mail an einen Kunden. Markdown-Formatierung wird im Text unterstützt.",
   "Send credit note by email description":
     "Senden Sie Gutschrift #{number} per E-Mail an einen Kunden. Markdown-Formatierung wird im Text unterstützt.",
   "Send advance invoice by email description":
@@ -18,6 +21,7 @@ export default {
   "Subject (Optional)": "Betreff (Optional)",
   "Invoice Subject": "Rechnungsbetreff",
   "Estimate Subject": "Angebotsbetreff",
+  "Proforma Invoice Subject": "Betreff der Proformarechnung",
   "Credit Note Subject": "Gutschriftbetreff",
   "Advance Invoice Subject": "Vorauszahlungsrechnungsbetreff",
   "Delivery Note Subject": "Lieferscheinbetreff",
@@ -29,6 +33,7 @@ export default {
   "Email sent": "E-Mail gesendet",
   "Invoice sent to": "Rechnung gesendet an",
   "Estimate sent to": "Angebot gesendet an",
+  "Proforma invoice sent to": "Proformarechnung gesendet an",
   "Credit note sent to": "Gutschrift gesendet an",
   "Advance invoice sent to": "Vorauszahlungsrechnung gesendet an",
   "Delivery note sent to": "Lieferschein gesendet an",