@spaceinvoices/react-ui 0.1.1 → 0.3.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/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)

package/src/components/estimates/create/locales/es.ts

@@ -0,0 +1,57 @@
+export default {
+  "Create Estimate": "Crear presupuesto",
+  "Create Quote": "Crear oferta",
+  Estimate: "Presupuesto",
+  Quote: "Oferta",
+  "Click to switch to Quote": "Haga clic para cambiar a Oferta",
+  "Click to switch to Estimate": "Haga clic para cambiar a Presupuesto",
+  Details: "Detalles",
+  Number: "Número",
+  Date: "Fecha",
+  "Due Date": "Fecha de vencimiento",
+  "Valid Until": "Válido hasta",
+  Recipient: "Destinatario",
+  "Search or create customer...": "Buscar o crear cliente...",
+  Clear: "Limpiar",
+  Name: "Nombre",
+  Address: "Dirección",
+  "Address 2": "Dirección 2",
+  "Post Code": "Código postal",
+  City: "Ciudad",
+  State: "Provincia",
+  Country: "País",
+  "Tax Number": "Número fiscal",
+  Items: "Artículos",
+  "Add item": "Añadir artículo",
+  Tax: "Impuesto",
+  "Tax rate": "Tasa de impuesto",
+  "Add tax": "Añadir impuesto",
+  "Select tax...": "Seleccionar impuesto...",
+  "Loading...": "Cargando...",
+  "No taxes found": "No se encontraron impuestos",
+  "Add new tax...": "Añadir nuevo impuesto...",
+  Note: "Nota",
+  "Insert variable": "Insertar variable",
+  "Add payment instructions, terms, or other notes...": "Añada instrucciones de pago, condiciones u otras notas...",
+  "Payment Terms": "Condiciones de pago",
+  "Add payment terms...": "Añada condiciones de pago...",
+  Quantity: "Cantidad",
+  Price: "Precio",
+  Unit: "Unidad",
+  Discount: "Descuento",
+  Description: "Descripción",
+  Save: "Guardar",
+  "Save as Draft": "Guardar como borrador",
+  "Pick a date": "Seleccionar una fecha",
+  Currency: "Moneda",
+  "Select currency": "Seleccionar moneda",
+  "Percentage discount": "Descuento porcentual",
+  "Fixed amount discount": "Descuento fijo",
+  Percentage: "Porcentaje",
+  "Fixed amount": "Importe fijo",
+  "Taxes disabled": "Impuestos desactivados",
+  "Gross price": "Precio bruto",
+  "Net price": "Precio neto",
+  "Gross price (tax included)": "Precio bruto (impuestos incluidos)",
+  "Net price (before tax)": "Precio neto (antes de impuestos)",
+} as const;

package/src/components/estimates/create/locales/fr.ts

@@ -0,0 +1,58 @@
+export default {
+  "Create Estimate": "Créer un devis",
+  "Create Quote": "Créer une offre",
+  Estimate: "Devis",
+  Quote: "Offre",
+  "Click to switch to Quote": "Cliquez pour passer à Offre",
+  "Click to switch to Estimate": "Cliquez pour passer à Devis",
+  Details: "Détails",
+  Number: "Numéro",
+  Date: "Date",
+  "Due Date": "Date d'échéance",
+  "Valid Until": "Valable jusqu'au",
+  Recipient: "Destinataire",
+  "Search or create customer...": "Rechercher ou créer un client...",
+  Clear: "Effacer",
+  Name: "Nom",
+  Address: "Adresse",
+  "Address 2": "Adresse 2",
+  "Post Code": "Code postal",
+  City: "Ville",
+  State: "Région",
+  Country: "Pays",
+  "Tax Number": "Numéro de TVA",
+  Items: "Articles",
+  "Add item": "Ajouter un article",
+  Tax: "Taxe",
+  "Tax rate": "Taux de taxe",
+  "Add tax": "Ajouter une taxe",
+  "Select tax...": "Sélectionner une taxe...",
+  "Loading...": "Chargement...",
+  "No taxes found": "Aucune taxe trouvée",
+  "Add new tax...": "Ajouter une nouvelle taxe...",
+  Note: "Note",
+  "Insert variable": "Insérer une variable",
+  "Add payment instructions, terms, or other notes...":
+    "Ajoutez des instructions de paiement, des conditions ou d'autres notes...",
+  "Payment Terms": "Conditions de paiement",
+  "Add payment terms...": "Ajoutez des conditions de paiement...",
+  Quantity: "Quantité",
+  Price: "Prix",
+  Unit: "Unité",
+  Discount: "Remise",
+  Description: "Description",
+  Save: "Enregistrer",
+  "Save as Draft": "Enregistrer comme brouillon",
+  "Pick a date": "Choisir une date",
+  Currency: "Devise",
+  "Select currency": "Sélectionner la devise",
+  "Percentage discount": "Remise en pourcentage",
+  "Fixed amount discount": "Remise fixe",
+  Percentage: "Pourcentage",
+  "Fixed amount": "Montant fixe",
+  "Taxes disabled": "Taxes désactivées",
+  "Gross price": "Prix brut",
+  "Net price": "Prix net",
+  "Gross price (tax included)": "Prix brut (taxes incluses)",
+  "Net price (before tax)": "Prix net (avant taxes)",
+} as const;

package/src/components/estimates/create/locales/hr.ts

@@ -0,0 +1,57 @@
+export default {
+  "Create Estimate": "Kreiraj predračun",
+  "Create Quote": "Kreiraj ponudu",
+  Estimate: "Predračun",
+  Quote: "Ponuda",
+  "Click to switch to Quote": "Kliknite za prebacivanje na Ponudu",
+  "Click to switch to Estimate": "Kliknite za prebacivanje na Predračun",
+  Details: "Pojedinosti",
+  Number: "Broj",
+  Date: "Datum",
+  "Due Date": "Rok plaćanja",
+  "Valid Until": "Vrijedi do",
+  Recipient: "Primatelj",
+  "Search or create customer...": "Pretraži ili kreiraj kupca...",
+  Clear: "Očisti",
+  Name: "Naziv",
+  Address: "Adresa",
+  "Address 2": "Adresa 2",
+  "Post Code": "Poštanski broj",
+  City: "Grad",
+  State: "Županija",
+  Country: "Država",
+  "Tax Number": "OIB",
+  Items: "Stavke",
+  "Add item": "Dodaj stavku",
+  Tax: "Porez",
+  "Tax rate": "Porezna stopa",
+  "Add tax": "Dodaj porez",
+  "Select tax...": "Odaberi porez...",
+  "Loading...": "Učitavanje...",
+  "No taxes found": "Nisu pronađeni porezi",
+  "Add new tax...": "Dodaj novi porez...",
+  Note: "Napomena",
+  "Insert variable": "Umetni varijablu",
+  "Add payment instructions, terms, or other notes...": "Dodajte upute za plaćanje, uvjete ili druge napomene...",
+  "Payment Terms": "Uvjeti plaćanja",
+  "Add payment terms...": "Dodajte uvjete plaćanja...",
+  Quantity: "Količina",
+  Price: "Cijena",
+  Unit: "Jedinica",
+  Discount: "Popust",
+  Description: "Opis",
+  Save: "Spremi",
+  "Save as Draft": "Spremi kao skicu",
+  "Pick a date": "Odaberite datum",
+  Currency: "Valuta",
+  "Select currency": "Odaberi valutu",
+  "Percentage discount": "Postotni popust",
+  "Fixed amount discount": "Fiksni popust",
+  Percentage: "Postotak",
+  "Fixed amount": "Fiksni iznos",
+  "Taxes disabled": "Porezi onemogućeni",
+  "Gross price": "Bruto cijena",
+  "Net price": "Neto cijena",
+  "Gross price (tax included)": "Bruto cijena (s porezom)",
+  "Net price (before tax)": "Neto cijena (prije poreza)",
+} as const;