@spaceinvoices/react-ui 0.1.1 → 0.4.0

package/src/components/entities/furs-settings-form/sections/certificate-settings-section.tsx

@@ -41,11 +41,15 @@ export const CertificateSettingsSection: FC<CertificateSettingsSectionProps> = (
     }
   }, [fursSettings, hasCertificate]);
 
-  const { mutate: uploadCertificate, isPending } = useUploadFursCertificate({
+  const {
+    mutate: uploadCertificate,
+    isPending,
+    isSuccess: uploadSuccess,
+  } = useUploadFursCertificate({
     onSuccess: () => {
       setCertificateFile(null);
       setPassphrase("");
-      setShowUploadForm(false); // Hide form after successful upload
+      setShowUploadForm(false);
       onSuccess?.();
     },
     onError: (error) => {
@@ -84,8 +88,8 @@ export const CertificateSettingsSection: FC<CertificateSettingsSectionProps> = (
 
   const certificateStatus = fursSettings?.certificate_status || "missing";
 
-  // Show upload form if: no certificate exists OR user clicked "Change Certificate"
-  const shouldShowUploadForm = !hasCertificate || showUploadForm;
+  // Show upload form if: no certificate exists (and didn't just upload) OR user clicked "Change Certificate"
+  const shouldShowUploadForm = (!hasCertificate && !uploadSuccess) || showUploadForm;
 
   // Status display configuration with dark mode support
   const statusConfig = {
@@ -131,6 +135,17 @@ export const CertificateSettingsSection: FC<CertificateSettingsSectionProps> = (
       </div>
 
       <div className="space-y-6">
+        {/* Upload success - Show briefly while settings refetch */}
+        {!hasCertificate && uploadSuccess && (
+          <div className="space-y-4">
+            <Alert>
+              <CheckCircle2 className="h-4 w-4 text-green-600 dark:text-green-400" />
+              <AlertTitle>{t("Certificate uploaded successfully")}</AlertTitle>
+              <AlertDescription>{t("Loading certificate details...")}</AlertDescription>
+            </Alert>
+          </div>
+        )}
+
         {/* Certificate Status - Show when certificate exists */}
         {hasCertificate && (
           <div className="space-y-4">

package/src/components/entities/furs-settings-form/sections/general-settings-section.tsx

@@ -1,7 +1,9 @@
 import type { Entity } from "@spaceinvoices/js-sdk";
-import { ChevronRight, Settings, User } from "lucide-react";
+import { AlertTriangle, Building2, ChevronRight, Settings, User } from "lucide-react";
 import { type FC, type ReactNode, useEffect, useState } from "react";
 import type { UseFormReturn } from "react-hook-form";
+import { useUpdateEntity } from "@/ui/components/entities/entities.hooks";
+import { Alert, AlertDescription } from "@/ui/components/ui/alert";
 import { Button } from "@/ui/components/ui/button";
 import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from "@/ui/components/ui/form";
 import { Input } from "@/ui/components/ui/input";
@@ -30,6 +32,37 @@ export const GeneralSettingsSection: FC<GeneralSettingsSectionProps> = ({
   const wrap = (section: SectionType, content: ReactNode) => (wrapSection ? wrapSection(section, content) : content);
   const [isAdvancedOpen, setIsAdvancedOpen] = useState(false);
 
+  // Entity info (local state for form)
+  const [entityTaxNumber, setEntityTaxNumber] = useState("");
+  const [entityAddress, setEntityAddress] = useState("");
+  const [entityCity, setEntityCity] = useState("");
+  const [entityPostCode, setEntityPostCode] = useState("");
+
+  // Initialize entity fields from entity prop
+  useEffect(() => {
+    setEntityTaxNumber(entity.tax_number || "");
+    setEntityAddress(entity.address || "");
+    setEntityCity(entity.city || "");
+    setEntityPostCode(entity.post_code || "");
+  }, [entity.tax_number, entity.address, entity.city, entity.post_code]);
+
+  const { mutate: updateEntity, isPending: isEntityUpdatePending } = useUpdateEntity({
+    onSuccess: () => onSuccess?.(),
+    onError: (error) => onError?.(error),
+  });
+
+  const handleSaveEntityInfo = () => {
+    updateEntity({
+      id: entity.id,
+      data: {
+        tax_number: entityTaxNumber || null,
+        address: entityAddress || null,
+        city: entityCity || null,
+        post_code: entityPostCode || null,
+      },
+    });
+  };
+
   // User operator settings (local state for form)
   const { data: userFursSettings, isLoading: userSettingsLoading } = useUserFursSettings(entity.id);
   const [operatorTaxNumber, setOperatorTaxNumber] = useState("");
@@ -58,6 +91,92 @@ export const GeneralSettingsSection: FC<GeneralSettingsSectionProps> = ({
     });
   };
 
+  // Entity Information content
+  const entityInfoContent = (
+    <div className="space-y-4">
+      <div className="flex items-center gap-3">
+        <div className="flex h-10 w-10 items-center justify-center rounded-lg bg-orange-500/10">
+          <Building2 className="h-5 w-5 text-orange-600 dark:text-orange-400" />
+        </div>
+        <div>
+          <h3 className="font-semibold text-lg">{t("Entity Information")}</h3>
+          <p className="text-muted-foreground text-sm">{t("Required company details for FURS fiscalization")}</p>
+        </div>
+      </div>
+
+      {!entity.tax_number && (
+        <Alert variant="destructive">
+          <AlertTriangle className="h-4 w-4" />
+          <AlertDescription>{t("Tax number is required for FURS fiscalization")}</AlertDescription>
+        </Alert>
+      )}
+
+      <div className="space-y-4">
+        <div>
+          <label htmlFor="entity-tax-number" className="font-medium text-sm">
+            {t("Entity Tax Number")}
+          </label>
+          <Input
+            id="entity-tax-number"
+            placeholder="12345678"
+            value={entityTaxNumber}
+            onChange={(e) => setEntityTaxNumber(e.target.value)}
+            className={cn("mt-2 h-10", !entity.tax_number && "border-destructive")}
+          />
+          <p className="mt-1 text-muted-foreground text-xs">
+            {t("Your company's tax number (must match FURS certificate)")}
+          </p>
+        </div>
+
+        <div>
+          <label htmlFor="entity-address" className="font-medium text-sm">
+            {t("Address")}
+          </label>
+          <Input
+            id="entity-address"
+            value={entityAddress}
+            onChange={(e) => setEntityAddress(e.target.value)}
+            className="mt-2 h-10"
+          />
+        </div>
+
+        <div className="grid grid-cols-2 gap-4">
+          <div>
+            <label htmlFor="entity-post-code" className="font-medium text-sm">
+              {t("Post Code")}
+            </label>
+            <Input
+              id="entity-post-code"
+              value={entityPostCode}
+              onChange={(e) => setEntityPostCode(e.target.value)}
+              className="mt-2 h-10"
+            />
+          </div>
+          <div>
+            <label htmlFor="entity-city" className="font-medium text-sm">
+              {t("City")}
+            </label>
+            <Input
+              id="entity-city"
+              value={entityCity}
+              onChange={(e) => setEntityCity(e.target.value)}
+              className="mt-2 h-10"
+            />
+          </div>
+        </div>
+
+        <Button
+          type="button"
+          onClick={handleSaveEntityInfo}
+          disabled={isEntityUpdatePending}
+          className="cursor-pointer"
+        >
+          {isEntityUpdatePending ? t("Saving...") : t("Save Entity Info")}
+        </Button>
+      </div>
+    </div>
+  );
+
   // Operator Settings content
   const operatorContent = (
     <div className="space-y-4">
@@ -244,6 +363,7 @@ export const GeneralSettingsSection: FC<GeneralSettingsSectionProps> = ({
 
   return (
     <div className="space-y-6">
+      {wrap("entity-info", entityInfoContent)}
       {wrap("operator", operatorContent)}
       {wrap("fiscalization", fiscalizationContent)}
       {wrap("advanced", advancedContent)}

package/src/components/entities/furs-settings-form/sections/register-premise-dialog.tsx

@@ -1,6 +1,7 @@
 import { zodResolver } from "@hookform/resolvers/zod";
 import type { Entity } from "@spaceinvoices/js-sdk";
 import type { FC } from "react";
+import type { Resolver } from "react-hook-form";
 import { useForm } from "react-hook-form";
 import type { z } from "zod";
 import { Button } from "@/ui/components/ui/button";
@@ -57,7 +58,7 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
 
   // Real Estate Form
   const realEstateForm = useForm<RealEstatePremiseForm>({
-    resolver: zodResolver(realEstatePremiseSchema),
+    resolver: zodResolver(realEstatePremiseSchema) as Resolver<RealEstatePremiseForm>,
     defaultValues: {
       business_premise_name: "",
       real_estate: {
@@ -71,19 +72,17 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
         house_number_additional: "",
         postal_code: "",
       },
-      numbering_strategy: "C",
     },
   });
 
   // Movable Form
   const movableForm = useForm<MovablePremiseForm>({
-    resolver: zodResolver(movablePremiseSchema),
+    resolver: zodResolver(movablePremiseSchema) as Resolver<MovablePremiseForm>,
     defaultValues: {
       business_premise_name: "",
       movable_premise: {
         premise_type: "A",
       },
-      numbering_strategy: "C",
     },
   });
 
@@ -133,10 +132,10 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
 
         {isRealEstate ? (
           <Form {...realEstateForm}>
-            <form onSubmit={realEstateForm.handleSubmit(handleRealEstateSubmit)} className="space-y-4">
+            <form onSubmit={realEstateForm.handleSubmit(handleRealEstateSubmit as any)} className="space-y-4">
               {/* Premise Name */}
               <FormField
-                control={realEstateForm.control}
+                control={realEstateForm.control as any}
                 name="business_premise_name"
                 render={({ field }) => (
                   <FormItem>
@@ -152,7 +151,7 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
 
               {/* Property Information */}
               <FormField
-                control={realEstateForm.control}
+                control={realEstateForm.control as any}
                 name="real_estate.cadastral_number"
                 render={({ field }) => (
                   <FormItem>
@@ -169,7 +168,7 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
               {/* Building Information */}
               <div className="grid grid-cols-2 gap-4">
                 <FormField
-                  control={realEstateForm.control}
+                  control={realEstateForm.control as any}
                   name="real_estate.building_number"
                   render={({ field }) => (
                     <FormItem>
@@ -190,7 +189,7 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
                   )}
                 />
                 <FormField
-                  control={realEstateForm.control}
+                  control={realEstateForm.control as any}
                   name="real_estate.building_section"
                   render={({ field }) => (
                     <FormItem>
@@ -214,7 +213,7 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
 
               {/* Community */}
               <FormField
-                control={realEstateForm.control}
+                control={realEstateForm.control as any}
                 name="real_estate.community"
                 render={({ field }) => (
                   <FormItem>
@@ -230,7 +229,7 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
 
               {/* Address */}
               <FormField
-                control={realEstateForm.control}
+                control={realEstateForm.control as any}
                 name="real_estate.street"
                 render={({ field }) => (
                   <FormItem>
@@ -245,7 +244,7 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
 
               <div className="grid grid-cols-2 gap-4">
                 <FormField
-                  control={realEstateForm.control}
+                  control={realEstateForm.control as any}
                   name="real_estate.house_number"
                   render={({ field }) => (
                     <FormItem>
@@ -258,7 +257,7 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
                   )}
                 />
                 <FormField
-                  control={realEstateForm.control}
+                  control={realEstateForm.control as any}
                   name="real_estate.house_number_additional"
                   render={({ field }) => (
                     <FormItem>
@@ -274,7 +273,7 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
 
               <div className="grid grid-cols-2 gap-4">
                 <FormField
-                  control={realEstateForm.control}
+                  control={realEstateForm.control as any}
                   name="real_estate.city"
                   render={({ field }) => (
                     <FormItem>
@@ -287,7 +286,7 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
                   )}
                 />
                 <FormField
-                  control={realEstateForm.control}
+                  control={realEstateForm.control as any}
                   name="real_estate.postal_code"
                   render={({ field }) => (
                     <FormItem>
@@ -301,30 +300,6 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
                 />
               </div>
 
-              {/* Numbering Strategy */}
-              <FormField
-                control={realEstateForm.control}
-                name="numbering_strategy"
-                render={({ field }) => (
-                  <FormItem>
-                    <FormLabel>{t("Numbering Strategy")}</FormLabel>
-                    <Select onValueChange={field.onChange} value={field.value}>
-                      <FormControl>
-                        <SelectTrigger>
-                          <SelectValue placeholder="Select strategy" />
-                        </SelectTrigger>
-                      </FormControl>
-                      <SelectContent>
-                        <SelectItem value="B">{t("Strategy B (Device-level)")}</SelectItem>
-                        <SelectItem value="C">{t("Strategy C (Centralized)")}</SelectItem>
-                      </SelectContent>
-                    </Select>
-                    <FormDescription>{t("Choose how invoice numbers are generated")}</FormDescription>
-                    <FormMessage />
-                  </FormItem>
-                )}
-              />
-
               <DialogFooter>
                 <Button type="button" variant="outline" onClick={() => onOpenChange(false)} disabled={isPending}>
                   {t("Cancel")}
@@ -337,10 +312,10 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
           </Form>
         ) : (
           <Form {...movableForm}>
-            <form onSubmit={movableForm.handleSubmit(handleMovableSubmit)} className="space-y-4">
+            <form onSubmit={movableForm.handleSubmit(handleMovableSubmit as any)} className="space-y-4">
               {/* Premise Name */}
               <FormField
-                control={movableForm.control}
+                control={movableForm.control as any}
                 name="business_premise_name"
                 render={({ field }) => (
                   <FormItem>
@@ -356,7 +331,7 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
 
               {/* Premise Type */}
               <FormField
-                control={movableForm.control}
+                control={movableForm.control as any}
                 name="movable_premise.premise_type"
                 render={({ field }) => (
                   <FormItem>
@@ -379,30 +354,6 @@ export const RegisterPremiseDialog: FC<RegisterPremiseDialogProps> = ({
                 )}
               />
 
-              {/* Numbering Strategy */}
-              <FormField
-                control={movableForm.control}
-                name="numbering_strategy"
-                render={({ field }) => (
-                  <FormItem>
-                    <FormLabel>{t("Numbering Strategy")}</FormLabel>
-                    <Select onValueChange={field.onChange} value={field.value}>
-                      <FormControl>
-                        <SelectTrigger>
-                          <SelectValue placeholder="Select strategy" />
-                        </SelectTrigger>
-                      </FormControl>
-                      <SelectContent>
-                        <SelectItem value="B">{t("Strategy B (Device-level)")}</SelectItem>
-                        <SelectItem value="C">{t("Strategy C (Centralized)")}</SelectItem>
-                      </SelectContent>
-                    </Select>
-                    <FormDescription>{t("Choose how invoice numbers are generated")}</FormDescription>
-                    <FormMessage />
-                  </FormItem>
-                )}
-              />
-
               <DialogFooter>
                 <Button type="button" variant="outline" onClick={() => onOpenChange(false)} disabled={isPending}>
                   {t("Cancel")}

package/src/components/entities/keys.ts

@@ -1,2 +1,2 @@
-export const ACTIVE_ENTITY_COOKIE = "l.ent" as const;
+export const ACTIVE_ENTITY_COOKIE = "l.eid" as const;
 export const ACTIVE_ENVIRONMENT_COOKIE = "l.env" as const;

package/src/components/entities/settings/company-settings-form.tsx

@@ -24,6 +24,7 @@ const translations = { sl, de } as const;
 const companySettingsSchema = z.object({
   name: z.string().min(1, "Name is required"),
   tax_number: z.union([z.string(), z.null()]).optional(),
+  tax_number_2: z.union([z.string(), z.null()]).optional(),
   address: z.union([z.string(), z.null()]).optional(),
   address_2: z.union([z.string(), z.null()]).optional(),
   post_code: z.union([z.string(), z.null()]).optional(),
@@ -54,6 +55,7 @@ export function CompanySettingsForm({
     defaultValues: {
       name: entity.name || "",
       tax_number: (entity as any).tax_number || null,
+      tax_number_2: (entity as any).tax_number_2 || null,
       address: (entity as any).address || null,
       address_2: (entity as any).address_2 || null,
       post_code: (entity as any).post_code || null,
@@ -83,6 +85,7 @@ export function CompanySettingsForm({
 
     if (values.name !== entity.name) updatePayload.name = values.name;
     if (values.tax_number !== (entity as any).tax_number) updatePayload.tax_number = values.tax_number;
+    if (values.tax_number_2 !== (entity as any).tax_number_2) updatePayload.tax_number_2 = values.tax_number_2;
     if (values.address !== (entity as any).address) updatePayload.address = values.address;
     if (values.address_2 !== (entity as any).address_2) updatePayload.address_2 = values.address_2;
     if (values.post_code !== (entity as any).post_code) updatePayload.post_code = values.post_code;
@@ -135,6 +138,31 @@ export function CompanySettingsForm({
           )}
         />
 
+        {(entity as any).country_rules?.features?.includes("tax_number_2") && (
+          <FormField
+            control={form.control}
+            name="tax_number_2"
+            render={({ field }) => (
+              <FormItem className="max-w-xs">
+                <FormLabel className="font-medium text-base">{t("Tax ID 2")}</FormLabel>
+                <FormControl>
+                  <Input
+                    {...field}
+                    value={field.value || ""}
+                    onChange={(e) => field.onChange(e.target.value || null)}
+                    placeholder="12/345/67890"
+                    className="h-10"
+                  />
+                </FormControl>
+                <FormDescription className="text-xs">
+                  {t("Secondary tax identification number (optional)")}
+                </FormDescription>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+        )}
+
         <div className="border-t pt-6">
           <FormField
             control={form.control}

package/src/components/entities/settings/pdf-template-selector/locales/es.ts

@@ -0,0 +1,18 @@
+export default {
+  "PDF Template": "Plantilla PDF",
+  "Choose the design template for your invoices and documents":
+    "Elija la plantilla de diseño para sus facturas y documentos",
+  Preview: "Vista previa",
+  Template: "Plantilla",
+  Modern: "Moderna",
+  "Modern template description": "Diseño limpio y profesional adecuado para la mayoría de las empresas",
+  Classic: "Clásica",
+  "Classic template description": "Diseño tradicional de factura con fuentes serif y bordes",
+  Minimal: "Minimalista",
+  "Minimal template description": "Diseño centrado en la tipografía con una estética limpia",
+  Fashion: "Fashion",
+  "Fashion template description": "Estilo editorial con títulos elegantes para empresas creativas",
+  "Save Template": "Guardar plantilla",
+  "Template saved successfully": "Plantilla guardada con éxito",
+  "Failed to save template": "Error al guardar la plantilla",
+} as const;

package/src/components/entities/settings/pdf-template-selector/locales/fr.ts

@@ -0,0 +1,18 @@
+export default {
+  "PDF Template": "Modèle PDF",
+  "Choose the design template for your invoices and documents":
+    "Choisissez le modèle de design pour vos factures et documents",
+  Preview: "Aperçu",
+  Template: "Modèle",
+  Modern: "Moderne",
+  "Modern template description": "Design épuré et professionnel adapté à la plupart des entreprises",
+  Classic: "Classique",
+  "Classic template description": "Mise en page traditionnelle avec polices à empattements et bordures",
+  Minimal: "Minimaliste",
+  "Minimal template description": "Design axé sur la typographie avec une esthétique épurée",
+  Fashion: "Fashion",
+  "Fashion template description": "Style éditorial avec des titres élégants pour les entreprises créatives",
+  "Save Template": "Enregistrer le modèle",
+  "Template saved successfully": "Modèle enregistré avec succès",
+  "Failed to save template": "Échec de l'enregistrement du modèle",
+} as const;

package/src/components/entities/settings/pdf-template-selector/locales/hr.ts

@@ -0,0 +1,18 @@
+export default {
+  "PDF Template": "PDF predložak",
+  "Choose the design template for your invoices and documents":
+    "Odaberite predložak dizajna za svoje račune i dokumente",
+  Preview: "Pregled",
+  Template: "Predložak",
+  Modern: "Moderan",
+  "Modern template description": "Čist, profesionalan dizajn prikladan za većinu tvrtki",
+  Classic: "Klasičan",
+  "Classic template description": "Tradicionalni raspored računa sa serifnim fontovima i okvirima",
+  Minimal: "Minimalistički",
+  "Minimal template description": "Tipografski usmjeren dizajn s čistom estetikom",
+  Fashion: "Fashion",
+  "Fashion template description": "Urednički stil s elegantnim naslovima za kreativne tvrtke",
+  "Save Template": "Spremi predložak",
+  "Template saved successfully": "Predložak uspješno spremljen",
+  "Failed to save template": "Spremanje predloška nije uspjelo",
+} as const;

package/src/components/entities/settings/pdf-template-selector/locales/it.ts

@@ -0,0 +1,18 @@
+export default {
+  "PDF Template": "Modello PDF",
+  "Choose the design template for your invoices and documents":
+    "Scegli il modello di design per le tue fatture e documenti",
+  Preview: "Anteprima",
+  Template: "Modello",
+  Modern: "Moderno",
+  "Modern template description": "Design pulito e professionale adatto alla maggior parte delle aziende",
+  Classic: "Classico",
+  "Classic template description": "Layout tradizionale per fatture con caratteri serif e bordi",
+  Minimal: "Minimale",
+  "Minimal template description": "Design incentrato sulla tipografia con un'estetica pulita",
+  Fashion: "Fashion",
+  "Fashion template description": "Stile editoriale con titoli eleganti per aziende creative",
+  "Save Template": "Salva modello",
+  "Template saved successfully": "Modello salvato con successo",
+  "Failed to save template": "Salvataggio del modello non riuscito",
+} as const;

package/src/components/entities/settings/pdf-template-selector/locales/nl.ts

@@ -0,0 +1,17 @@
+export default {
+  "PDF Template": "PDF-sjabloon",
+  "Choose the design template for your invoices and documents": "Kies het ontwerp voor uw facturen en documenten",
+  Preview: "Voorbeeld",
+  Template: "Sjabloon",
+  Modern: "Modern",
+  "Modern template description": "Strak, professioneel ontwerp geschikt voor de meeste bedrijven",
+  Classic: "Klassiek",
+  "Classic template description": "Traditionele factuurindeling met schreeflettertypen en kaders",
+  Minimal: "Minimalistisch",
+  "Minimal template description": "Typografisch gericht ontwerp met een strakke esthetiek",
+  Fashion: "Fashion",
+  "Fashion template description": "Redactionele stijl met elegante koppen voor creatieve bedrijven",
+  "Save Template": "Sjabloon opslaan",
+  "Template saved successfully": "Sjabloon succesvol opgeslagen",
+  "Failed to save template": "Sjabloon opslaan mislukt",
+} as const;

package/src/components/entities/settings/pdf-template-selector/locales/pl.ts

@@ -0,0 +1,18 @@
+export default {
+  "PDF Template": "Szablon PDF",
+  "Choose the design template for your invoices and documents":
+    "Wybierz szablon projektu dla swoich faktur i dokumentów",
+  Preview: "Podgląd",
+  Template: "Szablon",
+  Modern: "Nowoczesny",
+  "Modern template description": "Czysty, profesjonalny design odpowiedni dla większości firm",
+  Classic: "Klasyczny",
+  "Classic template description": "Tradycyjny układ faktury z czcionkami szeryfowymi i ramkami",
+  Minimal: "Minimalistyczny",
+  "Minimal template description": "Design skoncentrowany na typografii z czystą estetyką",
+  Fashion: "Fashion",
+  "Fashion template description": "Styl redakcyjny z eleganckimi nagłówkami dla firm kreatywnych",
+  "Save Template": "Zapisz szablon",
+  "Template saved successfully": "Szablon zapisany pomyślnie",
+  "Failed to save template": "Nie udało się zapisać szablonu",
+} as const;

package/src/components/entities/settings/pdf-template-selector/locales/pt.ts

@@ -0,0 +1,18 @@
+export default {
+  "PDF Template": "Modelo PDF",
+  "Choose the design template for your invoices and documents":
+    "Escolha o modelo de design para as suas faturas e documentos",
+  Preview: "Pré-visualização",
+  Template: "Modelo",
+  Modern: "Moderno",
+  "Modern template description": "Design limpo e profissional adequado para a maioria das empresas",
+  Classic: "Clássico",
+  "Classic template description": "Layout tradicional de fatura com fontes serifadas e bordas",
+  Minimal: "Minimalista",
+  "Minimal template description": "Design focado na tipografia com uma estética limpa",
+  Fashion: "Fashion",
+  "Fashion template description": "Estilo editorial com títulos elegantes para empresas criativas",
+  "Save Template": "Guardar modelo",
+  "Template saved successfully": "Modelo guardado com sucesso",
+  "Failed to save template": "Falha ao guardar o modelo",
+} as const;

package/src/components/estimates/create/create-estimate-form.tsx

@@ -26,6 +26,13 @@ import { DocumentRecipientSection } from "../../documents/create/document-recipi
 import type { DocumentTypes } from "../../documents/types";
 import { useCreateEstimate } from "../estimates.hooks";
 import de from "./locales/de";
+import es from "./locales/es";
+import fr from "./locales/fr";
+import hr from "./locales/hr";
+import it from "./locales/it";
+import nl from "./locales/nl";
+import pl from "./locales/pl";
+import pt from "./locales/pt";
 import sl from "./locales/sl";
 import { prepareEstimateSubmission } from "./prepare-estimate-submission";
 import { useEstimateCustomerForm } from "./use-estimate-customer-form";
@@ -33,6 +40,13 @@ import { useEstimateCustomerForm } from "./use-estimate-customer-form";
 const translations = {
   sl,
   de,
+  it,
+  fr,
+  es,
+  pt,
+  nl,
+  pl,
+  hr,
 } as const;
 
 // Form values: extend schema with local-only fields (number is for display, not sent to API)