@spaceinvoices/react-ui 0.4.4 → 0.4.5

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

@@ -2,9 +2,10 @@
  * Shared document details section for invoices and estimates
  * Handles: number, date, and document-type-specific date field (date_due or date_valid_till)
  */
-import type { Entity, Estimate, Invoice } from "@spaceinvoices/js-sdk";
-import { CalendarIcon } from "lucide-react";
+import type { Entity, Estimate, Invoice, ViesCheckResponse } from "@spaceinvoices/js-sdk";
+import { CalendarIcon, Globe, Info, Loader2 } from "lucide-react";
 import { useRef, useState } from "react";
+import { Badge } from "@/ui/components/ui/badge";
 import { Button } from "@/ui/components/ui/button";
 import { Calendar } from "@/ui/components/ui/calendar";
 import { FormControl, FormField, FormItem, FormLabel, FormMessage } from "@/ui/components/ui/form";
@@ -612,6 +613,125 @@ export function DocumentNoteField({
   );
 }
 
+/**
+ * Tax clause field component with smart code insertion button
+ * Similar to DocumentNoteField, auto-populated from entity settings based on transaction type
+ */
+type TransactionType = ViesCheckResponse["transaction_type"];
+
+const TRANSACTION_TYPE_LABELS: Record<NonNullable<TransactionType>, string> = {
+  domestic: "Domestic",
+  intra_eu_b2b: "EU B2B",
+  intra_eu_b2c: "EU B2C",
+  export: "Export",
+};
+
+const TRANSACTION_TYPE_VARIANTS: Record<NonNullable<TransactionType>, "secondary" | "default" | "outline"> = {
+  domestic: "secondary",
+  intra_eu_b2b: "default",
+  intra_eu_b2c: "outline",
+  export: "outline",
+};
+
+export function DocumentTaxClauseField({
+  control,
+  t,
+  entity,
+  document,
+  transactionType,
+  isTransactionTypeFetching,
+  isFinaNonDomestic,
+}: {
+  control: AnyControl;
+  t: (key: string) => string;
+  entity?: Entity | null;
+  document?: Partial<Invoice | Estimate> | null;
+  transactionType?: TransactionType;
+  isTransactionTypeFetching?: boolean;
+  isFinaNonDomestic?: boolean;
+}) {
+  const textareaRef = useRef<HTMLTextAreaElement>(null);
+  const [isFocused, setIsFocused] = useState(false);
+
+  const effectiveTransactionType = transactionType ?? "domestic";
+  const showTransactionInfo = true;
+
+  return (
+    <FormField
+      control={control}
+      name="tax_clause"
+      render={({ field }) => {
+        const hasContent = field.value;
+        const showPreview = !isFocused && hasContent && entity;
+        const preview = showPreview ? replaceTemplateVariablesForPreview(field.value || "", entity, document) : null;
+
+        return (
+          <FormItem>
+            <div className="flex items-center justify-between">
+              <FormLabel>{t("Tax Clause")}</FormLabel>
+              <SmartCodeInsertButton
+                textareaRef={textareaRef}
+                value={field.value || ""}
+                onInsert={(newValue) => field.onChange(newValue)}
+                t={t}
+              />
+            </div>
+            {showTransactionInfo && (
+              <div className="flex flex-wrap items-center gap-x-3 gap-y-1.5 rounded-md border border-border/50 bg-muted/30 px-2.5 py-1.5 text-sm">
+                {isTransactionTypeFetching ? (
+                  <div className="flex items-center gap-1.5 text-muted-foreground">
+                    <Loader2 className="size-3.5 animate-spin" />
+                    <span>{t("Determining transaction type...")}</span>
+                  </div>
+                ) : (
+                  <>
+                    <div className="flex items-center gap-1.5">
+                      <Globe className="size-3.5 text-muted-foreground" />
+                      <span className="text-muted-foreground">{t("Transaction type")}:</span>
+                      <Badge variant={TRANSACTION_TYPE_VARIANTS[effectiveTransactionType]}>
+                        {t(TRANSACTION_TYPE_LABELS[effectiveTransactionType])}
+                      </Badge>
+                    </div>
+                    {isFinaNonDomestic && (
+                      <div className="flex items-center gap-1.5 text-muted-foreground">
+                        <Info className="size-3.5" />
+                        <span>{t("This invoice will not be fiscalized (non-domestic transaction)")}</span>
+                      </div>
+                    )}
+                  </>
+                )}
+              </div>
+            )}
+            <FormControl>
+              <div className="relative">
+                <Textarea
+                  {...field}
+                  ref={(e) => {
+                    field.ref(e);
+                    (textareaRef as React.MutableRefObject<HTMLTextAreaElement | null>).current = e;
+                  }}
+                  value={field.value || ""}
+                  placeholder={showPreview ? "" : t("Add tax clause...")}
+                  rows={3}
+                  className={cn("resize-y", showPreview && "text-transparent caret-transparent")}
+                  onFocus={() => setIsFocused(true)}
+                  onBlur={() => setIsFocused(false)}
+                />
+                {showPreview && (
+                  <div className="pointer-events-none absolute inset-0 z-10 flex items-start overflow-hidden rounded-md border border-input bg-background px-3 py-2 shadow-xs">
+                    <div className="w-full whitespace-pre-wrap text-base md:text-sm">{preview}</div>
+                  </div>
+                )}
+              </div>
+            </FormControl>
+            <FormMessage />
+          </FormItem>
+        );
+      }}
+    />
+  );
+}
+
 /**
  * Payment terms field component with smart code insertion button
  * Similar to DocumentNoteField, exported for use in document forms

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

@@ -2,7 +2,7 @@
  * Shared document items section for invoices and estimates
  * Handles: item management (add, remove, reorder)
  */
-import { PlusIcon } from "lucide-react";
+import { PlusIcon, SeparatorHorizontal } from "lucide-react";
 import type { MutableRefObject } from "react";
 import type { UseFormGetValues, UseFormSetValue, UseFormWatch } from "react-hook-form";
 import { Button } from "@/ui/components/ui/button";
@@ -65,6 +65,18 @@ export function DocumentItemsSection({
     ]);
   };
 
+  const addSeparator = () => {
+    const currentItems = getValues("items") || [];
+    setValue("items", [
+      ...currentItems,
+      {
+        type: "separator",
+        name: "",
+        description: "",
+      },
+    ]);
+  };
+
   const removeItem = (index: number) => {
     const currentItems = getValues("items") || [];
     setValue(
@@ -125,9 +137,14 @@ export function DocumentItemsSection({
         </div>
       ))}
 
-      <Button type="button" variant="outline" onClick={addItem} className="w-full cursor-pointer border-dashed">
-        <PlusIcon className="mr-2 h-4 w-4" /> {t("Add item")}
-      </Button>
+      <div className="flex gap-2">
+        <Button type="button" variant="outline" onClick={addItem} className="flex-1 cursor-pointer border-dashed">
+          <PlusIcon className="mr-2 h-4 w-4" /> {t("Add item")}
+        </Button>
+        <Button type="button" variant="ghost" onClick={addSeparator} className="cursor-pointer text-muted-foreground">
+          <SeparatorHorizontal className="mr-2 h-4 w-4" /> {t("Add separator")}
+        </Button>
+      </div>
     </div>
   );
 }

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

@@ -30,6 +30,12 @@ type LiveInvoicePreviewProps = {
   documentTypeLabel?: string;
   /** Document type to determine which render endpoint to use */
   documentType?: DocumentTypes;
+  /** QR settings overrides for preview (before saving) */
+  qrOverrides?: {
+    upn_qr_enabled?: boolean;
+    upn_qr_display_mode?: "qr_only" | "full_slip";
+    epc_qr_enabled?: boolean;
+  };
 };
 
 /**
@@ -49,11 +55,12 @@ export function LiveInvoicePreview({
   currency: _currency = "EUR",
   template,
   className,
-  locale,
+  locale: _locale,
   fixedScale,
   t: tProp,
   documentTypeLabel,
   documentType = "invoice",
+  qrOverrides,
 }: LiveInvoicePreviewProps) {
   const t = tProp ?? ((key: string) => key);
   const [previewHtml, setPreviewHtml] = useState<string>("");
@@ -103,7 +110,7 @@ export function LiveInvoicePreview({
           // Filter out unresolved tax_ids (race condition: form may add
           // { tax_id: undefined } before the tax dropdown auto-selects a value)
           items: filterUnresolvedTaxes(invoiceData.items),
-          issuer: invoiceData.issuer || {
+          issuer: {
             name: activeEntity.name,
             address: activeEntity.address,
             address_2: activeEntity.address_2,
@@ -112,11 +119,22 @@ export function LiveInvoicePreview({
             state: activeEntity.state,
             country: activeEntity.country,
             tax_number: activeEntity.tax_number,
+            ...invoiceData.issuer,
           },
         };
 
         // Call the render API using the appropriate SDK method for the document type
-        const renderParams = { partial: "true" as const, template, locale };
+        // Don't send locale — let entity locale drive formatting (decimal separators, date format)
+        const renderParams: Record<string, any> = { partial: "true" as const, template };
+        if (qrOverrides?.upn_qr_enabled !== undefined) {
+          renderParams.upn_qr_enabled = qrOverrides.upn_qr_enabled ? "true" : "false";
+          if (qrOverrides.upn_qr_display_mode) {
+            renderParams.upn_qr_display_mode = qrOverrides.upn_qr_display_mode;
+          }
+        }
+        if (qrOverrides?.epc_qr_enabled !== undefined) {
+          renderParams.epc_qr_enabled = qrOverrides.epc_qr_enabled ? "true" : "false";
+        }
         const requestOpts = { entity_id: activeEntity.id };
         let html: string;
         switch (documentType) {
@@ -170,9 +188,11 @@ export function LiveInvoicePreview({
       activeEntity?.city,
       activeEntity?.name,
       template,
-      locale,
       sdk,
       documentType,
+      qrOverrides?.upn_qr_enabled,
+      qrOverrides?.upn_qr_display_mode,
+      qrOverrides?.epc_qr_enabled,
     ],
   );
 

package/src/components/documents/create/mark-as-paid-section.tsx

@@ -31,6 +31,8 @@ type MarkAsPaidSectionProps = {
   t: (key: string) => string;
   /** Always show payment type selector (e.g. for FINA fiscalization) */
   alwaysShowPaymentType?: boolean;
+  /** Force paid state — hides the checkbox and always shows payment selectors */
+  forced?: boolean;
 };
 
 export function MarkAsPaidSection({
@@ -40,31 +42,38 @@ export function MarkAsPaidSection({
   onPaymentTypesChange,
   t,
   alwaysShowPaymentType,
+  forced,
 }: MarkAsPaidSectionProps) {
-  const showPaymentTypes = checked || alwaysShowPaymentType;
+  const showPaymentTypes = forced || checked || alwaysShowPaymentType;
 
   return (
     <div className={cn("flex flex-col gap-4 rounded-md border p-4", showPaymentTypes && "gap-3")}>
-      <div className="flex flex-row items-center space-x-3 space-y-0">
-        <Checkbox checked={checked} onCheckedChange={(v) => onCheckedChange(v === true)} />
-        <div className="flex items-center gap-1 leading-none">
-          <Label>{checked ? t("Paid") : t("Mark as Paid")}</Label>
-          {!checked && (
-            <Tooltip>
-              <TooltipTrigger asChild>
-                <button
-                  type="button"
-                  className="rounded-full p-1 transition-colors hover:bg-accent"
-                  onClick={(e) => e.preventDefault()}
-                >
-                  <HelpCircle className="size-4 text-muted-foreground" />
-                </button>
-              </TooltipTrigger>
-              <TooltipContent side="top">{t("Invoice will be marked as fully paid upon creation")}</TooltipContent>
-            </Tooltip>
-          )}
+      {forced ? (
+        <div className="flex flex-row items-center space-x-3 space-y-0">
+          <Label>{t("Paid")}</Label>
         </div>
-      </div>
+      ) : (
+        <div className="flex flex-row items-center space-x-3 space-y-0">
+          <Checkbox checked={checked} onCheckedChange={(v) => onCheckedChange(v === true)} />
+          <div className="flex items-center gap-1 leading-none">
+            <Label>{checked ? t("Paid") : t("Mark as Paid")}</Label>
+            {!checked && (
+              <Tooltip>
+                <TooltipTrigger asChild>
+                  <button
+                    type="button"
+                    className="rounded-full p-1 transition-colors hover:bg-accent"
+                    onClick={(e) => e.preventDefault()}
+                  >
+                    <HelpCircle className="size-4 text-muted-foreground" />
+                  </button>
+                </TooltipTrigger>
+                <TooltipContent side="top">{t("Invoice will be marked as fully paid upon creation")}</TooltipContent>
+              </Tooltip>
+            )}
+          </div>
+        </div>
+      )}
 
       {showPaymentTypes && (
         <div className="flex flex-col gap-2">

package/src/components/documents/create/prepare-document-submission.ts

@@ -127,6 +127,15 @@ export function prepareDocumentSubmission<T extends BaseDocumentValues>(
   if (values.items) {
     const priceModes = options.priceModes ?? {};
     values.items = values.items.map((item: any, index: number) => {
+      // Separator items — pass through with only type, name, description
+      if (item.type === "separator") {
+        return {
+          type: "separator",
+          name: item.name,
+          description: item.description || undefined,
+        };
+      }
+
       const { price, ...rest } = item;
 
       // Transform price based on price mode (from component state, not form)
@@ -136,13 +145,16 @@ export function prepareDocumentSubmission<T extends BaseDocumentValues>(
       return {
         ...rest,
         ...priceFields,
-        taxes: item.taxes?.map((tax: any) => {
-          if (tax.tax_id) {
-            // Only send tax_id, API will resolve the rate
-            return { tax_id: tax.tax_id };
-          }
-          return tax;
-        }),
+        taxes: item.taxes
+          ?.map((tax: any) => {
+            if (tax.tax_id) {
+              // Only send tax_id, API will resolve the rate
+              return { tax_id: tax.tax_id };
+            }
+            return tax;
+          })
+          // Filter out empty placeholder taxes (UI adds { tax_id: undefined } for the dropdown)
+          .filter((tax: any) => tax.tax_id || tax.rate !== undefined || tax.classification),
       };
     });
   }

package/src/components/documents/shared/document-preview-display.tsx

@@ -80,9 +80,7 @@ export function DocumentPreviewDisplay({
         try {
           // Determine document type from shareable ID prefix
           const docTypePath = getDocTypePathFromShareableId(shareableId);
-          const response = await fetch(
-            `${apiBaseUrl}/${docTypePath}/shareable/${shareableId}/html${locale ? `?locale=${locale}` : ""}`,
-          );
+          const response = await fetch(`${apiBaseUrl}/${docTypePath}/shareable/${shareableId}/html`);
           if (!response.ok) {
             throw new Error("Failed to load preview");
           }
@@ -108,7 +106,8 @@ export function DocumentPreviewDisplay({
       try {
         // Fetch the rendered HTML by document ID using SDK wrapper
         // Document type is auto-detected from ID prefix (inv_, est_, cre_, adv_)
-        const html = await sdk.invoices.renderHtml(document.id, { template, locale }, { entity_id: activeEntity.id });
+        // Don't send locale — let entity locale drive formatting (decimal separators, date format)
+        const html = await sdk.invoices.renderHtml(document.id, { template }, { entity_id: activeEntity.id });
 
         setPreviewHtml(html);
         setError(null);

package/src/components/documents/view/document-actions-bar.tsx

@@ -44,7 +44,8 @@ const translations = { sl, de, it, fr, es, pt, nl, pl, hr } as const;
 
 type Document = Invoice | Estimate | CreditNote | AdvanceInvoice;
 
-const PDF_LOCALE_CODES = [
+/** Language options for PDF label translations (formatting always uses entity locale) */
+const PDF_LANGUAGE_CODES = [
   { label: "English", code: "en-US" },
   { label: "German", code: "de-DE" },
   { label: "Slovenian", code: "sl-SI" },
@@ -100,22 +101,6 @@ interface DocumentActionsBarProps extends ComponentTranslationProps {
   isVoiding?: boolean;
 }
 
-function getApiLocale(uiLanguage: string): string {
-  const localeMap: Record<string, string> = {
-    en: "en-US",
-    de: "de-DE",
-    sl: "sl-SI",
-    it: "it-IT",
-    fr: "fr-FR",
-    es: "es-ES",
-    pt: "pt-PT",
-    nl: "nl-NL",
-    pl: "pl-PL",
-    hr: "hr-HR",
-  };
-  return localeMap[uiLanguage] || "en-US";
-}
-
 export function DocumentActionsBar({
   document,
   documentType,
@@ -163,7 +148,7 @@ export function DocumentActionsBar({
   const shareableId = (document as Invoice).shareable_id;
   const shareUrl = shareableId ? `${window.location.origin}/public/invoices/${shareableId}` : null;
 
-  const handleDownloadPdf = (locale: string) => downloadPdf(document, documentType, locale);
+  const handleDownloadPdf = (language?: string) => downloadPdf(document, documentType, language);
   const handleDownloadEslog = () => downloadEslog(document, documentType);
 
   const handleCopyShareLink = async () => {
@@ -178,7 +163,6 @@ export function DocumentActionsBar({
     }
   };
 
-  const apiLocale = getApiLocale(currentLocale);
   const isDraft = (document as any).is_draft === true;
 
   return (
@@ -189,7 +173,7 @@ export function DocumentActionsBar({
           variant="outline"
           size="sm"
           disabled={isDownloadingPdf}
-          onClick={() => handleDownloadPdf(apiLocale)}
+          onClick={() => handleDownloadPdf()}
           className="cursor-pointer rounded-r-none"
         >
           {isDownloadingPdf ? <Loader2 className="mr-2 h-4 w-4 animate-spin" /> : <Download className="mr-2 h-4 w-4" />}
@@ -207,13 +191,9 @@ export function DocumentActionsBar({
             </Button>
           </DropdownMenuTrigger>
           <DropdownMenuContent align="end">
-            {PDF_LOCALE_CODES.map((locale) => (
-              <DropdownMenuItem
-                key={locale.code}
-                onClick={() => handleDownloadPdf(locale.code)}
-                className="cursor-pointer"
-              >
-                {t(locale.label)}
+            {PDF_LANGUAGE_CODES.map((lang) => (
+              <DropdownMenuItem key={lang.code} onClick={() => handleDownloadPdf(lang.code)} className="cursor-pointer">
+                {t(lang.label)}
               </DropdownMenuItem>
             ))}
           </DropdownMenuContent>

package/src/components/documents/view/document-details-card.tsx

@@ -90,6 +90,7 @@ export function DocumentDetailsCard({
   const t = createTranslation({ translations, locale, ...i18nProps });
 
   const currencyCode = document.currency_code;
+  const sign = documentType === "credit_note" ? -1 : 1;
   const fmt = (amount: number) => formatCurrency(amount, currencyCode, locale);
   const fmtDate = (date: Date | string | null | undefined) => formatDate(date, locale);
 
@@ -102,9 +103,6 @@ export function DocumentDetailsCard({
   // Get customer name
   const customerName = document.customer?.name || "-";
 
-  // Calculate tax total
-  const taxTotal = document.total_with_tax - document.total;
-
   const bodyContent = (
     <>
       {/* Document info */}
@@ -152,15 +150,34 @@ export function DocumentDetailsCard({
       <div className="space-y-2 text-sm">
         <div className="flex justify-between">
           <span className="text-muted-foreground">{t("Subtotal")}</span>
-          <span>{fmt(document.total)}</span>
-        </div>
-        <div className="flex justify-between">
-          <span className="text-muted-foreground">{t("Tax")}</span>
-          <span>{fmt(taxTotal)}</span>
+          <span>{fmt(document.total * sign)}</span>
         </div>
+        {document.taxes && document.taxes.length > 0 ? (
+          document.taxes.map((tax: Document["taxes"][number]) => {
+            const taxAmount = tax.amount ?? 0;
+            return (
+              <div key={String(tax.rate)} className="flex justify-between">
+                <span className="text-muted-foreground">
+                  {t("Tax")} {tax.rate ?? 0}%{" "}
+                  {tax.base != null && (
+                    <span className="text-xs">
+                      {t("of")} {fmt(tax.base * sign)}
+                    </span>
+                  )}
+                </span>
+                <span>{fmt(taxAmount * sign)}</span>
+              </div>
+            );
+          })
+        ) : (
+          <div className="flex justify-between">
+            <span className="text-muted-foreground">{t("Tax")}</span>
+            <span>{fmt(0)}</span>
+          </div>
+        )}
         <div className="flex justify-between font-semibold">
           <span>{t("Total")}</span>
-          <span>{fmt(document.total_with_tax)}</span>
+          <span>{fmt(document.total_with_tax * sign)}</span>
         </div>
 
         {/* Payment info for invoices/advance invoices */}

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

@@ -38,6 +38,7 @@ export default {
   Customer: "Kunde",
   Subtotal: "Zwischensumme",
   Tax: "Steuer",
+  of: "von",
   Total: "Gesamt",
   Paid: "Bezahlt",
   Due: "Offen",
@@ -108,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

@@ -37,6 +37,7 @@ export default {
   Customer: "Cliente",
   Subtotal: "Subtotal",
   Tax: "Impuesto",
+  of: "de",
   Total: "Total",
   Paid: "Pagado",
   Due: "Pendiente",
@@ -106,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

@@ -37,6 +37,7 @@ export default {
   Customer: "Client",
   Subtotal: "Sous-total",
   Tax: "Taxe",
+  of: "de",
   Total: "Total",
   Paid: "Payé",
   Due: "Dû",
@@ -106,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

@@ -37,6 +37,7 @@ export default {
   Customer: "Kupac",
   Subtotal: "Međuzbroj",
   Tax: "Porez",
+  of: "od",
   Total: "Ukupno",
   Paid: "Plaćeno",
   Due: "Za plaćanje",
@@ -106,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

@@ -37,6 +37,7 @@ export default {
   Customer: "Cliente",
   Subtotal: "Subtotale",
   Tax: "Imposta",
+  of: "di",
   Total: "Totale",
   Paid: "Pagato",
   Due: "Da pagare",
@@ -106,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

@@ -37,6 +37,7 @@ export default {
   Customer: "Klant",
   Subtotal: "Subtotaal",
   Tax: "Belasting",
+  of: "van",
   Total: "Totaal",
   Paid: "Betaald",
   Due: "Openstaand",
@@ -107,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

@@ -37,6 +37,7 @@ export default {
   Customer: "Klient",
   Subtotal: "Suma częściowa",
   Tax: "Podatek",
+  of: "z",
   Total: "Razem",
   Paid: "Zapłacono",
   Due: "Do zapłaty",
@@ -106,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

@@ -37,6 +37,7 @@ export default {
   Customer: "Cliente",
   Subtotal: "Subtotal",
   Tax: "Imposto",
+  of: "de",
   Total: "Total",
   Paid: "Pago",
   Due: "Em dívida",
@@ -106,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