@spaceinvoices/react-ui 0.4.2 → 0.4.4

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

@@ -1,10 +1,14 @@
 import { zodResolver } from "@hookform/resolvers/zod";
-import type { CreateEntityRequest, Entity } from "@spaceinvoices/js-sdk";
+import type { CompanyRegistryResult, CreateEntityRequest, Entity } from "@spaceinvoices/js-sdk";
+import { useEffect, useRef, useState } from "react";
 import type { Resolver } from "react-hook-form";
 import { useForm } from "react-hook-form";
+import { Autocomplete } from "@/ui/common/autocomplete";
+import { useCompanyRegistrySearch, useIsCountrySupported } from "@/ui/components/company-registry";
 import { FormInput } from "@/ui/components/form";
 import { Button } from "@/ui/components/ui/button";
-import { Form } from "@/ui/components/ui/form";
+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 ButtonLoader from "../button-loader";
@@ -16,6 +20,8 @@ export type CreateEntityFormProps = {
   accountId?: string;
   environment?: string;
   defaultName?: string;
+  countryCode?: string;
+  locale?: string;
   defaultValues?: Partial<CreateEntitySchema>;
   onSuccess?: (data: Entity) => void;
   onError?: (error: unknown) => void;
@@ -29,12 +35,44 @@ export function CreateEntityForm({
   accountId,
   environment,
   defaultName,
+  countryCode,
+  locale = "en",
   defaultValues: extraDefaults,
   onSuccess,
   onError,
 }: CreateEntityFormProps) {
   const translate = (key: string) => t(namespace ? `${namespace}.${key}` : key);
 
+  const countryName = countryCode ? new Intl.DisplayNames([locale], { type: "region" }).of(countryCode) : undefined;
+
+  // Track whether the country code is still valid (cleared when user edits country name)
+  const [activeCountryCode, setActiveCountryCode] = useState<string | undefined>(countryCode);
+  const autoFilledCountryRef = useRef(countryName);
+
+  // Company registry autocomplete state
+  const [nameSearch, setNameSearch] = useState("");
+  const { isSupported: isRegistrySupported } = useIsCountrySupported(activeCountryCode || "");
+  const { data: searchData, isLoading: isSearching } = useCompanyRegistrySearch(activeCountryCode || "", nameSearch);
+  const companies = searchData?.data || [];
+
+  const showAutocomplete = !!activeCountryCode && isRegistrySupported;
+
+  const nameOptions = companies.map((company) => {
+    const addressParts = [company.address, company.city].filter(Boolean);
+    const address = addressParts.join(", ");
+    return {
+      value: company.id,
+      label: (
+        <div className="flex flex-col overflow-hidden py-1">
+          <span className="truncate font-medium">{company.name}</span>
+          {address && <span className="truncate text-muted-foreground text-xs">{address}</span>}
+          {company.tax_number && <span className="truncate text-muted-foreground text-xs">{company.tax_number}</span>}
+        </div>
+      ),
+      company,
+    };
+  });
+
   const form = useForm<CreateEntitySchema>({
     resolver: zodResolver(createEntitySchema) as Resolver<CreateEntitySchema>,
     defaultValues: {
@@ -44,9 +82,11 @@ export function CreateEntityForm({
       post_code: "",
       city: "",
       state: "",
-      country: "",
+      country: countryName || "",
+      country_code: countryCode || "",
       tax_number: "",
       company_number: "",
+      is_tax_subject: true,
       environment: environment as "live" | "sandbox" | undefined,
       ...extraDefaults,
       // defaultName takes priority over extraDefaults.name if provided
@@ -54,6 +94,26 @@ 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);
+    } else {
+      setActiveCountryCode(countryCode);
+    }
+  }, [countryValue, countryCode]);
+
+  const handleCompanySelect = (company: CompanyRegistryResult) => {
+    form.setValue("name", company.name);
+    if (company.address) form.setValue("address", company.address);
+    if (company.post_code) form.setValue("post_code", company.post_code);
+    if (company.city) form.setValue("city", company.city);
+    if (company.tax_number) form.setValue("tax_number", company.tax_number);
+    if (company.registration_number) form.setValue("company_number", company.registration_number);
+    setNameSearch("");
+  };
+
   // Wrap onSuccess to reset form only after successful mutation
   const handleSuccess = (data: Entity) => {
     form.reset();
@@ -84,30 +144,122 @@ export function CreateEntityForm({
     }
   };
 
+  const nameValue = form.watch("name");
+
   return (
     <Form {...form}>
       <form onSubmit={form.handleSubmit(onSubmit as any)} className="space-y-4">
-        <FormInput control={form.control} name="name" label={translate("Name")} placeholder="Name" required />
+        {showAutocomplete ? (
+          <FormField
+            control={form.control}
+            name="name"
+            render={({ field }) => (
+              <FormItem>
+                <FormLabel>
+                  {translate("name")}
+                  <span className="ml-1 text-red-500">*</span>
+                </FormLabel>
+                <FormControl>
+                  <Autocomplete
+                    searchValue={nameSearch}
+                    onSearch={(v) => {
+                      setNameSearch(v);
+                      field.onChange(v || undefined);
+                    }}
+                    displayValue={nameValue || ""}
+                    options={nameOptions}
+                    onValueChange={(selectedId) => {
+                      const option = nameOptions.find((o) => o.value === selectedId);
+                      if (option?.company) {
+                        handleCompanySelect(option.company);
+                      }
+                    }}
+                    onBlur={() => {
+                      setNameSearch("");
+                    }}
+                    placeholder={translate("name")}
+                    loading={isSearching}
+                    emptyText={nameSearch.length < 2 ? translate("search-hint") : translate("no-results")}
+                  />
+                </FormControl>
+                <FormMessage />
+              </FormItem>
+            )}
+          />
+        ) : (
+          <FormInput
+            control={form.control}
+            name="name"
+            label={translate("name")}
+            placeholder={translate("name")}
+            required
+          />
+        )}
 
-        <FormInput control={form.control} name="country" label="Country" placeholder="Country" required />
+        <FormInput
+          control={form.control}
+          name="country"
+          label={translate("country")}
+          placeholder={translate("country")}
+          required
+        />
 
-        <FormInput control={form.control} name="address" label="Address" placeholder="Address" />
+        <FormInput
+          control={form.control}
+          name="address"
+          label={translate("address")}
+          placeholder={translate("address")}
+        />
 
-        <FormInput control={form.control} name="address_2" label="Address 2" placeholder="Address 2" />
+        <FormInput
+          control={form.control}
+          name="address_2"
+          label={translate("address-2")}
+          placeholder={translate("address-2")}
+        />
 
         <div className="grid grid-cols-2 gap-4">
-          <FormInput control={form.control} name="post_code" label="Post code" placeholder="Post code" />
-          <FormInput control={form.control} name="city" label="City" placeholder="City" />
+          <FormInput
+            control={form.control}
+            name="post_code"
+            label={translate("post-code")}
+            placeholder={translate("post-code")}
+          />
+          <FormInput control={form.control} name="city" label={translate("city")} placeholder={translate("city")} />
         </div>
 
-        <FormInput control={form.control} name="state" label="State" placeholder="State" />
+        <FormInput control={form.control} name="state" label={translate("state")} placeholder={translate("state")} />
 
-        <FormInput control={form.control} name="tax_number" label="Tax number" placeholder="Tax number" />
+        <div className="grid grid-cols-[1fr_auto] items-end gap-4">
+          <FormInput
+            control={form.control}
+            name="tax_number"
+            label={translate("tax-number")}
+            placeholder={translate("tax-number")}
+          />
+          <FormField
+            control={form.control}
+            name="is_tax_subject"
+            render={({ field }) => (
+              <FormItem className="flex flex-row items-center space-x-2 space-y-0 pb-2">
+                <FormControl>
+                  <Checkbox checked={field.value} onCheckedChange={field.onChange} />
+                </FormControl>
+                <FormLabel className="font-normal">{translate("is-tax-subject")}</FormLabel>
+              </FormItem>
+            )}
+          />
+        </div>
 
-        <FormInput control={form.control} name="company_number" label="Company number" placeholder="Company number" />
+        <FormInput
+          control={form.control}
+          name="company_number"
+          label={translate("company-number")}
+          placeholder={translate("company-number")}
+        />
 
         <Button type="submit" className="w-full cursor-pointer" disabled={isPending} aria-busy={isPending}>
-          {isPending ? <ButtonLoader /> : "Create"}
+          {isPending ? <ButtonLoader /> : translate("submit")}
         </Button>
       </form>
     </Form>

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

@@ -1,6 +1,6 @@
 import { zodResolver } from "@hookform/resolvers/zod";
 import type { Entity } from "@spaceinvoices/js-sdk";
-import { CreditCard, FileText, Globe, Mail, Palette, Sparkles } from "lucide-react";
+import { CreditCard, FileText, Globe, Mail, Palette, QrCode, Sparkles } from "lucide-react";
 import { useEffect, useRef, useState } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod";
@@ -67,6 +67,38 @@ const SUPPORTED_LOCALES = [
   { value: "sl-SI", label: "Slovenščina (SI)" },
 ] as const;
 
+// Countries with EPC QR feature (EU 27 + Switzerland)
+const EPC_QR_COUNTRIES = new Set([
+  "AT",
+  "BE",
+  "BG",
+  "HR",
+  "CY",
+  "CZ",
+  "DK",
+  "EE",
+  "FI",
+  "FR",
+  "DE",
+  "GR",
+  "HU",
+  "IE",
+  "IT",
+  "LV",
+  "LT",
+  "LU",
+  "MT",
+  "NL",
+  "PL",
+  "PT",
+  "RO",
+  "SK",
+  "SI",
+  "ES",
+  "SE",
+  "CH",
+]);
+
 // Form schema extends the generated patchEntitySchema but flattens nested settings for better UX
 // Uses .omit() to remove nested fields, then .extend() to add flattened versions
 // This approach keeps the base validation from the API schema while allowing a better form structure
@@ -116,6 +148,8 @@ const entitySettingsFormSchema = patchEntitySchema
         message: "Must be a 4-letter uppercase code (e.g., OTHR)",
       })
       .optional(),
+    // EPC QR settings (EU + CH)
+    epc_qr_enabled: z.union([z.boolean(), z.null()]).optional(),
   });
 
 export type EntitySettingsFormSchema = z.infer<typeof entitySettingsFormSchema>;
@@ -186,6 +220,7 @@ export function EntitySettingsForm({
       upn_qr_enabled: currentSettings.upn_qr?.enabled || false,
       upn_qr_display_mode: currentSettings.upn_qr?.display_mode || "qr_only",
       upn_qr_purpose_code: currentSettings.upn_qr?.purpose_code || "OTHR",
+      epc_qr_enabled: currentSettings.epc_qr?.enabled || false,
     },
   });
 
@@ -346,6 +381,9 @@ export function EntitySettingsForm({
                   purpose_code: values.upn_qr_purpose_code || "OTHR",
                 }
               : undefined,
+          // EPC QR settings - only include if enabled or was previously enabled
+          epc_qr:
+            values.epc_qr_enabled || currentSettings.epc_qr ? { enabled: values.epc_qr_enabled || false } : undefined,
           // Bank accounts - store in array format (preserving other accounts if any)
           bank_accounts: values.bank_account_iban
             ? [
@@ -1015,6 +1053,68 @@ export function EntitySettingsForm({
           </div>
         )}
 
+        {/* EPC QR Section - For EU + CH entities */}
+        {EPC_QR_COUNTRIES.has((entity as any).country_code) && (
+          <div className="grid gap-8 border-t pt-8 lg:grid-cols-2">
+            <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-sky-500/10">
+                  <QrCode className="h-5 w-5 text-sky-600 dark:text-sky-400" />
+                </div>
+                <div>
+                  <h3 className="font-semibold text-lg">{translate("EPC QR Payment")}</h3>
+                  <p className="text-muted-foreground text-sm">
+                    {translate("SEPA credit transfer QR code for invoices")}
+                  </p>
+                </div>
+              </div>
+
+              <div className="space-y-6 pl-[52px]">
+                <FormField
+                  control={form.control}
+                  name="epc_qr_enabled"
+                  render={({ field }) => (
+                    <FormItem className="flex flex-row items-center justify-between rounded-lg border p-4">
+                      <div className="space-y-0.5">
+                        <FormLabel className="font-medium text-base">
+                          {translate("Enable EPC QR on invoices")}
+                        </FormLabel>
+                        <FormDescription className="text-xs">
+                          {translate("Show SEPA QR code on EUR invoices for easy bank payments")}
+                        </FormDescription>
+                      </div>
+                      <FormControl>
+                        <Switch
+                          checked={field.value || false}
+                          onCheckedChange={field.onChange}
+                          disabled={!form.watch("bank_account_iban")}
+                        />
+                      </FormControl>
+                    </FormItem>
+                  )}
+                />
+              </div>
+            </div>
+
+            {/* Help Content */}
+            <div className="hidden lg:block">
+              <div className="sticky top-6 space-y-3 border-muted border-l-2 pl-4">
+                <div className="flex items-start gap-2">
+                  <QrCode className="mt-0.5 h-4 w-4 shrink-0 text-muted-foreground/70" />
+                  <div className="space-y-2">
+                    <p className="font-medium text-muted-foreground text-sm">{translate("EPC QR Payments")}</p>
+                    <p className="text-muted-foreground/80 text-xs leading-relaxed">
+                      {translate(
+                        "EPC QR is a European standard for SEPA credit transfers. When enabled, EUR invoices include a QR code that customers can scan with their banking app to pay instantly.",
+                      )}
+                    </p>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        )}
+
         {/* Document Defaults Section */}
         <div className="grid gap-8 border-t pt-8 lg:grid-cols-2">
           <div className="space-y-4">

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

@@ -191,4 +191,13 @@ export default {
   "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.",
+  // EPC QR Payment section
+  "EPC QR Payment": "EPC QR Zahlung",
+  "SEPA credit transfer QR code for invoices": "SEPA-Überweisungs-QR-Code für Rechnungen",
+  "Enable EPC QR on invoices": "EPC QR auf Rechnungen aktivieren",
+  "Show SEPA QR code on EUR invoices for easy bank payments":
+    "SEPA-QR-Code auf EUR-Rechnungen für einfache Bankzahlungen anzeigen",
+  "EPC QR Payments": "EPC QR Zahlungen",
+  "EPC QR is a European standard for SEPA credit transfers. When enabled, EUR invoices include a QR code that customers can scan with their banking app to pay instantly.":
+    "EPC QR ist ein europäischer Standard für SEPA-Überweisungen. Wenn aktiviert, enthalten EUR-Rechnungen einen QR-Code, den Kunden mit ihrer Banking-App scannen können, um sofort zu bezahlen.",
 } as const;

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

@@ -196,4 +196,13 @@ export default {
   "Enter EU consumer sales clause...": "Introduzca la cláusula de venta a consumidores de la UE...",
   "tax-clauses.other.description":
     "Estos tipos de transacciones normalmente no requieren cláusulas fiscales específicas, pero puede configurarlas según sea necesario.",
+  // EPC QR Payment section
+  "EPC QR Payment": "Pago EPC QR",
+  "SEPA credit transfer QR code for invoices": "Código QR de transferencia SEPA para facturas",
+  "Enable EPC QR on invoices": "Activar EPC QR en facturas",
+  "Show SEPA QR code on EUR invoices for easy bank payments":
+    "Mostrar código QR SEPA en facturas en EUR para pagos bancarios fáciles",
+  "EPC QR Payments": "Pagos EPC QR",
+  "EPC QR is a European standard for SEPA credit transfers. When enabled, EUR invoices include a QR code that customers can scan with their banking app to pay instantly.":
+    "EPC QR es un estándar europeo para transferencias SEPA. Cuando está activado, las facturas en EUR incluyen un código QR que los clientes pueden escanear con su app bancaria para pagar al instante.",
 } as const;

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

@@ -195,4 +195,13 @@ export default {
   "Enter EU consumer sales clause...": "Entrez la clause de vente aux consommateurs UE...",
   "tax-clauses.other.description":
     "Ces types de transactions ne nécessitent généralement pas de clauses fiscales spécifiques, mais vous pouvez les configurer selon vos besoins.",
+  // EPC QR Payment section
+  "EPC QR Payment": "Paiement EPC QR",
+  "SEPA credit transfer QR code for invoices": "Code QR de virement SEPA pour les factures",
+  "Enable EPC QR on invoices": "Activer EPC QR sur les factures",
+  "Show SEPA QR code on EUR invoices for easy bank payments":
+    "Afficher le code QR SEPA sur les factures en EUR pour des paiements bancaires faciles",
+  "EPC QR Payments": "Paiements EPC QR",
+  "EPC QR is a European standard for SEPA credit transfers. When enabled, EUR invoices include a QR code that customers can scan with their banking app to pay instantly.":
+    "EPC QR est un standard européen pour les virements SEPA. Lorsqu'il est activé, les factures en EUR incluent un code QR que les clients peuvent scanner avec leur application bancaire pour payer instantanément.",
 } as const;

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

@@ -188,4 +188,13 @@ export default {
   "Enter EU consumer sales clause...": "Unesite klauzulu za prodaju EU potrošačima...",
   "tax-clauses.other.description":
     "Ove vrste transakcija obično ne zahtijevaju posebne porezne klauzule, ali ih možete konfigurirati prema potrebi.",
+  // EPC QR Payment section
+  "EPC QR Payment": "EPC QR plaćanje",
+  "SEPA credit transfer QR code for invoices": "SEPA QR kod za kreditne transfere na fakturama",
+  "Enable EPC QR on invoices": "Omogući EPC QR na fakturama",
+  "Show SEPA QR code on EUR invoices for easy bank payments":
+    "Prikaži SEPA QR kod na EUR fakturama za jednostavno bankovne uplate",
+  "EPC QR Payments": "EPC QR plaćanja",
+  "EPC QR is a European standard for SEPA credit transfers. When enabled, EUR invoices include a QR code that customers can scan with their banking app to pay instantly.":
+    "EPC QR je europski standard za SEPA kreditne transfere. Kada je omogućen, EUR fakture uključuju QR kod koji kupci mogu skenirati bankovnom aplikacijom za trenutačno plaćanje.",
 } as const;

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

@@ -194,4 +194,13 @@ export default {
   "Enter EU consumer sales clause...": "Inserisci la clausola per vendite ai consumatori UE...",
   "tax-clauses.other.description":
     "Questi tipi di transazioni di solito non richiedono clausole fiscali specifiche, ma puoi configurarle secondo necessità.",
+  // EPC QR Payment section
+  "EPC QR Payment": "Pagamento EPC QR",
+  "SEPA credit transfer QR code for invoices": "Codice QR per bonifico SEPA sulle fatture",
+  "Enable EPC QR on invoices": "Attiva EPC QR sulle fatture",
+  "Show SEPA QR code on EUR invoices for easy bank payments":
+    "Mostra il codice QR SEPA sulle fatture in EUR per pagamenti bancari facili",
+  "EPC QR Payments": "Pagamenti EPC QR",
+  "EPC QR is a European standard for SEPA credit transfers. When enabled, EUR invoices include a QR code that customers can scan with their banking app to pay instantly.":
+    "EPC QR è uno standard europeo per i bonifici SEPA. Quando attivato, le fatture in EUR includono un codice QR che i clienti possono scansionare con la loro app bancaria per pagare istantaneamente.",
 } as const;

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

@@ -191,4 +191,13 @@ export default {
   "Enter EU consumer sales clause...": "Voer de EU-consumentenverkoopclausule in...",
   "tax-clauses.other.description":
     "Deze soorten transacties vereisen doorgaans geen specifieke belastingclausules, maar u kunt ze naar behoefte configureren.",
+  // EPC QR Payment section
+  "EPC QR Payment": "EPC QR Betaling",
+  "SEPA credit transfer QR code for invoices": "SEPA-overboeking QR-code voor facturen",
+  "Enable EPC QR on invoices": "EPC QR op facturen inschakelen",
+  "Show SEPA QR code on EUR invoices for easy bank payments":
+    "Toon SEPA QR-code op EUR-facturen voor eenvoudige bankbetalingen",
+  "EPC QR Payments": "EPC QR Betalingen",
+  "EPC QR is a European standard for SEPA credit transfers. When enabled, EUR invoices include a QR code that customers can scan with their banking app to pay instantly.":
+    "EPC QR is een Europese standaard voor SEPA-overboekingen. Wanneer ingeschakeld, bevatten EUR-facturen een QR-code die klanten kunnen scannen met hun bankapp om direct te betalen.",
 } as const;

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

@@ -192,4 +192,13 @@ export default {
   "Enter EU consumer sales clause...": "Wprowadź klauzulę sprzedaży konsumenckiej UE...",
   "tax-clauses.other.description":
     "Te rodzaje transakcji zwykle nie wymagają specyficznych klauzul podatkowych, ale możesz je skonfigurować w razie potrzeby.",
+  // EPC QR Payment section
+  "EPC QR Payment": "Płatność EPC QR",
+  "SEPA credit transfer QR code for invoices": "Kod QR przelewu SEPA na fakturach",
+  "Enable EPC QR on invoices": "Włącz EPC QR na fakturach",
+  "Show SEPA QR code on EUR invoices for easy bank payments":
+    "Pokaż kod QR SEPA na fakturach EUR dla łatwych płatności bankowych",
+  "EPC QR Payments": "Płatności EPC QR",
+  "EPC QR is a European standard for SEPA credit transfers. When enabled, EUR invoices include a QR code that customers can scan with their banking app to pay instantly.":
+    "EPC QR to europejski standard dla przelewów SEPA. Po włączeniu faktury EUR zawierają kod QR, który klienci mogą zeskanować aplikacją bankową, aby natychmiast zapłacić.",
 } as const;

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

@@ -193,4 +193,13 @@ export default {
   "Enter EU consumer sales clause...": "Introduza a cláusula de venda ao consumidor UE...",
   "tax-clauses.other.description":
     "Estes tipos de transações normalmente não requerem cláusulas fiscais específicas, mas pode configurá-las conforme necessário.",
+  // EPC QR Payment section
+  "EPC QR Payment": "Pagamento EPC QR",
+  "SEPA credit transfer QR code for invoices": "Código QR de transferência SEPA para faturas",
+  "Enable EPC QR on invoices": "Ativar EPC QR nas faturas",
+  "Show SEPA QR code on EUR invoices for easy bank payments":
+    "Mostrar código QR SEPA em faturas EUR para pagamentos bancários fáceis",
+  "EPC QR Payments": "Pagamentos EPC QR",
+  "EPC QR is a European standard for SEPA credit transfers. When enabled, EUR invoices include a QR code that customers can scan with their banking app to pay instantly.":
+    "EPC QR é um padrão europeu para transferências SEPA. Quando ativado, as faturas em EUR incluem um código QR que os clientes podem digitalizar com a sua app bancária para pagar instantaneamente.",
 } as const;

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

@@ -187,4 +187,13 @@ export default {
   "Enter EU consumer sales clause...": "Vnesite klavzulo za EU potrošniško prodajo...",
   "tax-clauses.other.description":
     "Te vrste transakcij običajno ne zahtevajo posebnih davčnih klavzul, vendar jih lahko konfigurirate po potrebi.",
+  // EPC QR Payment section
+  "EPC QR Payment": "EPC QR plačilo",
+  "SEPA credit transfer QR code for invoices": "SEPA QR koda za kreditne prenose na računih",
+  "Enable EPC QR on invoices": "Omogoči EPC QR na računih",
+  "Show SEPA QR code on EUR invoices for easy bank payments":
+    "Prikaži SEPA QR kodo na EUR računih za enostavna bančna plačila",
+  "EPC QR Payments": "EPC QR plačila",
+  "EPC QR is a European standard for SEPA credit transfers. When enabled, EUR invoices include a QR code that customers can scan with their banking app to pay instantly.":
+    "EPC QR je evropski standard za SEPA kreditne prenose. Ko je omogočen, EUR računi vključujejo QR kodo, ki jo stranke lahko skenirajo z bančno aplikacijo za takojšnje plačilo.",
 } as const;