@spaceinvoices/react-ui 0.4.8 → 0.4.11

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

@@ -122,6 +122,14 @@ export default {
   Dutch: "Neerlandês",
   Polish: "Polaco",
   Croatian: "Croata",
+  Swedish: "Sueco",
+  Finnish: "Finlandês",
+  Estonian: "Estónio",
+  Bulgarian: "Búlgaro",
+  Czech: "Checo",
+  Slovak: "Eslovaco",
+  Norwegian: "Norueguês",
+  Icelandic: "Islandês",
 
   // Linked documents
   "Linked documents": "Documentos vinculados",

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

@@ -123,6 +123,14 @@ export default {
   Dutch: "Nizozemščina",
   Polish: "Poljščina",
   Croatian: "Hrvaščina",
+  Swedish: "Švedščina",
+  Finnish: "Finščina",
+  Estonian: "Estonščina",
+  Bulgarian: "Bolgarščina",
+  Czech: "Češčina",
+  Slovak: "Slovaščina",
+  Norwegian: "Norveščina",
+  Icelandic: "Islandščina",
 
   // Linked documents
   "Linked documents": "Povezani dokumenti",

package/src/components/documents/view/use-document-download.ts

@@ -1,4 +1,11 @@
-import type { AdvanceInvoice, CreditNote, DeliveryNote, Estimate, Invoice } from "@spaceinvoices/js-sdk";
+import {
+  type AdvanceInvoice,
+  type CreditNote,
+  type DeliveryNote,
+  downloadBlob,
+  type Estimate,
+  type Invoice,
+} from "@spaceinvoices/js-sdk";
 import { useState } from "react";
 import { useEntities } from "@/ui/providers/entities-context";
 import { useSDK } from "@/ui/providers/sdk-provider";
@@ -36,11 +43,10 @@ export function useDocumentDownload({
   const [isDownloadingEslog, setIsDownloadingEslog] = useState(false);
 
   /**
-   * Download PDF with optional language override for translations
-   * Formatting (decimal separators, dates) always uses entity locale.
-   * The language param only changes labels/translations on the PDF.
+   * Download PDF with optional locale override.
+   * When a locale is selected, it is sent as both the formatting locale and label language.
    */
-  const downloadPdf = async (document: Document, documentType: DocumentType, language?: string) => {
+  const downloadPdf = async (document: Document, documentType: DocumentType, locale?: string) => {
     if (!sdk || !activeEntity?.id) {
       onDownloadError?.("Download failed");
       return;
@@ -53,21 +59,11 @@ export function useDocumentDownload({
       // SDK signature: renderPdf(id, params?, SDKMethodOptions?)
       // entity_id goes in SDKMethodOptions (last arg), not params
       // Note: renderPdf is on invoices module but works with any document ID via /documents/{id}/pdf
-      // Don't send locale — entity locale drives formatting. Send language for translation override.
-      const params = language ? { language } : {};
-      const blob = await sdk.invoices.renderPdf(document.id, params, { entity_id: activeEntity.id });
-      const downloadUrl = window.URL.createObjectURL(blob);
-      const link = window.document.createElement("a");
-      link.href = downloadUrl;
-
+      const params = locale ? { locale, language: locale } : {};
       const typeLabel = TYPE_LABELS[documentType] || "Document";
       const fileName = `${typeLabel} ${document.number}.pdf`;
-      link.download = fileName;
 
-      window.document.body.appendChild(link);
-      link.click();
-      window.document.body.removeChild(link);
-      window.URL.revokeObjectURL(downloadUrl);
+      await sdk.invoices.downloadPdf(document.id, fileName, params, { entity_id: activeEntity.id });
 
       onDownloadSuccess?.(fileName);
     } catch (error) {
@@ -106,14 +102,7 @@ export function useDocumentDownload({
       const xml = await eSlogModule.download(document.id, typeMap[documentType], { entity_id: activeEntity.id });
 
       const blob = new Blob([xml], { type: "application/xml" });
-      const url = window.URL.createObjectURL(blob);
-      const a = window.document.createElement("a");
-      a.href = url;
-      a.download = `${document.number}.xml`;
-      window.document.body.appendChild(a);
-      a.click();
-      window.URL.revokeObjectURL(url);
-      window.document.body.removeChild(a);
+      downloadBlob(blob, `${document.number}.xml`);
     } catch (error) {
       console.error("Error downloading e-SLOG:", error);
       onDownloadError?.("e-SLOG download failed");

package/src/components/entities/create-entity-form.tsx

@@ -10,6 +10,7 @@ import { Button } from "@/ui/components/ui/button";
 import { Checkbox } from "@/ui/components/ui/checkbox";
 import { Form, FormControl, FormField, FormItem, FormLabel, FormMessage } from "@/ui/components/ui/form";
 import { type CreateEntitySchema, createEntitySchema } from "@/ui/generated/schemas";
+import { createTranslation } from "@/ui/lib/translation";
 
 import ButtonLoader from "../button-loader";
 import { useCreateEntity } from "./entities.hooks";
@@ -27,10 +28,85 @@ export type CreateEntityFormProps = {
   onError?: (error: unknown) => void;
 };
 
-const defaultTranslate = (text: string) => text;
+const translations = {
+  en: {
+    name: "Name",
+    "search-hint": "Search companies by name",
+    "no-results": "No companies found",
+    country: "Country",
+    address: "Address",
+    "address-2": "Address 2",
+    "post-code": "Post Code",
+    city: "City",
+    state: "State",
+    "tax-number": "Tax Number",
+    "is-tax-subject": "Tax subject",
+    "company-number": "Company Number",
+    submit: "Create entity",
+  },
+} as const;
+
+const ISO_COUNTRY_CODES = [
+  "AD", "AE", "AF", "AG", "AL", "AM", "AO", "AR", "AT", "AU", "AZ", "BA", "BB", "BD", "BE", "BF", "BG", "BH", "BI",
+  "BJ", "BN", "BO", "BR", "BS", "BT", "BW", "BY", "BZ", "CA", "CD", "CF", "CG", "CH", "CI", "CL", "CM", "CN", "CO",
+  "CR", "CU", "CV", "CY", "CZ", "DE", "DJ", "DK", "DM", "DO", "DZ", "EC", "EE", "EG", "ER", "ES", "ET", "FI", "FJ",
+  "FM", "FR", "GA", "GB", "GD", "GE", "GH", "GM", "GN", "GQ", "GR", "GT", "GW", "GY", "HK", "HN", "HR", "HT", "HU",
+  "ID", "IE", "IL", "IN", "IQ", "IR", "IS", "IT", "JM", "JO", "JP", "KE", "KG", "KH", "KI", "KM", "KN", "KP", "KR",
+  "KW", "KZ", "LA", "LB", "LC", "LI", "LK", "LR", "LS", "LT", "LU", "LV", "LY", "MA", "MC", "MD", "ME", "MG", "MH",
+  "MK", "ML", "MM", "MN", "MR", "MT", "MU", "MV", "MW", "MX", "MY", "MZ", "NA", "NE", "NG", "NI", "NL", "NO", "NP",
+  "NR", "NZ", "OM", "PA", "PE", "PG", "PH", "PK", "PL", "PT", "PW", "PY", "QA", "RO", "RS", "RU", "RW", "SA", "SB",
+  "SC", "SD", "SE", "SG", "SI", "SK", "SL", "SM", "SN", "SO", "SR", "SS", "ST", "SV", "SY", "SZ", "TD", "TG", "TH",
+  "TJ", "TL", "TM", "TN", "TO", "TR", "TT", "TV", "TW", "TZ", "UA", "UG", "US", "UY", "UZ", "VA", "VC", "VE", "VN",
+  "VU", "WS", "XK", "YE", "ZA", "ZM", "ZW",
+] as const;
+
+const COUNTRY_CODE_ALIASES: Record<string, string> = {
+  uk: "GB",
+  "u.k.": "GB",
+  usa: "US",
+  "u.s.": "US",
+  "u.s.a.": "US",
+};
+
+function normalizeCountryName(value: string): string {
+  return value
+    .normalize("NFKD")
+    .replace(/\p{Diacritic}/gu, "")
+    .replace(/[.'’]/g, "")
+    .replace(/\s+/g, " ")
+    .trim()
+    .toLowerCase();
+}
+
+function resolveCountryCodeFromName(value: string | undefined, locale: string): string | undefined {
+  const trimmed = value?.trim();
+  if (!trimmed) return undefined;
+
+  const alias = COUNTRY_CODE_ALIASES[normalizeCountryName(trimmed)];
+  if (alias) return alias;
+
+  const upper = trimmed.toUpperCase();
+  if (upper.length === 2 && ISO_COUNTRY_CODES.includes(upper as (typeof ISO_COUNTRY_CODES)[number])) {
+    return upper;
+  }
+
+  const localesToTry = Array.from(new Set([locale, "en", "en-US"]));
+
+  for (const candidateLocale of localesToTry) {
+    const displayNames = new Intl.DisplayNames([candidateLocale], { type: "region" });
+    for (const code of ISO_COUNTRY_CODES) {
+      const label = displayNames.of(code);
+      if (label && normalizeCountryName(label) === normalizeCountryName(trimmed)) {
+        return code;
+      }
+    }
+  }
+
+  return undefined;
+}
 
 export function CreateEntityForm({
-  t = defaultTranslate,
+  t,
   namespace = "",
   accountId,
   environment,
@@ -41,7 +117,7 @@ export function CreateEntityForm({
   onSuccess,
   onError,
 }: CreateEntityFormProps) {
-  const translate = (key: string) => t(namespace ? `${namespace}.${key}` : key);
+  const translate = createTranslation({ t, namespace, locale, translations });
 
   const countryName = countryCode ? new Intl.DisplayNames([locale], { type: "region" }).of(countryCode) : undefined;
 
@@ -50,12 +126,13 @@ export function CreateEntityForm({
   const autoFilledCountryRef = useRef(countryName);
 
   // Company registry autocomplete state
+  // showAutocomplete is based on the initial countryCode prop to avoid component switch mid-typing
   const [nameSearch, setNameSearch] = useState("");
-  const { isSupported: isRegistrySupported } = useIsCountrySupported(activeCountryCode || "");
+  const { isSupported: isRegistrySupported } = useIsCountrySupported(countryCode || "");
   const { data: searchData, isLoading: isSearching } = useCompanyRegistrySearch(activeCountryCode || "", nameSearch);
   const companies = searchData?.data || [];
 
-  const showAutocomplete = !!activeCountryCode && isRegistrySupported;
+  const showAutocomplete = !!countryCode && isRegistrySupported;
 
   const nameOptions = companies.map((company) => {
     const addressParts = [company.address, company.city].filter(Boolean);
@@ -97,13 +174,14 @@ export function CreateEntityForm({
   // Watch country field — clear activeCountryCode when user edits away from auto-filled value
   const countryValue = form.watch("country");
   useEffect(() => {
-    if (countryValue !== autoFilledCountryRef.current) {
-      setActiveCountryCode(undefined);
-      form.setValue("country_code", "");
-    } else {
-      setActiveCountryCode(countryCode);
-    }
-  }, [countryValue, countryCode, form]);
+    const nextCountryCode =
+      countryValue === autoFilledCountryRef.current
+        ? countryCode
+        : resolveCountryCodeFromName(countryValue, locale) || undefined;
+
+    setActiveCountryCode(nextCountryCode);
+    form.setValue("country_code", nextCountryCode || "");
+  }, [countryValue, countryCode, form, locale]);
 
   const handleCompanySelect = (company: CompanyRegistryResult) => {
     form.setValue("name", company.name);
@@ -133,9 +211,10 @@ export function CreateEntityForm({
 
   const onSubmit = async (values: CreateEntitySchema) => {
     try {
-      // Zod validation ensures required fields are present before this is called
-      // The type cast is safe because React Hook Form's DeepPartial doesn't reflect runtime validation
-      createEntity(values as CreateEntityRequest);
+      const resolvedCountryCode = values.country_code || resolveCountryCodeFromName(values.country, locale);
+      const { country_code: _countryCode, ...rest } = values;
+      const payload = resolvedCountryCode ? { ...rest, country_code: resolvedCountryCode } : rest;
+      createEntity(payload as CreateEntityRequest);
     } catch (e) {
       onError?.(e);
       form.setError("root", {
@@ -259,7 +338,13 @@ export function CreateEntityForm({
           placeholder={translate("company-number")}
         />
 
-        <Button type="submit" className="w-full cursor-pointer" disabled={isPending} aria-busy={isPending}>
+        <Button
+          type="submit"
+          className="w-full cursor-pointer"
+          disabled={isPending}
+          aria-busy={isPending}
+          data-testid="entity-create-submit"
+        >
           {isPending ? <ButtonLoader /> : translate("submit")}
         </Button>
       </form>

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

@@ -56,15 +56,15 @@ const translations = {
 // Supported locales (matching backend)
 const SUPPORTED_LOCALES = [
   { value: "en-US", label: "English (US)" },
-  { value: "de-DE", label: "Deutsch (DE)" },
-  { value: "it-IT", label: "Italiano (IT)" },
-  { value: "fr-FR", label: "Français (FR)" },
-  { value: "es-ES", label: "Español (ES)" },
-  { value: "pt-PT", label: "Português (Portugal)" },
-  { value: "nl-NL", label: "Nederlands" },
-  { value: "pl-PL", label: "Polski" },
-  { value: "hr-HR", label: "Hrvatski" },
-  { value: "sl-SI", label: "Slovenščina (SI)" },
+  { value: "de-DE", label: "German (DE)" },
+  { value: "it-IT", label: "Italian (IT)" },
+  { value: "fr-FR", label: "French (FR)" },
+  { value: "es-ES", label: "Spanish (ES)" },
+  { value: "pt-PT", label: "Portuguese (Portugal)" },
+  { value: "nl-NL", label: "Dutch" },
+  { value: "pl-PL", label: "Polish" },
+  { value: "hr-HR", label: "Croatian" },
+  { value: "sl-SI", label: "Slovenian (SI)" },
 ] as const;
 
 // Countries with EPC QR feature (EU 27 + Switzerland)
@@ -805,7 +805,7 @@ export function EntitySettingsForm({
                         <SelectContent>
                           {SUPPORTED_LOCALES.map((locale) => (
                             <SelectItem key={locale.value} value={locale.value}>
-                              {locale.label}
+                              {translate(locale.label)}
                             </SelectItem>
                           ))}
                         </SelectContent>

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

@@ -38,6 +38,16 @@ export default {
   "Select currency": "Währung auswählen",
   "Select locale": "Gebietsschema auswählen",
   "Configure entity localization": "Lokalisierung konfigurieren",
+  "English (US)": "Englisch (US)",
+  "German (DE)": "Deutsch (DE)",
+  "Italian (IT)": "Italienisch (IT)",
+  "French (FR)": "Französisch (FR)",
+  "Spanish (ES)": "Spanisch (ES)",
+  "Portuguese (Portugal)": "Portugiesisch (Portugal)",
+  Dutch: "Niederländisch",
+  Polish: "Polnisch",
+  Croatian: "Kroatisch",
+  "Slovenian (SI)": "Slowenisch (SI)",
   "Email Settings": "E-Mail-Einstellungen",
   "Configure email settings for invoices": "Konfigurieren Sie E-Mail-Einstellungen für Rechnungen",
   "Email Address": "E-Mail-Adresse",

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

@@ -37,6 +37,16 @@ export default {
   "Select currency": "Seleccionar moneda",
   "Select locale": "Seleccionar configuración regional",
   "Configure entity localization": "Configurar la localización de la entidad",
+  "English (US)": "Inglés (US)",
+  "German (DE)": "Alemán (DE)",
+  "Italian (IT)": "Italiano (IT)",
+  "French (FR)": "Francés (FR)",
+  "Spanish (ES)": "Español (ES)",
+  "Portuguese (Portugal)": "Portugués (Portugal)",
+  Dutch: "Neerlandés",
+  Polish: "Polaco",
+  Croatian: "Croata",
+  "Slovenian (SI)": "Esloveno (SI)",
   "Email Settings": "Configuración de email",
   "Configure email settings for invoices": "Configurar las opciones de email para las facturas",
   "Email Address": "Dirección de email",

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

@@ -37,6 +37,16 @@ export default {
   "Select currency": "Sélectionner la devise",
   "Select locale": "Sélectionner les paramètres régionaux",
   "Configure entity localization": "Configurer la localisation de l'entité",
+  "English (US)": "Anglais (US)",
+  "German (DE)": "Allemand (DE)",
+  "Italian (IT)": "Italien (IT)",
+  "French (FR)": "Français (FR)",
+  "Spanish (ES)": "Espagnol (ES)",
+  "Portuguese (Portugal)": "Portugais (Portugal)",
+  Dutch: "Néerlandais",
+  Polish: "Polonais",
+  Croatian: "Croate",
+  "Slovenian (SI)": "Slovène (SI)",
   "Email Settings": "Paramètres email",
   "Configure email settings for invoices": "Configurer les paramètres email pour les factures",
   "Email Address": "Adresse email",

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

@@ -37,6 +37,16 @@ export default {
   "Select currency": "Odaberite valutu",
   "Select locale": "Odaberite regionalne postavke",
   "Configure entity localization": "Konfigurirajte lokalizaciju subjekta",
+  "English (US)": "Engleski (US)",
+  "German (DE)": "Njemački (DE)",
+  "Italian (IT)": "Talijanski (IT)",
+  "French (FR)": "Francuski (FR)",
+  "Spanish (ES)": "Španjolski (ES)",
+  "Portuguese (Portugal)": "Portugalski (Portugal)",
+  Dutch: "Nizozemski",
+  Polish: "Poljski",
+  Croatian: "Hrvatski",
+  "Slovenian (SI)": "Slovenski (SI)",
   "Email Settings": "Postavke e-pošte",
   "Configure email settings for invoices": "Konfigurirajte postavke e-pošte za račune",
   "Email Address": "Adresa e-pošte",

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

@@ -37,6 +37,16 @@ export default {
   "Select currency": "Seleziona valuta",
   "Select locale": "Seleziona localizzazione",
   "Configure entity localization": "Configura la localizzazione dell'entità",
+  "English (US)": "Inglese (US)",
+  "German (DE)": "Tedesco (DE)",
+  "Italian (IT)": "Italiano (IT)",
+  "French (FR)": "Francese (FR)",
+  "Spanish (ES)": "Spagnolo (ES)",
+  "Portuguese (Portugal)": "Portoghese (Portogallo)",
+  Dutch: "Olandese",
+  Polish: "Polacco",
+  Croatian: "Croato",
+  "Slovenian (SI)": "Sloveno (SI)",
   "Email Settings": "Impostazioni email",
   "Configure email settings for invoices": "Configura le impostazioni email per le fatture",
   "Email Address": "Indirizzo email",

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

@@ -37,6 +37,16 @@ export default {
   "Select currency": "Valuta selecteren",
   "Select locale": "Landinstelling selecteren",
   "Configure entity localization": "Lokalisatie van de entiteit configureren",
+  "English (US)": "Engels (US)",
+  "German (DE)": "Duits (DE)",
+  "Italian (IT)": "Italiaans (IT)",
+  "French (FR)": "Frans (FR)",
+  "Spanish (ES)": "Spaans (ES)",
+  "Portuguese (Portugal)": "Portugees (Portugal)",
+  Dutch: "Nederlands",
+  Polish: "Pools",
+  Croatian: "Kroatisch",
+  "Slovenian (SI)": "Sloveens (SI)",
   "Email Settings": "E-mailinstellingen",
   "Configure email settings for invoices": "E-mailinstellingen configureren voor facturen",
   "Email Address": "E-mailadres",

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

@@ -37,6 +37,16 @@ export default {
   "Select currency": "Wybierz walutę",
   "Select locale": "Wybierz ustawienia regionalne",
   "Configure entity localization": "Skonfiguruj lokalizację podmiotu",
+  "English (US)": "Angielski (US)",
+  "German (DE)": "Niemiecki (DE)",
+  "Italian (IT)": "Włoski (IT)",
+  "French (FR)": "Francuski (FR)",
+  "Spanish (ES)": "Hiszpański (ES)",
+  "Portuguese (Portugal)": "Portugalski (Portugalia)",
+  Dutch: "Niderlandzki",
+  Polish: "Polski",
+  Croatian: "Chorwacki",
+  "Slovenian (SI)": "Słoweński (SI)",
   "Email Settings": "Ustawienia email",
   "Configure email settings for invoices": "Skonfiguruj ustawienia email dla faktur",
   "Email Address": "Adres email",

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

@@ -37,6 +37,16 @@ export default {
   "Select currency": "Selecionar moeda",
   "Select locale": "Selecionar configuração regional",
   "Configure entity localization": "Configurar a localização da entidade",
+  "English (US)": "Inglês (US)",
+  "German (DE)": "Alemão (DE)",
+  "Italian (IT)": "Italiano (IT)",
+  "French (FR)": "Francês (FR)",
+  "Spanish (ES)": "Espanhol (ES)",
+  "Portuguese (Portugal)": "Português (Portugal)",
+  Dutch: "Neerlandês",
+  Polish: "Polaco",
+  Croatian: "Croata",
+  "Slovenian (SI)": "Esloveno (SI)",
   "Email Settings": "Definições de email",
   "Configure email settings for invoices": "Configurar as definições de email para as faturas",
   "Email Address": "Endereço de email",

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

@@ -37,6 +37,16 @@ export default {
   "Select currency": "Izberite valuto",
   "Select locale": "Izberite lokalnost",
   "Configure entity localization": "Konfigurirajte lokalizacijo pravne osebe",
+  "English (US)": "Angleščina (US)",
+  "German (DE)": "Nemščina (DE)",
+  "Italian (IT)": "Italijanščina (IT)",
+  "French (FR)": "Francoščina (FR)",
+  "Spanish (ES)": "Španščina (ES)",
+  "Portuguese (Portugal)": "Portugalščina (Portugalska)",
+  Dutch: "Nizozemščina",
+  Polish: "Poljščina",
+  Croatian: "Hrvaščina",
+  "Slovenian (SI)": "Slovenščina (SI)",
   "Email Settings": "Nastavitve e-pošte",
   "Configure email settings for invoices": "Konfigurirajte nastavitve e-pošte za račune",
   "Email Address": "Naslov e-pošte",

package/src/components/entities/fina-settings-form/fina-operator-required-dialog.tsx

@@ -40,18 +40,18 @@ export const FinaOperatorRequiredDialog: FC<FinaOperatorRequiredDialogProps> = (
   const handleSubmit = (e: React.FormEvent) => {
     e.preventDefault();
     e.stopPropagation();
-    if (!operatorOib || !operatorLabel) return;
+    if (!operatorOib) return;
     updateUserSettings({
       entityId,
       data: {
         operator_oib: operatorOib,
-        operator_label: operatorLabel,
+        operator_label: operatorLabel || undefined,
       },
     });
   };
 
   const oibError = operatorOib !== "" && !/^\d{11}$/.test(operatorOib);
-  const isValid = /^\d{11}$/.test(operatorOib) && operatorLabel.trim() !== "";
+  const isValid = /^\d{11}$/.test(operatorOib);
 
   return (
     <Dialog open={open} onOpenChange={onOpenChange}>