@spaceinvoices/react-ui 0.1.1

package/src/components/entities/entity-settings-form/image-upload-with-crop.tsx

@@ -0,0 +1,222 @@
+import { useRef, useState } from "react";
+import ReactCrop, { type Crop, type PixelCrop } from "react-image-crop";
+import "react-image-crop/dist/ReactCrop.css";
+import { Upload } from "lucide-react";
+import { Button } from "@/ui/components/ui/button";
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogTitle,
+} from "@/ui/components/ui/dialog";
+
+interface ImageUploadWithCropProps {
+  value?: string;
+  onChange: (url: string) => void;
+  onUpload: (file: File) => Promise<{ secureUrl: string }>;
+  translate: (key: string) => string;
+  isUploading?: boolean;
+  imageType?: "logo" | "signature"; // Type of image for labels
+}
+
+export function ImageUploadWithCrop({
+  value,
+  onChange,
+  onUpload,
+  translate,
+  isUploading = false,
+  imageType = "logo",
+}: ImageUploadWithCropProps) {
+  const [selectedImage, setSelectedImage] = useState<string | null>(null);
+  const [crop, setCrop] = useState<Crop>({
+    unit: "%",
+    width: 80,
+    height: 60,
+    x: 10,
+    y: 20,
+  });
+  const [completedCrop, setCompletedCrop] = useState<PixelCrop | null>(null);
+  const [isDialogOpen, setIsDialogOpen] = useState(false);
+  const [uploading, setUploading] = useState(false);
+  const imgRef = useRef<HTMLImageElement>(null);
+  const fileInputRef = useRef<HTMLInputElement>(null);
+
+  const handleFileSelect = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const file = e.target.files?.[0];
+    if (!file) return;
+
+    const reader = new FileReader();
+    reader.onload = () => {
+      setSelectedImage(reader.result as string);
+      setIsDialogOpen(true);
+    };
+    reader.readAsDataURL(file);
+  };
+
+  const getCroppedImg = async (): Promise<Blob | null> => {
+    if (!imgRef.current) return null;
+
+    // If no crop was completed, use the full image
+    if (!completedCrop || completedCrop.width === 0 || completedCrop.height === 0) {
+      // Convert the full image to blob
+      const canvas = document.createElement("canvas");
+      const ctx = canvas.getContext("2d");
+      if (!ctx) return null;
+
+      canvas.width = imgRef.current.naturalWidth;
+      canvas.height = imgRef.current.naturalHeight;
+
+      ctx.drawImage(imgRef.current, 0, 0);
+
+      return new Promise((resolve) => {
+        canvas.toBlob((blob) => {
+          resolve(blob);
+        }, "image/png");
+      });
+    }
+
+    // Crop the image
+    const canvas = document.createElement("canvas");
+    const ctx = canvas.getContext("2d");
+    if (!ctx) return null;
+
+    const scaleX = imgRef.current.naturalWidth / imgRef.current.width;
+    const scaleY = imgRef.current.naturalHeight / imgRef.current.height;
+
+    canvas.width = completedCrop.width;
+    canvas.height = completedCrop.height;
+
+    ctx.drawImage(
+      imgRef.current,
+      completedCrop.x * scaleX,
+      completedCrop.y * scaleY,
+      completedCrop.width * scaleX,
+      completedCrop.height * scaleY,
+      0,
+      0,
+      completedCrop.width,
+      completedCrop.height,
+    );
+
+    return new Promise((resolve) => {
+      canvas.toBlob((blob) => {
+        resolve(blob);
+      }, "image/png");
+    });
+  };
+
+  const handleUploadCropped = async () => {
+    try {
+      setUploading(true);
+      const croppedBlob = await getCroppedImg();
+
+      if (!croppedBlob) {
+        throw new Error("Failed to crop image");
+      }
+
+      const file = new File([croppedBlob], `${imageType}.png`, { type: "image/png" });
+      const result = await onUpload(file);
+
+      onChange(result.secureUrl);
+      setIsDialogOpen(false);
+      setSelectedImage(null);
+    } catch (error) {
+      console.error("Upload failed:", error);
+      alert(translate("Upload failed. Please try again."));
+    } finally {
+      setUploading(false);
+    }
+  };
+
+  const isDisabled = isUploading || uploading;
+
+  // Dynamic labels based on image type
+  const uploadLabel = imageType === "logo" ? "Upload Logo" : "Upload Signature";
+  const changeLabel = imageType === "logo" ? "Change Logo" : "Change Signature";
+  const currentLabel =
+    imageType === "logo" ? "Current logo (displayed on invoices)" : "Current signature (for PDF documents)";
+  const altText = imageType === "logo" ? "Logo preview" : "Signature preview";
+
+  return (
+    <div className="space-y-4">
+      {value ? (
+        <div className="space-y-3">
+          <div className="flex flex-col items-center gap-4 rounded-lg border bg-muted/20 p-6">
+            <div className="rounded-md bg-background p-4 shadow-sm">
+              <img key={value} src={value} alt={translate(altText)} className="max-h-32 max-w-full object-contain" />
+            </div>
+            <p className="text-center font-medium text-muted-foreground text-xs">{translate(currentLabel)}</p>
+          </div>
+          <Button
+            type="button"
+            variant="outline"
+            onClick={() => fileInputRef.current?.click()}
+            disabled={isDisabled}
+            className="w-full cursor-pointer"
+          >
+            <Upload className="mr-2 h-4 w-4" />
+            {translate(changeLabel)}
+          </Button>
+        </div>
+      ) : (
+        <Button
+          type="button"
+          variant="outline"
+          onClick={() => fileInputRef.current?.click()}
+          disabled={isDisabled}
+          className="h-32 w-full cursor-pointer border-dashed"
+        >
+          <div className="flex flex-col items-center gap-2">
+            <Upload className="h-8 w-8 text-muted-foreground" />
+            <span className="font-medium text-sm">{translate(uploadLabel)}</span>
+            <span className="text-muted-foreground text-xs">PNG, JPG, WebP, or GIF</span>
+          </div>
+        </Button>
+      )}
+      <input
+        ref={fileInputRef}
+        type="file"
+        accept="image/png,image/jpeg,image/jpg,image/webp,image/gif"
+        onChange={handleFileSelect}
+        className="hidden"
+        disabled={isDisabled}
+      />
+
+      <Dialog open={isDialogOpen} onOpenChange={setIsDialogOpen}>
+        <DialogContent className="max-w-3xl">
+          <DialogHeader>
+            <DialogTitle>{translate(imageType === "logo" ? "Crop Your Logo" : "Crop Your Signature")}</DialogTitle>
+            <DialogDescription>{translate("Adjust the crop area or upload the full image")}</DialogDescription>
+          </DialogHeader>
+          <div className="max-h-[60vh] overflow-auto">
+            {selectedImage && (
+              <ReactCrop
+                crop={crop}
+                onChange={(c) => setCrop(c)}
+                onComplete={(c) => setCompletedCrop(c)}
+                aspect={undefined}
+              >
+                <img ref={imgRef} src={selectedImage} alt="Crop preview" className="max-w-full" />
+              </ReactCrop>
+            )}
+          </div>
+          <DialogFooter>
+            <Button
+              variant="outline"
+              className="cursor-pointer"
+              onClick={() => setIsDialogOpen(false)}
+              disabled={uploading}
+            >
+              {translate("Cancel")}
+            </Button>
+            <Button onClick={handleUploadCropped} disabled={uploading} className="cursor-pointer">
+              {uploading ? translate("Uploading...") : translate("Upload & Save")}
+            </Button>
+          </DialogFooter>
+        </DialogContent>
+      </Dialog>
+    </div>
+  );
+}

package/src/components/entities/entity-settings-form/index.ts

@@ -0,0 +1,2 @@
+export type { EntitySettingsFormProps, EntitySettingsFormSchema } from "./entity-settings-form";
+export { EntitySettingsForm } from "./entity-settings-form";

package/src/components/entities/entity-settings-form/input-with-preview.tsx

@@ -0,0 +1,190 @@
+import type { Entity, Estimate, Invoice } from "@spaceinvoices/js-sdk";
+import { forwardRef, useState } from "react";
+import { Input } from "@/ui/components/ui/input";
+import { Textarea } from "@/ui/components/ui/textarea";
+import { cn } from "@/ui/lib/utils";
+
+interface InputWithPreviewProps {
+  value: string;
+  onChange: (value: string) => void;
+  placeholder?: string;
+  entity: Entity;
+  document?: Invoice | Estimate | null;
+  multiline?: boolean;
+  className?: string;
+  rows?: number;
+  disabled?: boolean;
+}
+
+function formatVariableName(varName: string): string {
+  // Convert snake_case to Title Case with spaces
+  // e.g., "document_number" -> "Document Number"
+  return varName
+    .split("_")
+    .map((word) => word.charAt(0).toUpperCase() + word.slice(1).toLowerCase())
+    .join(" ");
+}
+
+function getVariableValue(varName: string, entity: Entity, document?: Invoice | Estimate | null): string | null {
+  // Entity-related variables
+  if (varName === "entity_name") return entity.name || null;
+  if (varName === "entity_email") return (entity.settings as any)?.email || null;
+
+  // Date variables
+  if (varName === "current_date") {
+    return new Date().toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" });
+  }
+  if (varName === "current_year") return new Date().getFullYear().toString();
+
+  // Document-specific variables (only available when document is provided)
+  if (document) {
+    if (varName === "document_number") return document.number || null;
+    if (varName === "document_date") {
+      return document.date
+        ? new Date(document.date).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" })
+        : null;
+    }
+    if (varName === "document_total") {
+      return document.total_with_tax
+        ? new Intl.NumberFormat("en-US", { style: "currency", currency: document.currency_code || "USD" }).format(
+            Number(document.total_with_tax),
+          )
+        : null;
+    }
+    if (varName === "document_currency") return document.currency_code || null;
+
+    // Invoice-specific
+    if ("date_due" in document && varName === "document_due_date") {
+      return document.date_due
+        ? new Date(document.date_due).toLocaleDateString("en-US", { month: "long", day: "numeric", year: "numeric" })
+        : null;
+    }
+
+    // Estimate-specific
+    if ("date_valid_till" in document && varName === "document_valid_until") {
+      return document.date_valid_till
+        ? new Date(document.date_valid_till).toLocaleDateString("en-US", {
+            month: "long",
+            day: "numeric",
+            year: "numeric",
+          })
+        : null;
+    }
+
+    // Customer variables
+    if (document.customer) {
+      if (varName === "customer_name") return document.customer.name || null;
+      if (varName === "customer_email") return (document.customer as any).email || null;
+    }
+  }
+
+  // Return null for unavailable variables - they will show as placeholders
+  return null;
+}
+
+function replaceTemplateVariables(
+  template: string,
+  entity: Entity,
+  document?: Invoice | Estimate | null,
+): React.ReactNode[] {
+  if (!template) return [];
+
+  // Split by variable pattern and process
+  const parts: React.ReactNode[] = [];
+  const regex = /\{([^}]+)\}/g;
+  let lastIndex = 0;
+  let match: RegExpExecArray | null = null;
+
+  match = regex.exec(template);
+  while (match !== null) {
+    // Add text before the match
+    if (match.index > lastIndex) {
+      parts.push(template.slice(lastIndex, match.index));
+    }
+
+    // Add the replaced variable with styling
+    // Green for resolved values, primary color for placeholders
+    const varName = match[1];
+    const actualValue = getVariableValue(varName, entity, document);
+    const displayValue = actualValue || formatVariableName(varName);
+
+    parts.push(
+      <span
+        key={match.index}
+        className={cn(
+          "rounded px-1.5 py-0.5 font-medium text-xs",
+          actualValue ? "bg-secondary text-secondary-foreground" : "bg-primary/10 text-primary",
+        )}
+      >
+        {displayValue}
+      </span>,
+    );
+
+    lastIndex = regex.lastIndex;
+    match = regex.exec(template);
+  }
+
+  // Add remaining text
+  if (lastIndex < template.length) {
+    parts.push(template.slice(lastIndex));
+  }
+
+  return parts;
+}
+
+export const InputWithPreview = forwardRef<HTMLInputElement | HTMLTextAreaElement, InputWithPreviewProps>(
+  function InputWithPreview(
+    { value, onChange, placeholder, entity, document, multiline = false, className, rows, disabled = false },
+    ref,
+  ) {
+    const [isFocused, setIsFocused] = useState(false);
+
+    const preview = replaceTemplateVariables(value, entity, document);
+    const hasValue = Boolean(value);
+
+    const showPreview = !isFocused && hasValue && !disabled;
+
+    if (multiline) {
+      return (
+        <div className="relative">
+          <Textarea
+            ref={ref as React.Ref<HTMLTextAreaElement>}
+            value={value}
+            onChange={(e) => onChange(e.target.value)}
+            onFocus={() => setIsFocused(true)}
+            onBlur={() => setIsFocused(false)}
+            placeholder={showPreview ? "" : placeholder}
+            className={cn(className, showPreview && "text-transparent caret-transparent")}
+            rows={rows}
+            disabled={disabled}
+          />
+          {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>
+      );
+    }
+
+    return (
+      <div className="relative">
+        <Input
+          ref={ref as React.Ref<HTMLInputElement>}
+          value={value}
+          onChange={(e) => onChange(e.target.value)}
+          onFocus={() => setIsFocused(true)}
+          onBlur={() => setIsFocused(false)}
+          placeholder={showPreview ? "" : placeholder}
+          className={cn(className, showPreview && "text-transparent caret-transparent")}
+          disabled={disabled}
+        />
+        {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-1 shadow-xs">
+            <div className="flex h-full w-full items-center truncate text-base md:text-sm">{preview}</div>
+          </div>
+        )}
+      </div>
+    );
+  },
+);

package/src/components/entities/entity-settings-form/locales/de.ts

@@ -0,0 +1,192 @@
+export default {
+  // Company settings
+  "Company Information": "Unternehmensinformationen",
+  "Basic information about your company": "Grundlegende Informationen über Ihr Unternehmen",
+  // Branding settings
+  Branding: "Markenauftritt",
+  "Primary Color": "Primärfarbe",
+  Logo: "Logo",
+  "Logo URL": "Logo-URL",
+  "Enter the URL of your company logo": "Geben Sie die URL Ihres Firmenlogos ein",
+  "Upload your company logo for invoices": "Laden Sie Ihr Firmenlogo für Rechnungen hoch",
+  "Upload Logo": "Logo hochladen",
+  "Change Logo": "Logo ändern",
+  "Current logo (displayed on invoices)": "Aktuelles Logo (auf Rechnungen angezeigt)",
+  "Logo preview": "Logo-Vorschau",
+  "Crop Your Logo": "Logo zuschneiden",
+  Signature: "Unterschrift",
+  "Upload a signature image for PDFs (optional)": "Laden Sie ein Unterschriftsbild für PDFs hoch (optional)",
+  "Upload Signature": "Unterschrift hochladen",
+  "Change Signature": "Unterschrift ändern",
+  "Current signature (for PDF documents)": "Aktuelle Unterschrift (für PDF-Dokumente)",
+  "Signature preview": "Unterschrift-Vorschau",
+  "Crop Your Signature": "Unterschrift zuschneiden",
+  "Adjust the crop area or upload the full image":
+    "Passen Sie den Zuschneidebereich an oder laden Sie das vollständige Bild hoch",
+  "Upload failed. Please try again.": "Upload fehlgeschlagen. Bitte versuchen Sie es erneut.",
+  Uploading: "Hochladen...",
+  "Upload & Save": "Hochladen & Speichern",
+  Cancel: "Abbrechen",
+  Localization: "Lokalisierung",
+  "Currency Code": "Währungscode",
+  "ISO 4217 currency code (e.g., USD, EUR, GBP)": "ISO 4217 Währungscode (z.B. USD, EUR, GBP)",
+  Locale: "Gebietsschema",
+  "BCP 47 language tag (e.g., en-US, de-DE, sl-SI)": "BCP 47 Sprach-Tag (z.B. en-US, de-DE, sl-SI)",
+  "Select currency": "Währung auswählen",
+  "Select locale": "Gebietsschema auswählen",
+  "Configure entity localization": "Lokalisierung konfigurieren",
+  "Email Settings": "E-Mail-Einstellungen",
+  "Configure email settings for invoices": "Konfigurieren Sie E-Mail-Einstellungen für Rechnungen",
+  "Email Address": "E-Mail-Adresse",
+  "Email address to send invoices to": "E-Mail-Adresse zum Versenden von Rechnungen",
+  "Email Subject": "E-Mail-Betreff",
+  "Subject line for email invoices": "Betreffzeile für E-Mail-Rechnungen",
+  "Email Body": "E-Mail-Text",
+  "Body content for email invoices": "Textinhalt für E-Mail-Rechnungen",
+  "Save Settings": "Einstellungen speichern",
+  // Document Defaults section
+  "Document Defaults": "Dokumentvorlagen",
+  "Default values for new documents": "Standardwerte für neue Dokumente",
+  "Default Note": "Standardnotiz",
+  "Default Invoice Note": "Standard-Rechnungsnotiz",
+  "This note will be pre-filled when creating new invoices":
+    "Diese Notiz wird beim Erstellen neuer Rechnungen vorausgefüllt",
+  "This note will be pre-filled when creating new estimates":
+    "Diese Notiz wird beim Erstellen neuer Angebote vorausgefüllt",
+  "This note will be pre-filled when creating new credit notes":
+    "Diese Notiz wird beim Erstellen neuer Gutschriften vorausgefüllt",
+  "Payment terms pre-filled when creating new invoices":
+    "Zahlungsbedingungen werden beim Erstellen neuer Rechnungen vorausgefüllt",
+  "Payment terms pre-filled when creating new estimates":
+    "Zahlungsbedingungen werden beim Erstellen neuer Angebote vorausgefüllt",
+  "Payment terms pre-filled when creating new credit notes":
+    "Zahlungsbedingungen werden beim Erstellen neuer Gutschriften vorausgefüllt",
+  "Payment due by {document_due_date}. Please reference invoice {document_number}.":
+    "Zahlung fällig bis {document_due_date}. Bitte Rechnungsnummer {document_number} angeben.",
+  "Net 30 days. Payment due by {document_due_date}.": "Netto 30 Tage. Zahlung fällig bis {document_due_date}.",
+  "This estimate is valid until {document_valid_until}.": "Dieses Angebot ist gültig bis {document_valid_until}.",
+  "Payment due upon acceptance.": "Zahlung bei Annahme fällig.",
+  "Credit note for invoice {document_number}.": "Gutschrift für Rechnung {document_number}.",
+  "Credit will be applied to your account.": "Die Gutschrift wird Ihrem Konto gutgeschrieben.",
+  "Invoice Notes": "Rechnungsnotizen",
+  "Smart Template Variables": "Intelligente Vorlagenvariablen",
+  "Use variables to personalize your notes automatically":
+    "Verwenden Sie Variablen zur automatischen Personalisierung Ihrer Notizen",
+  "Set a default note that will appear on all new invoices. Use template variables to personalize the note automatically.":
+    "Legen Sie eine Standardnotiz fest, die auf allen neuen Rechnungen erscheint. Verwenden Sie Vorlagenvariablen zur automatischen Personalisierung.",
+  // Smart code insert button
+  "Insert variable": "Variable einfügen",
+  Entity: "Unternehmen",
+  Document: "Dokument",
+  Customer: "Kunde",
+  Other: "Andere",
+  "Company name": "Firmenname",
+  "Email address": "E-Mail-Adresse",
+  "Invoice number": "Rechnungsnummer",
+  "Invoice date": "Rechnungsdatum",
+  "Due date": "Fälligkeitsdatum",
+  "Total amount": "Gesamtbetrag",
+  Currency: "Währung",
+  "Customer name": "Kundenname",
+  "Customer email": "Kunden-E-Mail",
+  "Today's date": "Heutiges Datum",
+  "Current year": "Aktuelles Jahr",
+  // Payment terms defaults
+  "Default Payment Terms": "Standard-Zahlungsbedingungen",
+  "This payment terms will be pre-filled when creating new documents":
+    "Diese Zahlungsbedingungen werden beim Erstellen neuer Dokumente vorausgefüllt",
+  "Payment Terms": "Zahlungsbedingungen",
+  "Add payment terms...": "Zahlungsbedingungen hinzufügen...",
+  // Document footer
+  "Document Footer": "Dokumentfußzeile",
+  "Footer text displayed at the bottom of PDF documents": "Fußzeilentext am unteren Rand von PDF-Dokumenten",
+  "Footer text displayed at the bottom of all PDF documents": "Fußzeilentext am unteren Rand aller PDF-Dokumente",
+  "{entity_name} | Due Date: {document_due_date} | Invoice #{document_number}":
+    "{entity_name} | Fällig am: {document_due_date} | Rechnung #{document_number}",
+  // Overdue Notifications section
+  "Overdue Notifications": "Überfälligkeits-Benachrichtigungen",
+  "Automatically remind customers about overdue invoices": "Erinnern Sie Kunden automatisch an überfällige Rechnungen",
+  "Enable Notifications": "Benachrichtigungen aktivieren",
+  "Send automatic payment reminder emails to customers with overdue invoices":
+    "Senden Sie automatische Zahlungserinnerungen per E-Mail an Kunden mit überfälligen Rechnungen",
+  "Reminder Days": "Erinnerungstage",
+  "Days after due date to send reminders (comma-separated). E.g., '7, 14, 30' sends reminders at 7, 14, and 30 days overdue.":
+    "Tage nach Fälligkeit für Erinnerungen (durch Komma getrennt). Z.B. '7, 14, 30' sendet Erinnerungen bei 7, 14 und 30 Tagen Überfälligkeit.",
+  "Custom Reminder Templates": "Benutzerdefinierte Erinnerungsvorlagen",
+  "Subject line for overdue notification emails": "Betreffzeile für Überfälligkeits-E-Mails",
+  "Body content for overdue emails. Use {invoice_list} to include the invoice table, or it will be auto-appended.":
+    "Textinhalt für Überfälligkeits-E-Mails. Verwenden Sie {invoice_list} für die Rechnungstabelle, sonst wird sie automatisch angehängt.",
+  "Dear {customer_name},\n\nThis is a reminder about your overdue invoices...":
+    "Sehr geehrte(r) {customer_name},\n\nDies ist eine Erinnerung an Ihre überfälligen Rechnungen...",
+  "Payment Reminders": "Zahlungserinnerungen",
+  "When enabled, customers will automatically receive email reminders when their invoices become overdue. Emails are sent on the exact day each threshold is reached.":
+    "Wenn aktiviert, erhalten Kunden automatisch E-Mail-Erinnerungen, wenn ihre Rechnungen überfällig werden. E-Mails werden genau am Tag gesendet, an dem jeder Schwellenwert erreicht wird.",
+  "Available Variables": "Verfügbare Variablen",
+  "{customer_name}, {entity_name}, {entity_email}, {invoice_list}, {total_amount}, {overdue_count}":
+    "{customer_name}, {entity_name}, {entity_email}, {invoice_list}, {total_amount}, {overdue_count}",
+  // UPN QR Payment section
+  "UPN QR Payment": "UPN QR Zahlung",
+  "Configure UPN QR payment slip for invoices": "UPN QR-Zahlungsbeleg für Rechnungen konfigurieren",
+  IBAN: "IBAN",
+  "Bank account IBAN for receiving payments": "IBAN des Bankkontos für den Zahlungsempfang",
+  "Enable UPN QR on invoices": "UPN QR auf Rechnungen aktivieren",
+  "Show payment QR code on PDF invoices for easy mobile banking payments":
+    "QR-Code für Zahlung auf PDF-Rechnungen anzeigen für einfache Mobile-Banking-Zahlungen",
+  "Display Mode": "Anzeigemodus",
+  "QR code only": "Nur QR-Code",
+  "Shows compact QR code inline with invoice content": "Zeigt kompakten QR-Code inline mit Rechnungsinhalt",
+  "Full UPN payment slip": "Vollständiger UPN-Zahlungsbeleg",
+  "Shows complete payment slip at bottom of page": "Zeigt vollständigen Zahlungsbeleg am Seitenende",
+  "Purpose Code": "Verwendungszweck-Code",
+  "OTHR - Other": "OTHR - Sonstiges",
+  "GDSV - Goods and Services": "GDSV - Waren und Dienstleistungen",
+  "SUPP - Supplier Payment": "SUPP - Lieferantenzahlung",
+  "Payment purpose code (ISO 20022)": "Zahlungszweck-Code (ISO 20022)",
+  "UPN QR Payments": "UPN QR-Zahlungen",
+  "UPN QR is a Slovenian standard for payment slips. When enabled, your invoices will include a QR code that customers can scan with their mobile banking app to pay instantly.":
+    "UPN QR ist ein slowenischer Standard für Zahlungsbelege. Wenn aktiviert, enthalten Ihre Rechnungen einen QR-Code, den Kunden mit ihrer Mobile-Banking-App scannen können, um sofort zu bezahlen.",
+  // Number format settings
+  Invoice: "Rechnung",
+  Estimate: "Angebot",
+  "Credit Note": "Gutschrift",
+  "Advance Invoice": "Vorausrechnung",
+  "Number Format": "Nummernformat",
+  Preview: "Vorschau",
+  // Tax rules settings
+  "EU Tax Rules": "EU-Steuerregeln",
+  "Automatic tax handling for cross-border transactions":
+    "Automatische Steuerbehandlung für grenzüberschreitende Transaktionen",
+  "tax-rules.vies_validate_vat.label": "VIES USt-IdNr. Prüfung",
+  "tax-rules.vies_validate_vat.description":
+    "EU USt-IdNr. über die VIES-API validieren. USt-IdNr. von Kunden werden vor Rechnungserstellung geprüft.",
+  "tax-rules.auto_reverse_charge.label": "Automatisches Reverse-Charge",
+  "tax-rules.auto_reverse_charge.description":
+    "Automatisch 0% Steuer (Reverse-Charge) für innergemeinschaftliche B2B-Transaktionen mit gültiger USt-IdNr. anwenden.",
+  "tax-rules.auto_remove_tax_export.label": "Automatisch Exportsteuer entfernen",
+  "tax-rules.auto_remove_tax_export.description": "Automatisch alle Steuern für Exporte in Nicht-EU-Länder entfernen.",
+  "tax-rules.require_gross_prices.label": "Bruttopreise erforderlich",
+  "tax-rules.require_gross_prices.description":
+    "Bruttopreise bei Reverse-Charge erforderlich. Verhindert unerwartete Änderungen der Rechnungssummen.",
+  // Tax clauses settings
+  "Default Tax Clauses": "Standard-Steuerklauseln",
+  "Set default tax clauses that are automatically added to documents based on transaction type":
+    "Legen Sie Standard-Steuerklauseln fest, die automatisch zu Dokumenten basierend auf dem Transaktionstyp hinzugefügt werden.",
+  "tax-clauses.other-title": "Grenzüberschreitende Steuerklauseln",
+  "tax-clauses.other-description": "Steuerklauseln für EU- und internationale Transaktionen (Reverse-Charge, Export).",
+  "tax-clauses.intra_eu_b2b.label": "Innergemeinschaftlich B2B (Reverse-Charge)",
+  "tax-clauses.intra_eu_b2b.description":
+    "Für Verkäufe an EU-Unternehmen mit gültiger USt-IdNr. Enthält typischerweise eine Reverse-Charge-Erklärung.",
+  "Enter reverse charge clause...": "Reverse-Charge-Klausel eingeben...",
+  "tax-clauses.export.label": "Export (Nicht-EU)",
+  "tax-clauses.export.description":
+    "Für Verkäufe an Kunden außerhalb der EU. Enthält typischerweise die Steuerbefreiung für Exporte.",
+  "Enter export exemption clause...": "Exportbefreiungsklausel eingeben...",
+  "tax-clauses.domestic.label": "Standard / Inländisch",
+  "tax-clauses.domestic.description":
+    "Standardklausel für inländische Transaktionen. Für Kleinunternehmer erscheint diese auf allen Dokumenten.",
+  "Enter default tax clause...": "Standard-Steuerklausel eingeben...",
+  "tax-clauses.intra_eu_b2c.label": "Innergemeinschaftlich B2C",
+  "Enter EU consumer sales clause...": "EU-Verbraucherklausel eingeben...",
+  "tax-clauses.other.description":
+    "Diese Transaktionstypen erfordern normalerweise keine speziellen Steuerklauseln, können aber bei Bedarf konfiguriert werden.",
+} as const;