@spaceinvoices/react-ui 0.4.3 → 0.4.4

package/src/components/customers/customer-list-table/locales/es.ts

@@ -22,4 +22,5 @@ export default {
   "No results found": "No se encontraron clientes",
   "Try adjusting your search criteria": "Intente ajustar sus criterios de busqueda",
   "Clear search": "Limpiar busqueda",
+  "Clear all": "Borrar todo",
 } as const;

package/src/components/customers/customer-list-table/locales/fr.ts

@@ -22,4 +22,5 @@ export default {
   "No results found": "Aucun client trouve",
   "Try adjusting your search criteria": "Essayez de modifier vos criteres de recherche",
   "Clear search": "Effacer la recherche",
+  "Clear all": "Tout effacer",
 } as const;

package/src/components/customers/customer-list-table/locales/hr.ts

@@ -22,4 +22,5 @@ export default {
   "No results found": "Nije pronadjen nijedan kupac",
   "Try adjusting your search criteria": "Pokusajte prilagoditi kriterije pretrazivanja",
   "Clear search": "Ocisti pretragu",
+  "Clear all": "Očisti sve",
 } as const;

package/src/components/customers/customer-list-table/locales/it.ts

@@ -22,4 +22,5 @@ export default {
   "No results found": "Nessun cliente trovato",
   "Try adjusting your search criteria": "Prova a modificare i criteri di ricerca",
   "Clear search": "Cancella ricerca",
+  "Clear all": "Cancella tutto",
 } as const;

package/src/components/customers/customer-list-table/locales/nl.ts

@@ -22,4 +22,5 @@ export default {
   "No results found": "Geen klanten gevonden",
   "Try adjusting your search criteria": "Probeer uw zoekcriteria aan te passen",
   "Clear search": "Zoekopdracht wissen",
+  "Clear all": "Alles wissen",
 } as const;

package/src/components/customers/customer-list-table/locales/pl.ts

@@ -22,4 +22,5 @@ export default {
   "No results found": "Nie znaleziono klientow",
   "Try adjusting your search criteria": "Sprobuj dostosowac kryteria wyszukiwania",
   "Clear search": "Wyczysc wyszukiwanie",
+  "Clear all": "Wyczyść wszystko",
 } as const;

package/src/components/customers/customer-list-table/locales/pt.ts

@@ -22,4 +22,5 @@ export default {
   "No results found": "Nenhum cliente encontrado",
   "Try adjusting your search criteria": "Tente ajustar os seus criterios de pesquisa",
   "Clear search": "Limpar pesquisa",
+  "Clear all": "Limpar tudo",
 } as const;

package/src/components/customers/customer-list-table/locales/sl.ts

@@ -22,4 +22,5 @@ export default {
   "No results found": "Ni najdenih strank",
   "Try adjusting your search criteria": "Poskusite prilagoditi iskalne kriterije",
   "Clear search": "Počisti iskanje",
+  "Clear all": "Počisti vse",
 } as const;

package/src/components/delivery-notes/list/list-row-actions.tsx

@@ -1,6 +1,6 @@
 import type { DeliveryNote } from "@spaceinvoices/js-sdk";
 
-import { Copy, Download, Eye, Link2Off, Loader2, MoreHorizontal } from "lucide-react";
+import { Ban, Copy, Download, Eye, Link2Off, Loader2, MoreHorizontal } from "lucide-react";
 import { Button } from "@/ui/components/ui/button";
 import {
   DropdownMenu,
@@ -24,6 +24,8 @@ type DeliveryNoteListRowActionsProps = {
   onDownloadError?: (error: string) => void;
   onUnshare?: (deliveryNote: DeliveryNote) => Promise<void>;
   isUnsharing?: boolean;
+  onVoid?: (deliveryNote: DeliveryNote) => void;
+  isVoiding?: boolean;
 } & ComponentTranslationProps;
 
 export default function DeliveryNoteListRowActions({
@@ -35,6 +37,8 @@ export default function DeliveryNoteListRowActions({
   onDownloadError,
   onUnshare,
   isUnsharing,
+  onVoid,
+  isVoiding,
   ...i18nProps
 }: DeliveryNoteListRowActionsProps) {
   const t = createTranslation(i18nProps);
@@ -82,6 +86,21 @@ export default function DeliveryNoteListRowActions({
             </DropdownMenuItem>
           )}
         </DropdownMenuGroup>
+        {onVoid && !deliveryNote.voided_at && !(deliveryNote as any).is_draft && (
+          <>
+            <DropdownMenuSeparator />
+            <DropdownMenuGroup>
+              <DropdownMenuItem
+                className="cursor-pointer text-destructive focus:text-destructive"
+                onClick={() => onVoid(deliveryNote)}
+                disabled={isVoiding}
+              >
+                {isVoiding ? <Loader2 className="h-4 w-4 animate-spin" /> : <Ban className="h-4 w-4" />}
+                {t("Void")}
+              </DropdownMenuItem>
+            </DropdownMenuGroup>
+          </>
+        )}
         {deliveryNote.shareable_id && onUnshare && (
           <>
             <DropdownMenuSeparator />

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

@@ -52,6 +52,10 @@ type DeliveryNoteListTableProps = {
   onDownloadSuccess?: (fileName: string) => void;
   onDownloadError?: (error: string) => void;
   onExportSelected?: (documentIds: string[]) => void;
+  onCopyToInvoice?: (documentIds: string[]) => void;
+  onCreateNew?: () => void;
+  onVoid?: (deliveryNote: DeliveryNote) => void;
+  isVoiding?: boolean;
 } & ListTableProps<DeliveryNote>;
 
 export default function DeliveryNoteListTable({
@@ -65,6 +69,10 @@ export default function DeliveryNoteListTable({
   onDownloadSuccess,
   onDownloadError,
   onExportSelected,
+  onCopyToInvoice,
+  onCreateNew,
+  onVoid,
+  isVoiding,
   ...i18nProps
 }: DeliveryNoteListTableProps) {
   const t = createTranslation({
@@ -84,9 +92,9 @@ export default function DeliveryNoteListTable({
       limit: params.limit,
       next_cursor: params.next_cursor,
       prev_cursor: params.prev_cursor,
-      order_by: params.order_by,
       search: params.search,
       query: params.query,
+      include: "document_relations",
     });
     return response as unknown as TableQueryResponse<DeliveryNote>;
   }, entityId);
@@ -108,6 +116,12 @@ export default function DeliveryNoteListTable({
     }
   }, [selectedIds, onExportSelected]);
 
+  const handleCopyToInvoice = useCallback(() => {
+    if (selectedIds.size > 0 && onCopyToInvoice) {
+      onCopyToInvoice(Array.from(selectedIds));
+    }
+  }, [selectedIds, onCopyToInvoice]);
+
   const handleDeselectAll = useCallback(() => {
     setSelectedIds(new Set());
   }, []);
@@ -117,11 +131,12 @@ export default function DeliveryNoteListTable({
       <SelectionToolbar
         selectedCount={count}
         onExportPdfs={onExportSelected ? handleExportPdfs : undefined}
+        onCopyToInvoice={onCopyToInvoice ? handleCopyToInvoice : undefined}
         onDeselectAll={handleDeselectAll}
         t={t}
       />
     ),
-    [handleExportPdfs, handleDeselectAll, onExportSelected, t],
+    [handleExportPdfs, handleCopyToInvoice, handleDeselectAll, onExportSelected, onCopyToInvoice, t],
   );
 
   const columns: Column<DeliveryNote>[] = useMemo(
@@ -129,7 +144,6 @@ export default function DeliveryNoteListTable({
       {
         id: "number",
         header: t("Number"),
-        sortable: true,
         cell: (deliveryNote) => (
           <div className="flex items-center gap-2">
             <Button variant="link" className="cursor-pointer py-0 underline" onClick={() => onRowClick?.(deliveryNote)}>
@@ -143,6 +157,14 @@ export default function DeliveryNoteListTable({
                 {t("Draft")}
               </Badge>
             )}
+            {deliveryNote.voided_at && (
+              <Badge
+                variant="outline"
+                className="border-red-500 bg-red-50 text-red-700 dark:bg-red-950 dark:text-red-400"
+              >
+                {t("Voided")}
+              </Badge>
+            )}
           </div>
         ),
       },
@@ -154,20 +176,17 @@ export default function DeliveryNoteListTable({
       {
         id: "date",
         header: t("Date"),
-        sortable: true,
         cell: (deliveryNote) => <FormattedDate date={deliveryNote.date} />,
       },
       {
         id: "total",
         header: t("Total"),
-        sortable: true,
         align: "right",
         cell: (deliveryNote) => deliveryNote.total,
       },
       {
         id: "total_with_tax",
         header: t("Total with Tax"),
-        sortable: true,
         align: "right",
         cell: (deliveryNote) => deliveryNote.total_with_tax,
       },
@@ -183,13 +202,26 @@ export default function DeliveryNoteListTable({
             onDownloadStart={onDownloadStart}
             onDownloadSuccess={onDownloadSuccess}
             onDownloadError={onDownloadError}
+            onVoid={onVoid}
+            isVoiding={isVoiding}
             t={t}
             locale={i18nProps.locale}
           />
         ),
       },
     ],
-    [t, onRowClick, onView, onDuplicate, onDownloadStart, onDownloadSuccess, onDownloadError, i18nProps.locale],
+    [
+      t,
+      onRowClick,
+      onView,
+      onDuplicate,
+      onDownloadStart,
+      onDownloadSuccess,
+      onDownloadError,
+      onVoid,
+      isVoiding,
+      i18nProps.locale,
+    ],
   );
 
   return (
@@ -201,11 +233,12 @@ export default function DeliveryNoteListTable({
       cacheKey="delivery-notes"
       resourceName="delivery note"
       createNewLink={entityId ? `/app/${entityId}/documents/add/delivery_note` : undefined}
+      onCreateNew={onCreateNew}
       entityId={entityId}
       filterConfig={filterConfig}
       t={t}
       locale={i18nProps.locale}
-      selectable={!!onExportSelected}
+      selectable={!!(onExportSelected || onCopyToInvoice)}
       selectedIds={selectedIds}
       onSelectionChange={setSelectedIds}
       selectionToolbar={selectionToolbar}

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

@@ -6,4 +6,8 @@ export default {
   selected: "ausgewählt",
   "Export PDFs": "PDFs exportieren",
   "Deselect all": "Alle abwählen",
+  "Copy to Invoice": "In Rechnung kopieren",
+  "Clear all": "Alles zurücksetzen",
+  Void: "Stornieren",
+  Voided: "Storniert",
 } as const;

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

@@ -8,4 +8,6 @@ export default {
   selected: "selected",
   "Export PDFs": "Export PDFs",
   "Deselect all": "Deselect all",
+  "Copy to Invoice": "Copy to Invoice",
+  Void: "Void",
 } as const;

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

@@ -6,4 +6,8 @@ export default {
   selected: "seleccionados",
   "Export PDFs": "Exportar PDFs",
   "Deselect all": "Deseleccionar todo",
+  "Copy to Invoice": "Copiar a factura",
+  "Clear all": "Borrar todo",
+  Void: "Anular",
+  Voided: "Anulado",
 } as const;

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

@@ -6,4 +6,8 @@ export default {
   selected: "sélectionnés",
   "Export PDFs": "Exporter les PDFs",
   "Deselect all": "Tout désélectionner",
+  "Copy to Invoice": "Copier vers facture",
+  "Clear all": "Tout effacer",
+  Void: "Annuler",
+  Voided: "Annulé",
 } as const;

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

@@ -6,4 +6,8 @@ export default {
   selected: "odabranih",
   "Export PDFs": "Izvezi PDF-ove",
   "Deselect all": "Poništi odabir",
+  "Copy to Invoice": "Kopiraj u račun",
+  "Clear all": "Očisti sve",
+  Void: "Storniraj",
+  Voided: "Poništeno",
 } as const;

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

@@ -6,4 +6,8 @@ export default {
   selected: "selezionati",
   "Export PDFs": "Esporta PDF",
   "Deselect all": "Deseleziona tutto",
+  "Copy to Invoice": "Copia in fattura",
+  "Clear all": "Cancella tutto",
+  Void: "Annulla",
+  Voided: "Annullato",
 } as const;

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

@@ -6,4 +6,8 @@ export default {
   selected: "geselecteerd",
   "Export PDFs": "PDFs exporteren",
   "Deselect all": "Alles deselecteren",
+  "Copy to Invoice": "Kopieer naar factuur",
+  "Clear all": "Alles wissen",
+  Void: "Nietig verklaren",
+  Voided: "Ongeldig verklaard",
 } as const;

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

@@ -6,4 +6,8 @@ export default {
   selected: "wybranych",
   "Export PDFs": "Eksportuj PDF-y",
   "Deselect all": "Odznacz wszystko",
+  "Copy to Invoice": "Kopiuj do faktury",
+  "Clear all": "Wyczyść wszystko",
+  Void: "Anuluj",
+  Voided: "Anulowana",
 } as const;

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

@@ -6,4 +6,8 @@ export default {
   selected: "selecionados",
   "Export PDFs": "Exportar PDFs",
   "Deselect all": "Desmarcar tudo",
+  "Copy to Invoice": "Copiar para fatura",
+  "Clear all": "Limpar tudo",
+  Void: "Anular",
+  Voided: "Anulado",
 } as const;

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

@@ -6,4 +6,8 @@ export default {
   selected: "izbranih",
   "Export PDFs": "Izvozi PDF-je",
   "Deselect all": "Počisti izbor",
+  "Copy to Invoice": "Kopiraj v račun",
+  "Clear all": "Počisti vse",
+  Void: "Storniraj",
+  Voided: "Stornirano",
 } as const;

package/src/components/documents/create/document-details-section.tsx

@@ -84,11 +84,9 @@ export function DocumentDetailsSection({
 }: DocumentDetailsSectionProps) {
   // Determine the date field name based on document type
   // Delivery notes don't have a secondary date field
-  const hasSecondaryDate = documentType !== "delivery_note";
-  const dateFieldName =
-    documentType === "invoice" || documentType === "advance_invoice" ? "date_due" : "date_valid_till";
-  const dateFieldLabel =
-    documentType === "invoice" || documentType === "advance_invoice" ? t("Due Date") : t("Valid Until");
+  const hasSecondaryDate = documentType !== "delivery_note" && documentType !== "advance_invoice";
+  const dateFieldName = documentType === "invoice" ? "date_due" : "date_valid_till";
+  const dateFieldLabel = documentType === "invoice" ? t("Due Date") : t("Valid Until");
 
   // Check if FURS/FINA inline should show premise/device selects
   const showFursSelects = fursInline && !fursInline.isSkipped;
@@ -216,28 +214,44 @@ export function DocumentDetailsSection({
         render={({ field }) => (
           <FormItem>
             <FormLabel className="">{t("Date")} *</FormLabel>
-            <Popover>
-              <PopoverTrigger asChild>
-                <FormControl>
-                  <Button
-                    variant="outline"
-                    className={cn("w-full pl-3 text-left font-normal", !field.value && "text-muted-foreground")}
-                  >
-                    {field.value ? new Date(field.value).toLocaleDateString() : <span>{t("Pick a date")}</span>}
-                    <CalendarIcon className="ml-auto h-4 w-4 opacity-50" />
-                  </Button>
-                </FormControl>
-              </PopoverTrigger>
-              <PopoverContent className="w-auto p-0" align="start">
-                <Calendar
-                  mode="single"
-                  selected={field.value ? new Date(field.value) : undefined}
-                  onSelect={(date) => field.onChange(date?.toISOString())}
-                  disabled={(date) => date > new Date() || date < new Date("1900-01-01")}
-                  initialFocus
-                />
-              </PopoverContent>
-            </Popover>
+            {showFinaSelects ? (
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <FormControl>
+                    <Button variant="outline" disabled className="w-full pl-3 text-left font-normal">
+                      {new Date().toLocaleDateString()}
+                      <CalendarIcon className="ml-auto h-4 w-4 opacity-50" />
+                    </Button>
+                  </FormControl>
+                </TooltipTrigger>
+                <TooltipContent>
+                  <p>{t("FINA fiscalized invoices always use the current date")}</p>
+                </TooltipContent>
+              </Tooltip>
+            ) : (
+              <Popover>
+                <PopoverTrigger asChild>
+                  <FormControl>
+                    <Button
+                      variant="outline"
+                      className={cn("w-full pl-3 text-left font-normal", !field.value && "text-muted-foreground")}
+                    >
+                      {field.value ? new Date(field.value).toLocaleDateString() : <span>{t("Pick a date")}</span>}
+                      <CalendarIcon className="ml-auto h-4 w-4 opacity-50" />
+                    </Button>
+                  </FormControl>
+                </PopoverTrigger>
+                <PopoverContent className="w-auto p-0" align="start">
+                  <Calendar
+                    mode="single"
+                    selected={field.value ? new Date(field.value) : undefined}
+                    onSelect={(date) => field.onChange(date?.toISOString())}
+                    disabled={(date) => date > new Date() || date < new Date("1900-01-01")}
+                    initialFocus
+                  />
+                </PopoverContent>
+              </Popover>
+            )}
             <FormMessage />
           </FormItem>
         )}

package/src/components/documents/create/linked-documents-info.tsx

@@ -0,0 +1,82 @@
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from "@/ui/components/ui/table";
+
+export type LinkedDocumentSummary = {
+  id: string;
+  type: string;
+  number: string;
+  date: string;
+  total_with_tax: number;
+  currency_code: string;
+};
+
+type LinkedDocumentsInfoProps = {
+  documents: LinkedDocumentSummary[];
+  locale: string;
+  t: (key: string) => string;
+};
+
+export function LinkedDocumentsInfo({ documents, locale, t }: LinkedDocumentsInfoProps) {
+  if (documents.length === 0) return null;
+
+  const currencyCode = documents[0].currency_code || "EUR";
+
+  const formatDate = (dateStr: string) => {
+    try {
+      return new Date(dateStr).toLocaleDateString(locale, {
+        year: "numeric",
+        month: "short",
+        day: "numeric",
+      });
+    } catch {
+      return dateStr;
+    }
+  };
+
+  const formatCurrency = (amount: number) => {
+    try {
+      return new Intl.NumberFormat(locale, {
+        style: "currency",
+        currency: currencyCode,
+      }).format(amount);
+    } catch {
+      return `${amount.toFixed(2)} ${currencyCode}`;
+    }
+  };
+
+  const typeLabel = (type: string) => {
+    const key = {
+      delivery_note: "Delivery note",
+      invoice: "Invoice",
+      estimate: "Estimate",
+      credit_note: "Credit note",
+      advance_invoice: "Advance invoice",
+    }[type];
+    return key ? t(key) : type;
+  };
+
+  return (
+    <div className="space-y-2">
+      <h3 className="font-medium text-muted-foreground text-sm">{t("Linked documents")}</h3>
+      <Table>
+        <TableHeader>
+          <TableRow>
+            <TableHead className="h-8 text-xs">{t("Type")}</TableHead>
+            <TableHead className="h-8 text-xs">{t("Number")}</TableHead>
+            <TableHead className="h-8 text-xs">{t("Date")}</TableHead>
+            <TableHead className="h-8 text-right text-xs">{t("Total")}</TableHead>
+          </TableRow>
+        </TableHeader>
+        <TableBody>
+          {documents.map((doc) => (
+            <TableRow key={doc.id}>
+              <TableCell className="py-1.5 text-sm">{typeLabel(doc.type)}</TableCell>
+              <TableCell className="py-1.5 text-sm">{doc.number}</TableCell>
+              <TableCell className="py-1.5 text-sm">{formatDate(doc.date)}</TableCell>
+              <TableCell className="py-1.5 text-right text-sm">{formatCurrency(doc.total_with_tax)}</TableCell>
+            </TableRow>
+          ))}
+        </TableBody>
+      </Table>
+    </div>
+  );
+}

package/src/components/documents/create/live-preview.tsx

@@ -11,7 +11,7 @@ import { useA4Scaling } from "../shared/use-a4-scaling";
 import type { DocumentTypes } from "../types";
 import { filterUnresolvedTaxes } from "./prepare-preview-data";
 
-export type PdfTemplateId = "modern" | "classic" | "minimal" | "fashion";
+export type PdfTemplateId = "modern" | "classic" | "condensed" | "minimal" | "fashion";
 
 type LiveInvoicePreviewProps = {
   data: Partial<CreateInvoiceRequest>;

package/src/components/documents/types.ts

@@ -46,8 +46,8 @@ export const DOCUMENT_CONFIGS: Record<DocumentTypes, DocumentConfig> = {
     type: "advance_invoice",
     apiEndpoint: "advance-invoices",
     cacheKey: "advance-invoices",
-    dateFieldName: "date_due",
-    dateFieldLabel: "Due Date",
+    dateFieldName: null,
+    dateFieldLabel: null,
     singularName: "Advance Invoice",
     pluralName: "Advance Invoices",
   },