@spaceinvoices/react-ui 0.4.3 → 0.4.5

package/src/components/documents/view/document-relations-list.tsx

@@ -20,6 +20,7 @@ interface DocumentRelationsListProps extends ComponentTranslationProps {
   documentRelations?: DocumentRelation[];
   locale?: string;
   onNavigate?: (documentId: string) => void;
+  variant?: "card" | "inline";
 }
 
 function getDocumentTypeLabel(type: string, t: (key: string) => string): string {
@@ -55,6 +56,7 @@ export function DocumentRelationsList({
   documentRelations,
   locale = "en",
   onNavigate,
+  variant = "card",
   ...i18nProps
 }: DocumentRelationsListProps) {
   const t = createTranslation({ translations, locale, ...i18nProps });
@@ -65,6 +67,46 @@ export function DocumentRelationsList({
     return null;
   }
 
+  const bodyContent = (
+    <div className="space-y-2">
+      {relations.map((relation) => {
+        const isSource = relation.source_id === documentId;
+        const otherType = isSource ? relation.target_type : relation.source_type;
+        const otherId = isSource ? relation.target_id : relation.source_id;
+
+        return (
+          <div key={relation.id} className="flex items-center justify-between rounded-md border p-3">
+            <div className="flex flex-col gap-0.5">
+              <span className="font-medium text-sm">{getDocumentTypeLabel(otherType, t)}</span>
+              <span className="text-muted-foreground text-xs">{getRelationLabel(relation.relation_type, t)}</span>
+            </div>
+            {onNavigate ? (
+              <button
+                type="button"
+                onClick={() => onNavigate(otherId)}
+                className="flex items-center gap-1 text-primary text-sm hover:underline"
+              >
+                <Link2 className="h-3.5 w-3.5" />
+                {t("View")}
+              </button>
+            ) : null}
+          </div>
+        );
+      })}
+    </div>
+  );
+
+  if (variant === "inline") {
+    return (
+      <div>
+        <h3 className="mb-3 font-medium text-sm">
+          {t("Linked documents")} ({relations.length})
+        </h3>
+        {bodyContent}
+      </div>
+    );
+  }
+
   return (
     <Card>
       <CardHeader className="pb-3">
@@ -72,34 +114,7 @@ export function DocumentRelationsList({
           {t("Linked documents")} ({relations.length})
         </CardTitle>
       </CardHeader>
-      <CardContent>
-        <div className="space-y-2">
-          {relations.map((relation) => {
-            const isSource = relation.source_id === documentId;
-            const otherType = isSource ? relation.target_type : relation.source_type;
-            const otherId = isSource ? relation.target_id : relation.source_id;
-
-            return (
-              <div key={relation.id} className="flex items-center justify-between rounded-md border p-3">
-                <div className="flex flex-col gap-0.5">
-                  <span className="font-medium text-sm">{getDocumentTypeLabel(otherType, t)}</span>
-                  <span className="text-muted-foreground text-xs">{getRelationLabel(relation.relation_type, t)}</span>
-                </div>
-                {onNavigate ? (
-                  <button
-                    type="button"
-                    onClick={() => onNavigate(otherId)}
-                    className="flex items-center gap-1 text-primary text-sm hover:underline"
-                  >
-                    <Link2 className="h-3.5 w-3.5" />
-                    {t("View")}
-                  </button>
-                ) : null}
-              </div>
-            );
-          })}
-        </div>
-      </CardContent>
+      <CardContent>{bodyContent}</CardContent>
     </Card>
   );
 }

package/src/components/documents/view/document-sidebar.tsx

@@ -0,0 +1,151 @@
+import type {
+  AdvanceInvoice,
+  CreditNote,
+  DeliveryNote,
+  DocumentRelation,
+  Estimate,
+  Invoice,
+  Payment,
+} from "@spaceinvoices/js-sdk";
+import { Card, CardContent } from "@/ui/components/ui/card";
+import { Separator } from "@/ui/components/ui/separator";
+import type { ComponentTranslationProps } from "@/ui/lib/translation";
+import { FiscalizationStatusCard } from "../../invoices/view/fiscalization-status-card";
+import { DocumentActivitiesList } from "./document-activities-list";
+import { DocumentDetailsCard } from "./document-details-card";
+import { DocumentPaymentsList } from "./document-payments-list";
+import { DocumentRelationsList } from "./document-relations-list";
+
+type Document = Invoice | Estimate | CreditNote | AdvanceInvoice | DeliveryNote;
+type DocumentType = "invoice" | "estimate" | "credit_note" | "advance_invoice" | "delivery_note";
+
+interface DocumentSidebarProps extends ComponentTranslationProps {
+  document: Document;
+  documentType: DocumentType;
+  entityId: string;
+  locale?: string;
+  currentUserId?: string;
+  /** Show payments section */
+  showPayments?: boolean;
+  onAddPayment?: () => void;
+  onEditPayment?: (payment: Payment) => void;
+  onPaymentDeleteSuccess?: () => void;
+  onPaymentDeleteError?: (error: string) => void;
+  /** Navigate to a related document */
+  onNavigateRelation?: (documentId: string) => void;
+  /** FURS fiscalization */
+  showFurs?: boolean;
+  fursFiscalizationData?: any;
+  /** FINA fiscalization */
+  showFina?: boolean;
+  finaFiscalizationData?: any;
+  onRetryFiscalization?: () => void;
+  isRetryingFiscalization?: boolean;
+}
+
+export function DocumentSidebar({
+  document,
+  documentType,
+  entityId,
+  locale = "en",
+  currentUserId,
+  showPayments,
+  onAddPayment,
+  onEditPayment,
+  onPaymentDeleteSuccess,
+  onPaymentDeleteError,
+  onNavigateRelation,
+  showFurs,
+  fursFiscalizationData,
+  showFina,
+  finaFiscalizationData,
+  onRetryFiscalization,
+  isRetryingFiscalization,
+  ...i18nProps
+}: DocumentSidebarProps) {
+  const documentRelations = (document as unknown as { document_relations?: DocumentRelation[] }).document_relations;
+  const hasRelations = documentRelations && documentRelations.length > 0;
+
+  return (
+    <Card size="sm">
+      <CardContent className="space-y-5">
+        <DocumentDetailsCard
+          variant="inline"
+          document={document}
+          documentType={documentType}
+          locale={locale}
+          {...i18nProps}
+        />
+
+        {showPayments && (
+          <>
+            <Separator />
+            <DocumentPaymentsList
+              variant="inline"
+              documentId={document.id}
+              documentType={documentType as "invoice" | "credit_note" | "advance_invoice"}
+              entityId={entityId}
+              currencyCode={document.currency_code}
+              locale={locale}
+              onAddPayment={onAddPayment}
+              onEditPayment={onEditPayment}
+              onDeleteSuccess={onPaymentDeleteSuccess}
+              onDeleteError={onPaymentDeleteError}
+              {...i18nProps}
+            />
+          </>
+        )}
+
+        {hasRelations && (
+          <>
+            <Separator />
+            <DocumentRelationsList
+              variant="inline"
+              documentId={document.id}
+              documentRelations={documentRelations}
+              locale={locale}
+              onNavigate={onNavigateRelation}
+              {...i18nProps}
+            />
+          </>
+        )}
+
+        <Separator />
+        <DocumentActivitiesList
+          variant="inline"
+          documentId={document.id}
+          entityId={entityId}
+          currentUserId={currentUserId}
+          locale={locale}
+          {...i18nProps}
+        />
+
+        {(showFurs || showFina) && (
+          <>
+            <Separator />
+            {showFurs && (
+              <FiscalizationStatusCard
+                variant="inline"
+                fiscalizationType="furs"
+                fiscalizationData={fursFiscalizationData}
+                onRetry={onRetryFiscalization}
+                isRetrying={isRetryingFiscalization}
+                locale={locale}
+              />
+            )}
+            {showFina && (
+              <FiscalizationStatusCard
+                variant="inline"
+                fiscalizationType="fina"
+                fiscalizationData={finaFiscalizationData}
+                onRetry={onRetryFiscalization}
+                isRetrying={isRetryingFiscalization}
+                locale={locale}
+              />
+            )}
+          </>
+        )}
+      </CardContent>
+    </Card>
+  );
+}

package/src/components/documents/view/index.ts

@@ -2,4 +2,6 @@ export { DocumentActionsBar } from "./document-actions-bar";
 export { DocumentActivitiesList } from "./document-activities-list";
 export { DocumentDetailsCard } from "./document-details-card";
 export { DocumentPaymentsList } from "./document-payments-list";
+export { DocumentRelationsList } from "./document-relations-list";
+export { DocumentSidebar } from "./document-sidebar";
 export { useDocumentDownload } from "./use-document-download";

package/src/components/documents/view/locales/de.ts

@@ -20,10 +20,12 @@ export default {
   "Duplicate estimate": "Angebot duplizieren",
   "Duplicate credit_note": "Gutschrift duplizieren",
   "Duplicate advance_invoice": "Anzahlungsrechnung duplizieren",
+  "Duplicate delivery_note": "Lieferschein duplizieren",
   "Create invoice": "Rechnung erstellen",
   "Create estimate": "Angebot erstellen",
   "Create credit_note": "Gutschrift erstellen",
   "Create advance_invoice": "Anzahlungsrechnung erstellen",
+  "Create delivery_note": "Lieferschein erstellen",
 
   // Details card
   Details: "Details",
@@ -36,6 +38,7 @@ export default {
   Customer: "Kunde",
   Subtotal: "Zwischensumme",
   Tax: "Steuer",
+  of: "von",
   Total: "Gesamt",
   Paid: "Bezahlt",
   Due: "Offen",
@@ -106,6 +109,7 @@ export default {
   Pending: "Ausstehend",
   Failed: "Fehlgeschlagen",
   Skipped: "Übersprungen",
+  "Skipped by user": "Vom Benutzer übersprungen",
   "Retry fiscalization": "Fiskalisierung wiederholen",
 
   // PDF language names

package/src/components/documents/view/locales/es.ts

@@ -19,10 +19,12 @@ export default {
   "Duplicate estimate": "Duplicar presupuesto",
   "Duplicate credit_note": "Duplicar nota de crédito",
   "Duplicate advance_invoice": "Duplicar factura anticipada",
+  "Duplicate delivery_note": "Duplicar albarán",
   "Create invoice": "Crear factura",
   "Create estimate": "Crear presupuesto",
   "Create credit_note": "Crear nota de crédito",
   "Create advance_invoice": "Crear factura anticipada",
+  "Create delivery_note": "Crear albarán",
 
   // Details card
   Details: "Detalles",
@@ -35,6 +37,7 @@ export default {
   Customer: "Cliente",
   Subtotal: "Subtotal",
   Tax: "Impuesto",
+  of: "de",
   Total: "Total",
   Paid: "Pagado",
   Due: "Pendiente",
@@ -104,6 +107,7 @@ export default {
   Pending: "Pendiente",
   Failed: "Fallido",
   Skipped: "Omitido",
+  "Skipped by user": "Omitido por el usuario",
   "Retry fiscalization": "Reintentar fiscalización",
 
   // PDF language names

package/src/components/documents/view/locales/fr.ts

@@ -19,10 +19,12 @@ export default {
   "Duplicate estimate": "Dupliquer le devis",
   "Duplicate credit_note": "Dupliquer l'avoir",
   "Duplicate advance_invoice": "Dupliquer la facture d'acompte",
+  "Duplicate delivery_note": "Dupliquer le bon de livraison",
   "Create invoice": "Créer une facture",
   "Create estimate": "Créer un devis",
   "Create credit_note": "Créer un avoir",
   "Create advance_invoice": "Créer une facture d'acompte",
+  "Create delivery_note": "Créer un bon de livraison",
 
   // Details card
   Details: "Détails",
@@ -35,6 +37,7 @@ export default {
   Customer: "Client",
   Subtotal: "Sous-total",
   Tax: "Taxe",
+  of: "de",
   Total: "Total",
   Paid: "Payé",
   Due: "Dû",
@@ -104,6 +107,7 @@ export default {
   Pending: "En attente",
   Failed: "Échoué",
   Skipped: "Ignoré",
+  "Skipped by user": "Ignoré par l'utilisateur",
   "Retry fiscalization": "Réessayer la fiscalisation",
 
   // PDF language names

package/src/components/documents/view/locales/hr.ts

@@ -19,10 +19,12 @@ export default {
   "Duplicate estimate": "Dupliciraj ponudu",
   "Duplicate credit_note": "Dupliciraj knjižno odobrenje",
   "Duplicate advance_invoice": "Dupliciraj avansni račun",
+  "Duplicate delivery_note": "Dupliciraj otpremnicu",
   "Create invoice": "Stvori račun",
   "Create estimate": "Stvori ponudu",
   "Create credit_note": "Stvori knjižno odobrenje",
   "Create advance_invoice": "Stvori avansni račun",
+  "Create delivery_note": "Stvori otpremnicu",
 
   // Details card
   Details: "Pojedinosti",
@@ -35,6 +37,7 @@ export default {
   Customer: "Kupac",
   Subtotal: "Međuzbroj",
   Tax: "Porez",
+  of: "od",
   Total: "Ukupno",
   Paid: "Plaćeno",
   Due: "Za plaćanje",
@@ -104,6 +107,7 @@ export default {
   Pending: "Na čekanju",
   Failed: "Neuspjelo",
   Skipped: "Preskočeno",
+  "Skipped by user": "Korisnik preskočio",
   "Retry fiscalization": "Ponovi fiskalizaciju",
 
   // PDF language names

package/src/components/documents/view/locales/it.ts

@@ -19,10 +19,12 @@ export default {
   "Duplicate estimate": "Duplica preventivo",
   "Duplicate credit_note": "Duplica nota di credito",
   "Duplicate advance_invoice": "Duplica fattura di acconto",
+  "Duplicate delivery_note": "Duplica bolla di consegna",
   "Create invoice": "Crea fattura",
   "Create estimate": "Crea preventivo",
   "Create credit_note": "Crea nota di credito",
   "Create advance_invoice": "Crea fattura di acconto",
+  "Create delivery_note": "Crea bolla di consegna",
 
   // Details card
   Details: "Dettagli",
@@ -35,6 +37,7 @@ export default {
   Customer: "Cliente",
   Subtotal: "Subtotale",
   Tax: "Imposta",
+  of: "di",
   Total: "Totale",
   Paid: "Pagato",
   Due: "Da pagare",
@@ -104,6 +107,7 @@ export default {
   Pending: "In attesa",
   Failed: "Fallito",
   Skipped: "Saltato",
+  "Skipped by user": "Saltato dall'utente",
   "Retry fiscalization": "Riprova fiscalizzazione",
 
   // PDF language names

package/src/components/documents/view/locales/nl.ts

@@ -19,10 +19,12 @@ export default {
   "Duplicate estimate": "Offerte dupliceren",
   "Duplicate credit_note": "Creditnota dupliceren",
   "Duplicate advance_invoice": "Voorschotfactuur dupliceren",
+  "Duplicate delivery_note": "Afleverbon dupliceren",
   "Create invoice": "Factuur aanmaken",
   "Create estimate": "Offerte aanmaken",
   "Create credit_note": "Creditnota aanmaken",
   "Create advance_invoice": "Voorschotfactuur aanmaken",
+  "Create delivery_note": "Afleverbon aanmaken",
 
   // Details card
   Details: "Details",
@@ -35,6 +37,7 @@ export default {
   Customer: "Klant",
   Subtotal: "Subtotaal",
   Tax: "Belasting",
+  of: "van",
   Total: "Totaal",
   Paid: "Betaald",
   Due: "Openstaand",
@@ -105,6 +108,7 @@ export default {
   Pending: "In behandeling",
   Failed: "Mislukt",
   Skipped: "Overgeslagen",
+  "Skipped by user": "Overgeslagen door gebruiker",
   "Retry fiscalization": "Fiscalisatie opnieuw proberen",
 
   // PDF language names

package/src/components/documents/view/locales/pl.ts

@@ -19,10 +19,12 @@ export default {
   "Duplicate estimate": "Duplikuj kosztorys",
   "Duplicate credit_note": "Duplikuj notę kredytową",
   "Duplicate advance_invoice": "Duplikuj fakturę zaliczkową",
+  "Duplicate delivery_note": "Duplikuj dowód dostawy",
   "Create invoice": "Utwórz fakturę",
   "Create estimate": "Utwórz kosztorys",
   "Create credit_note": "Utwórz notę kredytową",
   "Create advance_invoice": "Utwórz fakturę zaliczkową",
+  "Create delivery_note": "Utwórz dowód dostawy",
 
   // Details card
   Details: "Szczegóły",
@@ -35,6 +37,7 @@ export default {
   Customer: "Klient",
   Subtotal: "Suma częściowa",
   Tax: "Podatek",
+  of: "z",
   Total: "Razem",
   Paid: "Zapłacono",
   Due: "Do zapłaty",
@@ -104,6 +107,7 @@ export default {
   Pending: "Oczekuje",
   Failed: "Niepowodzenie",
   Skipped: "Pominięto",
+  "Skipped by user": "Pominięto przez użytkownika",
   "Retry fiscalization": "Ponów fiskalizację",
 
   // PDF language names

package/src/components/documents/view/locales/pt.ts

@@ -19,10 +19,12 @@ export default {
   "Duplicate estimate": "Duplicar orçamento",
   "Duplicate credit_note": "Duplicar nota de crédito",
   "Duplicate advance_invoice": "Duplicar fatura antecipada",
+  "Duplicate delivery_note": "Duplicar guia de remessa",
   "Create invoice": "Criar fatura",
   "Create estimate": "Criar orçamento",
   "Create credit_note": "Criar nota de crédito",
   "Create advance_invoice": "Criar fatura antecipada",
+  "Create delivery_note": "Criar guia de remessa",
 
   // Details card
   Details: "Detalhes",
@@ -35,6 +37,7 @@ export default {
   Customer: "Cliente",
   Subtotal: "Subtotal",
   Tax: "Imposto",
+  of: "de",
   Total: "Total",
   Paid: "Pago",
   Due: "Em dívida",
@@ -104,6 +107,7 @@ export default {
   Pending: "Pendente",
   Failed: "Falhado",
   Skipped: "Ignorado",
+  "Skipped by user": "Ignorado pelo utilizador",
   "Retry fiscalization": "Tentar novamente fiscalização",
 
   // PDF language names

package/src/components/documents/view/locales/sl.ts

@@ -19,10 +19,12 @@ export default {
   "Duplicate estimate": "Podvoji predračun",
   "Duplicate credit_note": "Podvoji dobropis",
   "Duplicate advance_invoice": "Podvoji avansni račun",
+  "Duplicate delivery_note": "Podvoji dobavnico",
   "Create invoice": "Ustvari račun",
   "Create estimate": "Ustvari predračun",
   "Create credit_note": "Ustvari dobropis",
   "Create advance_invoice": "Ustvari avansni račun",
+  "Create delivery_note": "Ustvari dobavnico",
 
   // Details card
   Details: "Podrobnosti",
@@ -34,7 +36,8 @@ export default {
   "Valid until": "Veljavno do",
   Customer: "Stranka",
   Subtotal: "Vmesni seštevek",
-  Tax: "Davek",
+  Tax: "DDV",
+  of: "od",
   Total: "Skupaj",
   Paid: "Plačano",
   Due: "Za plačilo",
@@ -105,6 +108,7 @@ export default {
   Pending: "V čakanju",
   Failed: "Neuspešno",
   Skipped: "Preskočeno",
+  "Skipped by user": "Uporabnik preskočil",
   "Retry fiscalization": "Ponovi fiskalizacijo",
 
   // PDF language names

package/src/components/documents/view/use-document-download.ts

@@ -36,9 +36,11 @@ export function useDocumentDownload({
   const [isDownloadingEslog, setIsDownloadingEslog] = useState(false);
 
   /**
-   * Download PDF in specified locale
+   * Download PDF with optional language override for translations
+   * Formatting (decimal separators, dates) always uses entity locale.
+   * The language param only changes labels/translations on the PDF.
    */
-  const downloadPdf = async (document: Document, documentType: DocumentType, _locale: string) => {
+  const downloadPdf = async (document: Document, documentType: DocumentType, language?: string) => {
     if (!sdk || !activeEntity?.id) {
       onDownloadError?.("Download failed");
       return;
@@ -51,7 +53,9 @@ export function useDocumentDownload({
       // SDK signature: renderPdf(id, params?, SDKMethodOptions?)
       // entity_id goes in SDKMethodOptions (last arg), not params
       // Note: renderPdf is on invoices module but works with any document ID via /documents/{id}/pdf
-      const blob = await sdk.invoices.renderPdf(document.id, {}, { entity_id: activeEntity.id });
+      // Don't send locale — entity locale drives formatting. Send language for translation override.
+      const params = language ? { language } : {};
+      const blob = await sdk.invoices.renderPdf(document.id, params, { entity_id: activeEntity.id });
       const downloadUrl = window.URL.createObjectURL(blob);
       const link = window.document.createElement("a");
       link.href = downloadUrl;