@spaceinvoices/react-ui 0.4.11 → 0.4.31

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

@@ -0,0 +1,20 @@
+export default {
+  "PDF Template": "PDF Template",
+  "Choose the design template for your invoices and documents":
+    "Choose the design template for your invoices and documents",
+  Preview: "Preview",
+  Template: "Template",
+  Modern: "Modern",
+  "Modern template description": "Modern template description",
+  Classic: "Classic",
+  "Classic template description": "Classic template description",
+  Condensed: "Condensed",
+  "Condensed template description": "Condensed template description",
+  Minimal: "Minimal",
+  "Minimal template description": "Minimal template description",
+  Fashion: "Fashion",
+  "Fashion template description": "Fashion template description",
+  "Save Template": "Save Template",
+  "Template saved successfully": "Template saved successfully",
+  "Failed to save template": "Failed to save template",
+} as const;

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

@@ -0,0 +1,19 @@
+export default {
+  "PDF Template": "PDF sniðmát",
+  "Choose the design template for your invoices and documents": "Veldu hönnunarsniðmát fyrir reikninga og skjöl",
+  Preview: "Forskoðun",
+  Template: "Sniðmát",
+  Modern: "Nútímalegt",
+  "Modern template description": "Modern template description",
+  Classic: "Hefðbundið",
+  "Classic template description": "Classic template description",
+  Condensed: "Þjappað",
+  "Condensed template description": "Condensed template description",
+  Minimal: "Einfalt",
+  "Minimal template description": "Minimal template description",
+  Fashion: "Tíska",
+  "Fashion template description": "Fashion template description",
+  "Save Template": "Vista sniðmát",
+  "Template saved successfully": "Sniðmát vistað",
+  "Failed to save template": "Ekki tókst að vista sniðmát",
+} as const;

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

@@ -0,0 +1,19 @@
+export default {
+  "PDF Template": "PDF-mal",
+  "Choose the design template for your invoices and documents": "Velg designmal for fakturaer og dokumenter",
+  Preview: "Forhåndsvisning",
+  Template: "Mal",
+  Modern: "Moderne",
+  "Modern template description": "Modern template description",
+  Classic: "Klassisk",
+  "Classic template description": "Classic template description",
+  Condensed: "Kompakt",
+  "Condensed template description": "Condensed template description",
+  Minimal: "Minimal",
+  "Minimal template description": "Minimal template description",
+  Fashion: "Fashion",
+  "Fashion template description": "Fashion template description",
+  "Save Template": "Lagre mal",
+  "Template saved successfully": "Mal lagret",
+  "Failed to save template": "Kunne ikke lagre mal",
+} as const;

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

@@ -0,0 +1,20 @@
+export default {
+  "PDF Template": "PDF šablóna",
+  "Choose the design template for your invoices and documents":
+    "Vyberte dizajnovu šablónu pre vaše faktúry a dokumenty",
+  Preview: "Náhľad",
+  Template: "Šablóna",
+  Modern: "Moderná",
+  "Modern template description": "Modern template description",
+  Classic: "Klasická",
+  "Classic template description": "Classic template description",
+  Condensed: "Kompaktná",
+  "Condensed template description": "Condensed template description",
+  Minimal: "Minimalistická",
+  "Minimal template description": "Minimal template description",
+  Fashion: "Módna",
+  "Fashion template description": "Fashion template description",
+  "Save Template": "Uložiť šablónu",
+  "Template saved successfully": "Šablóna bola úspešne ulozena",
+  "Failed to save template": "Nepodarilo sa uložiť šablónu",
+} as const;

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

@@ -0,0 +1,19 @@
+export default {
+  "PDF Template": "PDF-mall",
+  "Choose the design template for your invoices and documents": "Välj designmall för dina fakturor och dokument",
+  Preview: "Förhandsgranskning",
+  Template: "Mall",
+  Modern: "Modern",
+  "Modern template description": "Modern template description",
+  Classic: "Klassisk",
+  "Classic template description": "Classic template description",
+  Condensed: "Kompakt",
+  "Condensed template description": "Condensed template description",
+  Minimal: "Minimal",
+  "Minimal template description": "Minimal template description",
+  Fashion: "Fashion",
+  "Fashion template description": "Fashion template description",
+  "Save Template": "Spara mall",
+  "Template saved successfully": "Mall sparad",
+  "Failed to save template": "Kunde inte spara mall",
+} as const;

package/src/components/entities/settings/tax-rules-settings-form.tsx

@@ -2,7 +2,7 @@ import { zodResolver } from "@hookform/resolvers/zod";
 import type { Entity, EntitySettings, EntitySettingsTaxClauseDefaults, TaxRules } from "@spaceinvoices/js-sdk";
 import { ChevronDown, Globe, MessageSquareText } from "lucide-react";
 import type { ReactNode } from "react";
-import { useState } from "react";
+import { useEffect, useMemo, useRef, useState } from "react";
 import { useForm } from "react-hook-form";
 import { z } from "zod";
 import { Collapsible, CollapsibleContent, CollapsibleTrigger } from "@/ui/components/ui/collapsible";
@@ -17,6 +17,7 @@ import {
 } from "@/ui/components/ui/form";
 import { Switch } from "@/ui/components/ui/switch";
 import { Textarea } from "@/ui/components/ui/textarea";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/ui/components/ui/select";
 import type { ComponentTranslationProps } from "@/ui/lib/translation";
 import { createTranslation } from "@/ui/lib/translation";
 import { cn } from "@/ui/lib/utils";
@@ -28,6 +29,7 @@ import sl from "../entity-settings-form/locales/sl";
 const translations = { sl, de } as const;
 
 const taxRulesSettingsSchema = z.object({
+  calculation_mode: z.enum(["b2b_standard", "b2c_gross_discount"]),
   vies_validate_vat: z.boolean(),
   auto_reverse_charge: z.boolean(),
   auto_remove_tax_export: z.boolean(),
@@ -60,11 +62,12 @@ export function TaxRulesSettingsForm({
   t: translateProp,
   namespace,
   locale,
+  translationLocale,
   onSuccess,
   onError,
   renderSection,
 }: TaxRulesSettingsFormProps) {
-  const t = createTranslation({ t: translateProp, namespace, locale, translations });
+  const t = createTranslation({ t: translateProp, namespace, locale, translationLocale, translations });
   const [taxClausesOpen, setTaxClausesOpen] = useState(false);
 
   // Helper to wrap section content with render prop if provided
@@ -80,9 +83,9 @@ export function TaxRulesSettingsForm({
   const currentTaxClauseDefaults =
     (currentSettings.tax_clause_defaults as EntitySettingsTaxClauseDefaults | null) || {};
 
-  const form = useForm<TaxRulesSettingsSchema>({
-    resolver: zodResolver(taxRulesSettingsSchema),
-    defaultValues: {
+  const defaultValues = useMemo(
+    (): TaxRulesSettingsSchema => ({
+      calculation_mode: currentSettings.calculation?.default_mode ?? "b2b_standard",
       vies_validate_vat: currentTaxRules.vies_validate_vat ?? true,
       auto_reverse_charge: currentTaxRules.auto_reverse_charge ?? false,
       auto_remove_tax_export: currentTaxRules.auto_remove_tax_export ?? false,
@@ -92,8 +95,23 @@ export function TaxRulesSettingsForm({
       tax_clause_3w_b2c: (currentTaxClauseDefaults as any)["3w_b2c"] ?? currentTaxClauseDefaults.export ?? "",
       tax_clause_domestic: currentTaxClauseDefaults.domestic ?? "",
       tax_clause_intra_eu_b2c: currentTaxClauseDefaults.intra_eu_b2c ?? "",
-    },
+    }),
+    [currentTaxClauseDefaults, currentTaxRules],
+  );
+  const form = useForm<TaxRulesSettingsSchema>({
+    resolver: zodResolver(taxRulesSettingsSchema),
+    defaultValues,
   });
+  const previousDefaultValuesKeyRef = useRef<string | undefined>(undefined);
+  const defaultValuesKey = JSON.stringify(defaultValues);
+
+  useEffect(() => {
+    if (previousDefaultValuesKeyRef.current === defaultValuesKey) {
+      return;
+    }
+    previousDefaultValuesKeyRef.current = defaultValuesKey;
+    form.reset(defaultValues);
+  }, [defaultValues, defaultValuesKey, form]);
 
   const { mutate: updateEntity, isPending } = useUpdateEntity({
     entityId: entity.id,
@@ -114,6 +132,10 @@ export function TaxRulesSettingsForm({
   const onSubmit = (values: TaxRulesSettingsSchema) => {
     const updatedSettings: EntitySettings = {
       ...currentSettings,
+      calculation: {
+        ...currentSettings.calculation,
+        default_mode: values.calculation_mode,
+      },
       tax_rules: {
         eu: {
           vies_validate_vat: values.vies_validate_vat,
@@ -150,6 +172,35 @@ export function TaxRulesSettingsForm({
   // Tax rules section content (switches)
   const taxRulesContent = (
     <div className="space-y-4">
+      <FormField
+        control={form.control}
+        name="calculation_mode"
+        render={({ field }) => (
+          <FormItem className="rounded-lg border p-4">
+            <FormLabel className="text-base">{t("tax-rules.calculation_mode.label")}</FormLabel>
+            <FormDescription>{t("tax-rules.calculation_mode.description")}</FormDescription>
+            <FormControl>
+              <Select value={field.value} onValueChange={field.onChange}>
+                <SelectTrigger className="mt-3">
+                  <SelectValue />
+                </SelectTrigger>
+                <SelectContent>
+                  <SelectItem value="b2b_standard">{t("tax-rules.calculation_mode.b2b_standard.label")}</SelectItem>
+                  <SelectItem value="b2c_gross_discount">
+                    {t("tax-rules.calculation_mode.b2c_gross_discount.label")}
+                  </SelectItem>
+                </SelectContent>
+              </Select>
+            </FormControl>
+            <div className="mt-3 space-y-1 text-muted-foreground text-sm">
+              <p>{t("tax-rules.calculation_mode.b2b_standard.description")}</p>
+              <p>{t("tax-rules.calculation_mode.b2c_gross_discount.description")}</p>
+            </div>
+            <FormMessage />
+          </FormItem>
+        )}
+      />
+
       <FormField
         control={form.control}
         name="vies_validate_vat"