@spaceinvoices/react-ui 0.4.10 → 0.4.12

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

@@ -0,0 +1,166 @@
+export default {
+  Recipient: "Mottagare",
+  Name: "Namn",
+  Details: "Detaljer",
+  Number: "Nummer",
+  "Number format can be changed in settings": "Nummerformatet kan ändras i inställningarna",
+  Date: "Datum",
+  "Pick a date": "Välj ett datum",
+  "Due Date": "Förfallodatum",
+  "Valid Until": "Giltig till",
+  Items: "Artiklar",
+  "Add item": "Lägg till artikel",
+  Save: "Spara",
+  Update: "Uppdatera",
+  "Save as Draft": "Spara som utkast",
+  Quantity: "Antal",
+  Price: "Pris",
+  Unit: "Enhet",
+  Discount: "Rabatt",
+  Tax: "Skatt",
+  "Tax rate": "Skattesats",
+  "Add tax": "Lägg till skatt",
+  "Select tax...": "Välj skatt...",
+  "Loading...": "Laddar...",
+  "No taxes found": "Inga skatter hittades",
+  "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",
+  "Payment Type": "Betalningstyp",
+  "Select payment type": "Välj betalningstyp",
+  Cash: "Kontant",
+  "Bank Transfer": "Banköverföring",
+  Card: "Kort",
+  Check: "Check",
+  Other: "Övrigt",
+  Note: "Anteckning",
+  "Insert variable": "Infoga variabel",
+  "Add payment instructions, terms, or other notes...":
+    "Lägg till betalningsinstruktioner, villkor eller andra anteckningar...",
+  Signature: "Signatur",
+  "Add signature text...": "Lägg till signaturtext...",
+  "Payment Terms": "Betalningsvillkor",
+  "Add payment terms...": "Lägg till betalningsvillkor...",
+  Entity: "Enhet",
+  Document: "Faktura",
+  Customer: "Kund",
+  "Company name": "Företagsnamn",
+  "Email address": "E-postadress",
+  "Invoice number": "Fakturanummer",
+  "Invoice date": "Fakturadatum",
+  "Due date": "Förfallodatum",
+  "Total amount": "Totalt belopp",
+  Currency: "Valuta",
+  "Select currency": "Välj valuta",
+  "Customer name": "Kundnamn",
+  "Customer email": "Kundens e-postadress",
+  "Today's date": "Dagens datum",
+  "Current year": "Aktuellt år",
+  "Search or create customer...": "Sök eller skapa kund...",
+  Clear: "Rensa",
+  Address: "Adress",
+  "Address 2": "Adress 2",
+  "Post Code": "Postnummer",
+  City: "Stad",
+  State: "Län",
+  Country: "Land",
+  "Tax Number": "Skattenummer",
+  "Percentage discount": "Procentuell rabatt",
+  "Fixed amount discount": "Fast rabattbelopp",
+  Percentage: "Procent",
+  "Fixed amount": "Fast belopp",
+  "FURS Fiscalization": "FURS-fiskalisering",
+  "Business Premise": "Affärslokal",
+  "Electronic Device": "Elektronisk enhet",
+  Premise: "Lokal",
+  Device: "Enhet",
+  "Select premise": "Välj verksamhetsställe",
+  "Select device": "Välj enhet",
+  "Skip Fiscalization": "Hoppa över fiskalisering",
+  "Skip fiscalization for this invoice (e.g., bank transfers or unpaid invoices)":
+    "Hoppa över fiskalisering för den här fakturan, till exempel vid banköverföringar eller obetalda fakturor",
+  "Cannot skip fiscalization for cash payments": "Det går inte att hoppa över fiskalisering för kontantbetalningar",
+  Skipped: "Överhoppad",
+  Enabled: "Aktiverad",
+  "Click to enable fiscalization": "Klicka för att aktivera fiskalisering",
+  "Fiscally verify": "Fiskalisera",
+  "Click to skip fiscalization for this invoice": "Klicka för att hoppa över fiskalisering för den här fakturan",
+  "e-SLOG": "e-SLOG",
+  "Click to skip e-SLOG validation for this invoice":
+    "Klicka för att hoppa över e-SLOG-validering för den här fakturan",
+  "Click to enable e-SLOG validation": "Klicka för att aktivera e-SLOG-validering",
+  "e-SLOG Validation Failed": "e-SLOG-valideringen misslyckades",
+  "The following entity settings need to be updated:": "Följande enhetsinställningar måste uppdateras:",
+  "Entity name is required for e-SLOG. Update in Settings > Company.":
+    "Enhetens namn krävs för e-SLOG. Uppdatera det under Inställningar > Företag.",
+  "Entity address is required for e-SLOG. Update in Settings > Company.":
+    "Enhetens adress krävs för e-SLOG. Uppdatera den under Inställningar > Företag.",
+  "Entity postal code is required for e-SLOG. Update in Settings > Company.":
+    "Enhetens postnummer krävs för e-SLOG. Uppdatera det under Inställningar > Företag.",
+  "Entity city is required for e-SLOG. Update in Settings > Company.":
+    "Enhetens stad krävs för e-SLOG. Uppdatera den under Inställningar > Företag.",
+  "Entity must be from Slovenia (SI) for e-SLOG.": "Enheten måste vara från Slovenien (SI) för e-SLOG.",
+  "Entity tax number is required for e-SLOG. Update in Settings > Company.":
+    "Enhetens skattenummer krävs för e-SLOG. Uppdatera det under Inställningar > Företag.",
+  "Slovenian tax number must be 8 digits.": "Slovenskt skattenummer måste bestå av 8 siffror.",
+  "Invoice date is required for e-SLOG.": "Fakturadatum krävs för e-SLOG.",
+  "Currency is required for e-SLOG.": "Valuta krävs för e-SLOG.",
+  "Entity currency must be EUR for e-SLOG when invoice uses a different currency.":
+    "Enhetens valuta måste vara EUR för e-SLOG när fakturan använder en annan valuta.",
+  "Customer name is required when customer is provided.": "Kundnamn krävs när en kund anges.",
+  "At least one line item is required for e-SLOG.": "Minst en radartikel krävs för e-SLOG.",
+  "Item name is required for e-SLOG.": "Artikelnamn krävs för e-SLOG.",
+  "Quantity must be greater than 0.": "Antalet måste vara större än 0.",
+  "Price is required for e-SLOG.": "Pris krävs för e-SLOG.",
+  "Invalid Slovenian tax rate {{rate}}%. Valid: {{validRates}}":
+    "Ogiltig slovensk skattesats {{rate}} %. Giltiga: {{validRates}}",
+  "Reverse charge - tax exempt EU B2B sale": "Omvänd skattskyldighet - momsfri EU-försäljning B2B",
+  "Taxes disabled": "Skatter inaktiverade",
+  "Gross price": "Bruttopris",
+  "Net price": "Nettopris",
+  "Gross price (tax included)": "Bruttopris (inklusive skatt)",
+  "Net price (before tax)": "Nettopris (före skatt)",
+  "Linked documents": "Länkade dokument",
+  Type: "Typ",
+  Total: "Totalt",
+  "Delivery note": "Följesedel",
+  Invoice: "Faktura",
+  Estimate: "Offert",
+  "Credit note": "Kreditnota",
+  "Advance invoice": "Förskottsfaktura",
+  "FINA fiscalized invoices always use the current date": "FINA-fiskaliserade fakturor använder alltid dagens datum",
+  "On receipt": "Vid mottagande",
+  "7 days": "7 dagar",
+  "14 days": "14 dagar",
+  "30 days": "30 dagar",
+  "60 days": "60 dagar",
+  "90 days": "90 dagar",
+  Custom: "Anpassad",
+  "Service Date": "Tjänstedatum",
+  "Single Date": "Ett datum",
+  "Date Range": "Datumintervall",
+  From: "Från",
+  To: "Till",
+  "Add separator": "Lägg till avgränsare",
+  "Section header": "Avsnittsrubrik",
+  "Section title...": "Rubrik för avsnitt...",
+  "Transaction type": "Transaktionstyp",
+  Domestic: "Inrikes",
+  "EU B2B": "EU B2B",
+  "EU B2C": "EU B2C",
+  "3W B2B": "3W B2B",
+  "3W B2C": "3W B2C",
+  "Determining transaction type...": "Bestämmer transaktionstyp...",
+  "This invoice will not be fiscalized (non-domestic transaction)":
+    "Den här fakturan kommer inte att fiskaliseras (ej inrikes transaktion)",
+  "Tax Clause": "Skatteklausul",
+  "Add tax clause...": "Lägg till skatteklausul...",
+  Footer: "Sidfot",
+  "Add document footer...": "Lägg till dokumentets sidfot...",
+  "End consumer": "Slutkonsument",
+  "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",
+} as const;

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

@@ -1,17 +1,22 @@
 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";
 
 type FursData = {
   business_premise_name?: string;
   electronic_device_name?: string;
   skip?: boolean;
+  operator_tax_number?: string;
+  operator_label?: string;
 };
 
 type FinaData = {
   business_premise_name?: string;
   electronic_device_name?: string;
   payment_type?: string;
+  operator_oib?: string;
+  operator_label?: string;
 };
 
 type EslogData = {
@@ -26,6 +31,7 @@ type PrepareOptions = {
   wasCustomerFormShown?: boolean;
   markAsPaid?: boolean;
   paymentTypes?: string[];
+  payments?: Array<{ type: string; amount?: number }>;
   /** FURS fiscalization data (for Slovenia) */
   furs?: FursData;
   /** FINA fiscalization data (for Croatia) */
@@ -42,12 +48,16 @@ type PrepareOptions = {
  * Prepares invoice form data for API submission
  * Handles customer data transformation, payment data, and FURS fiscalization
  */
-export function prepareInvoiceSubmission(values: CreateInvoiceSchema, options: PrepareOptions): CreateInvoiceRequest {
+export function prepareInvoiceSubmission(
+  values: CreateInvoiceSchema & { pt?: PtDocumentInputForm | null },
+  options: PrepareOptions,
+): CreateInvoiceRequest {
   const payload = prepareDocumentSubmission(values, {
     originalCustomer: options.originalCustomer,
     wasCustomerFormShown: options.wasCustomerFormShown,
     markAsPaid: options.markAsPaid,
     paymentTypes: options.paymentTypes,
+    payments: options.payments,
     documentType: "invoice",
     secondaryDate: values.date_due ?? undefined,
     priceModes: options.priceModes,
@@ -64,6 +74,8 @@ export function prepareInvoiceSubmission(values: CreateInvoiceSchema, options: P
       (payload as any).furs = {
         business_premise_name: options.furs.business_premise_name,
         electronic_device_name: options.furs.electronic_device_name,
+        ...(options.furs.operator_tax_number ? { operator_tax_number: options.furs.operator_tax_number } : {}),
+        ...(options.furs.operator_label ? { operator_label: options.furs.operator_label } : {}),
       };
     }
   }
@@ -74,6 +86,8 @@ export function prepareInvoiceSubmission(values: CreateInvoiceSchema, options: P
       business_premise_name: options.fina.business_premise_name,
       electronic_device_name: options.fina.electronic_device_name,
       ...(options.fina.payment_type && { payment_type: options.fina.payment_type }),
+      ...(options.fina.operator_oib ? { operator_oib: options.fina.operator_oib } : {}),
+      ...(options.fina.operator_label ? { operator_label: options.fina.operator_label } : {}),
     };
   }
 
@@ -83,6 +97,9 @@ export function prepareInvoiceSubmission(values: CreateInvoiceSchema, options: P
       validation_enabled: options.eslog.validation_enabled,
     };
   }
-
+  const pt = normalizePtDocumentInput(values.pt);
+  if (pt) {
+    (payload as any).pt = pt;
+  }
   return payload;
 }

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

@@ -1,11 +1,12 @@
+import { advanceInvoices, creditNotes, deliveryNotes, invoices } from "@spaceinvoices/js-sdk";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
-import { useSDK } from "@/ui/providers/sdk-provider";
 
 interface VoidDocumentParams {
   documentId: string;
   documentType: "invoice" | "credit_note" | "advance_invoice" | "delivery_note";
   entityId: string;
   reason?: string;
+  hasOriginalDocument?: boolean;
 }
 
 /**
@@ -13,23 +14,25 @@ interface VoidDocumentParams {
  * Automatically handles FURS/FINA technical cancellation for fiscalized documents
  */
 export function useVoidDocument() {
-  const { sdk } = useSDK();
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationFn: async ({ documentId, documentType, entityId, reason }: VoidDocumentParams) => {
-      const body = { reason: reason || undefined };
+    mutationFn: async ({ documentId, documentType, entityId, reason, hasOriginalDocument }: VoidDocumentParams) => {
+      const body = {
+        reason: reason || undefined,
+        has_original_document: hasOriginalDocument,
+      };
       const opts = { entity_id: entityId };
 
       switch (documentType) {
         case "invoice":
-          return sdk.invoices.void(documentId, body, opts);
+          return invoices.void(documentId, body, opts);
         case "credit_note":
-          return sdk.creditNotes.void(documentId, body, opts);
+          return creditNotes.void(documentId, body, opts);
         case "advance_invoice":
-          return sdk.advanceInvoices.void(documentId, body, opts);
+          return advanceInvoices.void(documentId, body, opts);
         case "delivery_note":
-          return sdk.deliveryNotes.void(documentId, body, opts);
+          return deliveryNotes.void(documentId, body, opts);
       }
     },
     onSuccess: (_, variables) => {

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

@@ -1,24 +1,33 @@
-import type { CreateInvoice, Invoice } from "@spaceinvoices/js-sdk";
+import type { CreateInvoice, 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";
-import { useSDK } from "@/ui/providers/sdk-provider";
 
 // Define a constant for the invoices cache key
 export const INVOICES_CACHE_KEY = "invoices";
 export const NEXT_INVOICE_NUMBER_CACHE_KEY = "next-invoice-number";
 
+const voidInvoice = async (id: string, options?: SDKMethodOptions): Promise<void> => {
+  await invoices.void(id, {}, options);
+};
+
 // Create invoice-specific hooks using the factory
 const {
   useCreateResource: useCreateInvoice,
   useUpdateResource: useUpdateInvoice,
   useDeleteResource: useDeleteInvoice,
-} = createResourceHooks<Invoice, CreateInvoice>("invoices", INVOICES_CACHE_KEY);
-
-export { useCreateInvoice, useUpdateInvoice, useDeleteInvoice };
+} = createResourceHooks<Invoice, CreateInvoice, UpdateInvoice>(
+  {
+    create: invoices.create,
+    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 };
 
 // ============================================================================
 // Next Invoice Number Preview
@@ -31,6 +40,16 @@ export type NextInvoiceNumberResponse = {
     business_premise_name: string;
     electronic_device_name: string;
   } | null;
+  fina?: {
+    business_premise_name: string;
+    electronic_device_name: string;
+  } | null;
+  pt?: {
+    series_id: string;
+    series_code: string;
+    validation_code: string;
+    manual?: boolean;
+  } | null;
 };
 
 /**
@@ -45,8 +64,6 @@ export function useNextInvoiceNumber(
     enabled?: boolean;
   },
 ) {
-  const { sdk } = useSDK();
-
   return useQuery<NextInvoiceNumberResponse>({
     queryKey: [
       NEXT_INVOICE_NUMBER_CACHE_KEY,
@@ -55,7 +72,7 @@ export function useNextInvoiceNumber(
       options?.electronic_device_name,
     ],
     queryFn: async () => {
-      const response = await sdk.documents.getNextNumber(
+      const response = await documents.getNextNumber(
         {
           type: "invoice",
           business_premise_name: options?.business_premise_name,
@@ -65,7 +82,7 @@ export function useNextInvoiceNumber(
       );
       return response as NextInvoiceNumberResponse;
     },
-    enabled: options?.enabled !== false && !!entityId && !!sdk?.documents,
+    enabled: options?.enabled !== false && !!entityId,
     staleTime: 0, // Always refetch when form opens or params change
   });
 }

package/src/components/invoices/list/list-row-actions.tsx

@@ -12,11 +12,18 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/ui/components/ui/dropdown-menu";
+import { actionMenuTooltipProps, Tooltip, TooltipContent, TooltipTrigger } from "@/ui/components/ui/tooltip";
 import type { ComponentTranslationProps } from "@/ui/lib/translation";
 import { createTranslation } from "@/ui/lib/translation";
 import { SendEmailDialog } from "../send-email-dialog";
 import { useInvoiceDownload } from "./use-invoice-download";
 
+const translations = {
+  sl: {
+    "This document is already voided.": "Ta dokument je že storniran.",
+  },
+} as const;
+
 type InvoiceListRowActionsProps = {
   invoice: Invoice;
   onView?: (invoice: Invoice) => void;
@@ -29,6 +36,7 @@ type InvoiceListRowActionsProps = {
   isUnsharing?: boolean;
   onVoid?: (invoice: Invoice) => void;
   isVoiding?: boolean;
+  allowSendEmail?: boolean;
 } & ComponentTranslationProps;
 
 export default memo(function InvoiceListRowActions({
@@ -43,9 +51,10 @@ export default memo(function InvoiceListRowActions({
   isUnsharing,
   onVoid,
   isVoiding,
+  allowSendEmail = true,
   ...i18nProps
 }: InvoiceListRowActionsProps) {
-  const t = createTranslation(i18nProps);
+  const t = createTranslation({ ...i18nProps, translations });
   const [emailDialogOpen, setEmailDialogOpen] = useState(false);
   const { isDownloading, downloadPDF } = useInvoiceDownload({
     onDownloadStart,
@@ -81,10 +90,12 @@ export default memo(function InvoiceListRowActions({
               <Download className="h-4 w-4" />
               {isDownloading ? t("Downloading...") : t("Download PDF")}
             </DropdownMenuItem>
-            <DropdownMenuItem className="cursor-pointer" onClick={() => setEmailDialogOpen(true)}>
-              <Mail className="h-4 w-4" />
-              {t("Send Email")}
-            </DropdownMenuItem>
+            {allowSendEmail && (
+              <DropdownMenuItem className="cursor-pointer" onClick={() => setEmailDialogOpen(true)}>
+                <Mail className="h-4 w-4" />
+                {t("Send Email")}
+              </DropdownMenuItem>
+            )}
             {onDuplicate && (
               <DropdownMenuItem className="cursor-pointer" onClick={() => onDuplicate(invoice)}>
                 <Copy className="h-4 w-4" />
@@ -118,30 +129,52 @@ export default memo(function InvoiceListRowActions({
               </DropdownMenuGroup>
             </>
           )}
-          {onVoid && !invoice.voided_at && !(invoice as any).is_draft && (
+          {onVoid && !(invoice as any).is_draft && (
             <>
               <DropdownMenuSeparator />
               <DropdownMenuGroup>
-                <DropdownMenuItem
-                  className="cursor-pointer text-destructive focus:text-destructive"
-                  onClick={() => onVoid(invoice)}
-                  disabled={isVoiding}
-                >
-                  {isVoiding ? <Loader2 className="h-4 w-4 animate-spin" /> : <Ban className="h-4 w-4" />}
-                  {t("Void")}
-                </DropdownMenuItem>
+                {(() => {
+                  const disabledReason = invoice?.voided_at ? t("This document is already voided.") : undefined;
+                  const item = (
+                    <DropdownMenuItem
+                      className="cursor-pointer text-destructive focus:text-destructive"
+                      onClick={disabledReason ? undefined : () => onVoid(invoice)}
+                      disabled={isVoiding || !!disabledReason}
+                    >
+                      {isVoiding ? <Loader2 className="h-4 w-4 animate-spin" /> : <Ban className="h-4 w-4" />}
+                      {t("Void")}
+                    </DropdownMenuItem>
+                  );
+
+                  if (!disabledReason) return item;
+
+                  return (
+                    <Tooltip>
+                      <TooltipTrigger asChild>
+                        <div>{item}</div>
+                      </TooltipTrigger>
+                      <TooltipContent side="left" {...actionMenuTooltipProps}>
+                        {disabledReason}
+                      </TooltipContent>
+                    </Tooltip>
+                  );
+                })()}
               </DropdownMenuGroup>
             </>
           )}
         </DropdownMenuContent>
       </DropdownMenu>
-      <SendEmailDialog
-        invoice={invoice}
-        defaultEmail={invoice.customer?.email || ""}
-        open={emailDialogOpen}
-        onOpenChange={setEmailDialogOpen}
-        translationFn={t}
-      />
+      {allowSendEmail && (
+        <SendEmailDialog
+          document={invoice}
+          defaultEmail={invoice.customer?.email || ""}
+          open={emailDialogOpen}
+          onOpenChange={setEmailDialogOpen}
+          locale={i18nProps.locale}
+          translationFn={t}
+          translationLocale={i18nProps.translationLocale}
+        />
+      )}
     </>
   );
 });