@spaceinvoices/react-ui 0.4.6 → 0.4.8

package/src/components/dashboard/top-customers-chart/use-top-customers.ts

@@ -1,68 +1,57 @@
 /**
  * Top customers hook using the entity stats API.
  * Server-side aggregation by customer for accurate rankings.
+ * Sends 1 query in a batch request.
  */
 import type { StatsQueryDataItem } from "@spaceinvoices/js-sdk";
-import { useQuery } from "@tanstack/react-query";
-import { useSDK } from "@/ui/providers/sdk-provider";
-import { STATS_QUERY_CACHE_KEY } from "../shared/use-stats-query";
+import { useStatsQuery } from "../shared/use-stats-query";
 
 export const TOP_CUSTOMERS_CACHE_KEY = "dashboard-top-customers";
 
 export type TopCustomersData = { name: string; revenue: number }[];
 
 export function useTopCustomersData(entityId: string | undefined, limit = 5) {
-  const { sdk } = useSDK();
-
-  const query = useQuery({
-    queryKey: [STATS_QUERY_CACHE_KEY, entityId, "top-customers", limit],
-    queryFn: async () => {
-      if (!entityId || !sdk) throw new Error("Missing entity or SDK");
-      return sdk.entityStats.queryEntityStats(
-        {
-          metrics: [
-            { type: "sum", field: "total_with_tax_converted", alias: "revenue" },
-            { type: "count", alias: "invoice_count" },
-          ],
-          table: "invoices",
-          filters: { is_draft: false, voided_at: null },
-          group_by: ["customer_name", "quote_currency"], // Include currency for display
-          order_by: [{ field: "revenue", direction: "desc" }],
-          limit: limit * 2, // Get more results to aggregate across currencies
-        },
-        { entity_id: entityId },
-      );
+  const query = useStatsQuery(
+    entityId,
+    {
+      metrics: [
+        { type: "sum", field: "total_with_tax_converted", alias: "revenue" },
+        { type: "count", alias: "invoice_count" },
+      ],
+      table: "invoices",
+      filters: { is_draft: false, voided_at: null },
+      group_by: ["customer_name", "quote_currency"],
+      order_by: [{ field: "revenue", direction: "desc" }],
+      limit: limit * 2,
     },
-    enabled: !!entityId && !!sdk,
-    staleTime: 120_000,
-    select: (response) => {
-      const data = response.data || [];
-
-      // Aggregate by customer name (in case of multiple quote_currency rows)
-      const customerMap: Record<string, number> = {};
-      let currency = "EUR";
-
-      for (const row of data as StatsQueryDataItem[]) {
-        const name = String(row.customer_name || "Unknown");
-        customerMap[name] = (customerMap[name] || 0) + (Number(row.revenue) || 0);
-        // Get currency from first row with data
-        if (row.quote_currency && currency === "EUR") {
-          currency = String(row.quote_currency);
+    {
+      select: (response) => {
+        const data = response.data || [];
+
+        // Aggregate by customer name (in case of multiple quote_currency rows)
+        const customerMap: Record<string, number> = {};
+        let currency = "EUR";
+
+        for (const row of data as StatsQueryDataItem[]) {
+          const name = String(row.customer_name || "Unknown");
+          customerMap[name] = (customerMap[name] || 0) + (Number(row.revenue) || 0);
+          if (row.quote_currency && currency === "EUR") {
+            currency = String(row.quote_currency);
+          }
         }
-      }
 
-      // Convert to array, sort by revenue, and take top 'limit'
-      const customers = Object.entries(customerMap)
-        .map(([name, revenue]) => ({ name, revenue }))
-        .sort((a, b) => b.revenue - a.revenue)
-        .slice(0, limit);
+        const customers = Object.entries(customerMap)
+          .map(([name, revenue]) => ({ name, revenue }))
+          .sort((a, b) => b.revenue - a.revenue)
+          .slice(0, limit);
 
-      return {
-        data: customers,
-        currency, // Currency from document data
-      };
+        return {
+          data: customers,
+          currency,
+        };
+      },
     },
-  });
+  );
 
   return {
     data: query.data?.data || [],

package/src/components/delivery-notes/create/create-delivery-note-form.tsx

@@ -10,7 +10,7 @@ import { Form } from "@/ui/components/ui/form";
 import { Label } from "@/ui/components/ui/label";
 import { createDeliveryNoteSchema } from "@/ui/generated/schemas";
 import { useNextDocumentNumber } from "@/ui/hooks/use-next-document-number";
-import { useViesCheck } from "@/ui/hooks/use-vies-check";
+import { useTransactionTypeCheck } from "@/ui/hooks/use-transaction-type-check";
 import type { ComponentTranslationProps } from "@/ui/lib/translation";
 import { createTranslation } from "@/ui/lib/translation";
 import { useEntities } from "@/ui/providers/entities-context";
@@ -202,12 +202,13 @@ export default function CreateDeliveryNoteForm({
     transactionType,
     isFetching: isViesFetching,
     warning: viesWarning,
-  } = useViesCheck({
+  } = useTransactionTypeCheck({
     issuerCountryCode: activeEntity?.country_code,
     isTaxSubject: activeEntity?.is_tax_subject ?? true,
     customerCountry: formValues.customer?.country,
     customerCountryCode: formValues.customer?.country_code,
     customerTaxNumber: formValues.customer?.tax_number,
+    customerIsEndConsumer: (formValues.customer as any)?.is_end_consumer,
     enabled: !!activeEntity,
   });
 

package/src/components/delivery-notes/create/locales/de.ts

@@ -59,7 +59,8 @@ export default {
   Domestic: "Inland",
   "EU B2B": "EU B2B",
   "EU B2C": "EU B2C",
-  Export: "Export",
+  "3W B2B": "3W B2B",
+  "3W B2C": "3W B2C",
   "Determining transaction type...": "Transaktionstyp wird ermittelt...",
   "This invoice will not be fiscalized (non-domestic transaction)":
     "Diese Rechnung wird nicht fiskalisiert (nicht-inländische Transaktion)",

package/src/components/delivery-notes/create/locales/es.ts

@@ -58,7 +58,8 @@ export default {
   Domestic: "Nacional",
   "EU B2B": "EU B2B",
   "EU B2C": "EU B2C",
-  Export: "Exportación",
+  "3W B2B": "3W B2B",
+  "3W B2C": "3W B2C",
   "Determining transaction type...": "Determinando tipo de transacción...",
   "This invoice will not be fiscalized (non-domestic transaction)":
     "Esta factura no será fiscalizada (transacción no nacional)",

package/src/components/delivery-notes/create/locales/fr.ts

@@ -59,7 +59,8 @@ export default {
   Domestic: "Nationale",
   "EU B2B": "EU B2B",
   "EU B2C": "EU B2C",
-  Export: "Exportation",
+  "3W B2B": "3W B2B",
+  "3W B2C": "3W B2C",
   "Determining transaction type...": "Détermination du type de transaction...",
   "This invoice will not be fiscalized (non-domestic transaction)":
     "Cette facture ne sera pas fiscalisée (transaction non nationale)",

package/src/components/delivery-notes/create/locales/hr.ts

@@ -58,7 +58,8 @@ export default {
   Domestic: "Domaća",
   "EU B2B": "EU B2B",
   "EU B2C": "EU B2C",
-  Export: "Izvoz",
+  "3W B2B": "3W B2B",
+  "3W B2C": "3W B2C",
   "Determining transaction type...": "Određivanje vrste transakcije...",
   "This invoice will not be fiscalized (non-domestic transaction)":
     "Ovaj račun neće biti fiskaliziran (nedomaća transakcija)",

package/src/components/delivery-notes/create/locales/it.ts

@@ -58,7 +58,8 @@ export default {
   Domestic: "Nazionale",
   "EU B2B": "EU B2B",
   "EU B2C": "EU B2C",
-  Export: "Esportazione",
+  "3W B2B": "3W B2B",
+  "3W B2C": "3W B2C",
   "Determining transaction type...": "Determinazione tipo di transazione...",
   "This invoice will not be fiscalized (non-domestic transaction)":
     "Questa fattura non sarà fiscalizzata (transazione non nazionale)",

package/src/components/delivery-notes/create/locales/nl.ts

@@ -59,7 +59,8 @@ export default {
   Domestic: "Binnenland",
   "EU B2B": "EU B2B",
   "EU B2C": "EU B2C",
-  Export: "Export",
+  "3W B2B": "3W B2B",
+  "3W B2C": "3W B2C",
   "Determining transaction type...": "Transactietype bepalen...",
   "This invoice will not be fiscalized (non-domestic transaction)":
     "Deze factuur wordt niet gefiscaliseerd (niet-binnenlandse transactie)",

package/src/components/delivery-notes/create/locales/pl.ts

@@ -58,7 +58,8 @@ export default {
   Domestic: "Krajowa",
   "EU B2B": "EU B2B",
   "EU B2C": "EU B2C",
-  Export: "Eksport",
+  "3W B2B": "3W B2B",
+  "3W B2C": "3W B2C",
   "Determining transaction type...": "Określanie typu transakcji...",
   "This invoice will not be fiscalized (non-domestic transaction)":
     "Ta faktura nie będzie fiskalizowana (transakcja niekrajowa)",

package/src/components/delivery-notes/create/locales/pt.ts

@@ -59,7 +59,8 @@ export default {
   Domestic: "Nacional",
   "EU B2B": "EU B2B",
   "EU B2C": "EU B2C",
-  Export: "Exportação",
+  "3W B2B": "3W B2B",
+  "3W B2C": "3W B2C",
   "Determining transaction type...": "Determinando tipo de transação...",
   "This invoice will not be fiscalized (non-domestic transaction)":
     "Esta fatura não será fiscalizada (transação não nacional)",

package/src/components/delivery-notes/create/locales/sl.ts

@@ -58,7 +58,8 @@ export default {
   Domestic: "Domača",
   "EU B2B": "EU B2B",
   "EU B2C": "EU B2C",
-  Export: "Izvoz",
+  "3W B2B": "3W B2B",
+  "3W B2C": "3W B2C",
   "Determining transaction type...": "Določanje vrste transakcije...",
   "This invoice will not be fiscalized (non-domestic transaction)":
     "Ta račun ne bo fiskaliziran (nedomača transakcija)",

package/src/components/documents/create/document-details-section.tsx

@@ -2,7 +2,7 @@
  * Shared document details section for invoices and estimates
  * Handles: number, date, and document-type-specific date field (date_due or date_valid_till)
  */
-import type { Entity, Estimate, Invoice, ViesCheckResponse } from "@spaceinvoices/js-sdk";
+import type { Entity, Estimate, Invoice, TransactionTypeCheckResponse } from "@spaceinvoices/js-sdk";
 import { CalendarIcon, ChevronDown, Globe, Info, Loader2 } from "lucide-react";
 import { useRef, useState } from "react";
 import { Badge } from "@/ui/components/ui/badge";
@@ -596,20 +596,22 @@ export function DocumentNoteField({
  * Tax clause field component with smart code insertion button
  * Similar to DocumentNoteField, auto-populated from entity settings based on transaction type
  */
-type TransactionType = ViesCheckResponse["transaction_type"];
+type TransactionType = TransactionTypeCheckResponse["transaction_type"];
 
 const TRANSACTION_TYPE_LABELS: Record<NonNullable<TransactionType>, string> = {
   domestic: "Domestic",
   intra_eu_b2b: "EU B2B",
   intra_eu_b2c: "EU B2C",
-  export: "Export",
+  "3w_b2b": "3W B2B",
+  "3w_b2c": "3W B2C",
 };
 
 const TRANSACTION_TYPE_VARIANTS: Record<NonNullable<TransactionType>, "secondary" | "default" | "outline"> = {
   domestic: "secondary",
   intra_eu_b2b: "default",
   intra_eu_b2c: "outline",
-  export: "outline",
+  "3w_b2b": "outline",
+  "3w_b2c": "outline",
 };
 
 export function DocumentTaxClauseField({

package/src/components/documents/create/document-recipient-section.tsx

@@ -4,8 +4,10 @@
  */
 import { X } from "lucide-react";
 import { useEffect, useRef } from "react";
+import { useController } from "react-hook-form";
 import { FormInput } from "@/ui/components/form";
 import { Button } from "@/ui/components/ui/button";
+import { Checkbox } from "@/ui/components/ui/checkbox";
 import { Label } from "@/ui/components/ui/label";
 import { cn } from "@/ui/lib/utils";
 import { CustomerAutocomplete } from "../../customers/customer-autocomplete";
@@ -22,6 +24,8 @@ type DocumentRecipientSectionProps = {
   selectedCustomerId?: string;
   /** Initial customer name for display (used when duplicating documents) */
   initialCustomerName?: string;
+  /** Show end consumer (B2C) toggle next to tax number (Croatian entity + domestic transaction) */
+  showEndConsumerToggle?: boolean;
   t: (key: string) => string;
 };
 
@@ -34,10 +38,16 @@ export function DocumentRecipientSection({
   shouldFocusName,
   selectedCustomerId,
   initialCustomerName,
+  showEndConsumerToggle,
   t,
 }: DocumentRecipientSectionProps) {
   const nameInputRef = useRef<HTMLInputElement>(null);
 
+  const endConsumerController = useController({
+    control: control as any,
+    name: "customer.is_end_consumer" as any,
+  });
+
   useEffect(() => {
     if (showCustomerForm && shouldFocusName) {
       // Small delay to ensure the input is rendered
@@ -93,7 +103,26 @@ export function DocumentRecipientSection({
             <FormInput control={control} name="customer.country" placeholder={t("Country")} label="" />
           </div>
 
-          <FormInput control={control} name="customer.tax_number" placeholder={t("Tax Number")} label="" />
+          <div className="flex items-center gap-3">
+            <div className="flex-1">
+              <FormInput control={control} name="customer.tax_number" placeholder={t("Tax Number")} label="" />
+            </div>
+            {showEndConsumerToggle && (
+              <div className="flex items-center gap-1.5 pt-0.5">
+                <Checkbox
+                  id="is_end_consumer"
+                  checked={endConsumerController.field.value === true}
+                  onCheckedChange={(checked) => endConsumerController.field.onChange(checked === true)}
+                />
+                <Label
+                  htmlFor="is_end_consumer"
+                  className="cursor-pointer whitespace-nowrap font-normal text-muted-foreground text-sm"
+                >
+                  {t("End consumer")}
+                </Label>
+              </div>
+            )}
+          </div>
         </>
       )}
     </div>

package/src/components/documents/create/live-preview.tsx

@@ -1,11 +1,11 @@
 "use client";
 
 import type { CreateInvoiceRequest } from "@spaceinvoices/js-sdk";
-import { Loader2 } from "lucide-react";
 import { useCallback, useEffect, useRef, useState } from "react";
 import { cn } from "@/ui/lib/utils";
 import { useEntities } from "@/ui/providers/entities-context";
 import { useSDK } from "@/ui/providers/sdk-provider";
+import { DocumentPreviewSkeleton } from "../shared/document-preview-skeleton";
 import { ScaledDocumentPreview } from "../shared/scaled-document-preview";
 import { useA4Scaling } from "../shared/use-a4-scaling";
 import type { DocumentTypes } from "../types";
@@ -58,7 +58,7 @@ export function LiveInvoicePreview({
   locale: _locale,
   fixedScale,
   t: tProp,
-  documentTypeLabel,
+  documentTypeLabel: _documentTypeLabel,
   documentType = "invoice",
   qrOverrides,
 }: LiveInvoicePreviewProps) {
@@ -235,18 +235,10 @@ export function LiveInvoicePreview({
     };
   }, []);
 
+  const showSkeleton = (!previewHtml && !error) || (isLoading && !previewHtml);
+
   return (
     <div ref={containerRef} className={cn("relative", className)}>
-      {/* Loading overlay */}
-      {isLoading && (
-        <div className="absolute inset-0 z-10 flex items-center justify-center bg-background/80 backdrop-blur-sm">
-          <div className="flex flex-col items-center gap-2">
-            <Loader2 className="h-8 w-8 animate-spin text-primary" />
-            <p className="text-muted-foreground text-sm">{t("Generating preview...")}</p>
-          </div>
-        </div>
-      )}
-
       {/* Error state */}
       {error && !isLoading && (
         <div className="flex min-h-[200px] items-center justify-center rounded-lg border border-destructive/50 bg-destructive/10 p-8">
@@ -257,25 +249,20 @@ export function LiveInvoicePreview({
         </div>
       )}
 
-      {/* Empty state */}
-      {!previewHtml && !isLoading && !error && (
-        <div className="flex min-h-[200px] items-center justify-center rounded-lg border border-dashed p-8">
-          <div className="text-center">
-            <p className="font-semibold text-muted-foreground">{documentTypeLabel || t("Document Preview")}</p>
-            <p className="text-muted-foreground text-sm">{t("Start filling the form to see a live preview")}</p>
-          </div>
-        </div>
-      )}
+      {/* Skeleton: shown on initial load and when loading without existing preview */}
+      {showSkeleton && <DocumentPreviewSkeleton />}
 
       {/* Preview - Scoped HTML injection with A4 scaling */}
       {previewHtml && !error && (
-        <ScaledDocumentPreview
-          htmlContent={previewHtml}
-          scale={scale}
-          contentHeight={contentHeight}
-          A4_WIDTH_PX={A4_WIDTH_PX}
-          contentRef={contentRef}
-        />
+        <div className={cn(isLoading && "opacity-50 transition-opacity duration-200")}>
+          <ScaledDocumentPreview
+            htmlContent={previewHtml}
+            scale={scale}
+            contentHeight={contentHeight}
+            A4_WIDTH_PX={A4_WIDTH_PX}
+            contentRef={contentRef}
+          />
+        </div>
       )}
     </div>
   );

package/src/components/documents/create/prepare-document-submission.ts

@@ -7,6 +7,7 @@ type CustomerData = {
   state?: string | null;
   country?: string | null;
   tax_number?: string | null;
+  is_end_consumer?: boolean | null;
   save_customer?: boolean;
 };
 

package/src/components/documents/create/use-document-customer-form.ts

@@ -14,6 +14,7 @@ export type CustomerData = {
   state?: string | null;
   country?: string | null;
   tax_number?: string | null;
+  is_end_consumer?: boolean | null;
 };
 
 /**
@@ -97,6 +98,7 @@ export function useDocumentCustomerForm<TForm extends DocumentFormWithCustomer>(
           state: toFormValue(customer.state),
           country: toFormValue(customer.country),
           tax_number: toFormValue(customer.tax_number),
+          is_end_consumer: customer.is_end_consumer ?? undefined,
         } as PathValue<TForm, Path<TForm>>,
       );
       setOriginalCustomer(null);
@@ -115,6 +117,7 @@ export function useDocumentCustomerForm<TForm extends DocumentFormWithCustomer>(
         state: toFormValue(customer.state),
         country: toFormValue(customer.country),
         tax_number: toFormValue(customer.tax_number),
+        is_end_consumer: customer.is_end_consumer ?? undefined,
       };
 
       setValue("customer" as Path<TForm>, customerData as PathValue<TForm, Path<TForm>>);
@@ -140,6 +143,7 @@ export function useDocumentCustomerForm<TForm extends DocumentFormWithCustomer>(
         state: undefined,
         country: undefined,
         tax_number: undefined,
+        is_end_consumer: true,
       } as PathValue<TForm, Path<TForm>>,
     );
     setOriginalCustomer(null);

package/src/components/documents/shared/document-preview-skeleton.tsx

@@ -0,0 +1,63 @@
+import { Skeleton } from "@/ui/components/ui/skeleton";
+
+/** A4-shaped skeleton that mimics a document layout */
+export function DocumentPreviewSkeleton() {
+  return (
+    <div className="rounded-lg border bg-neutral-100 p-4">
+      <div className="mx-auto bg-white p-8" style={{ maxWidth: 794, aspectRatio: "210 / 297" }}>
+        {/* Header: logo + company info */}
+        <div className="flex justify-between">
+          <Skeleton className="h-10 w-32 bg-neutral-200" />
+          <div className="flex flex-col items-end gap-1.5">
+            <Skeleton className="h-3 w-40 bg-neutral-200" />
+            <Skeleton className="h-3 w-32 bg-neutral-200" />
+            <Skeleton className="h-3 w-28 bg-neutral-200" />
+          </div>
+        </div>
+
+        {/* Title */}
+        <Skeleton className="mt-8 h-5 w-28 bg-neutral-200" />
+
+        {/* Recipient + details row */}
+        <div className="mt-6 flex justify-between">
+          <div className="flex flex-col gap-1.5">
+            <Skeleton className="h-3 w-36 bg-neutral-200" />
+            <Skeleton className="h-3 w-28 bg-neutral-200" />
+            <Skeleton className="h-3 w-24 bg-neutral-200" />
+          </div>
+          <div className="flex flex-col items-end gap-1.5">
+            <Skeleton className="h-3 w-24 bg-neutral-200" />
+            <Skeleton className="h-3 w-20 bg-neutral-200" />
+            <Skeleton className="h-3 w-24 bg-neutral-200" />
+          </div>
+        </div>
+
+        {/* Table header */}
+        <div className="mt-8 flex gap-4 border-b pb-2">
+          <Skeleton className="h-3 w-8 bg-neutral-200" />
+          <Skeleton className="h-3 flex-1 bg-neutral-200" />
+          <Skeleton className="h-3 w-12 bg-neutral-200" />
+          <Skeleton className="h-3 w-16 bg-neutral-200" />
+          <Skeleton className="h-3 w-16 bg-neutral-200" />
+        </div>
+        {/* Table rows */}
+        {[1, 2, 3].map((i) => (
+          <div key={i} className="flex gap-4 border-b py-2.5">
+            <Skeleton className="h-3 w-8 bg-neutral-200" />
+            <Skeleton className="h-3 flex-1 bg-neutral-200" />
+            <Skeleton className="h-3 w-12 bg-neutral-200" />
+            <Skeleton className="h-3 w-16 bg-neutral-200" />
+            <Skeleton className="h-3 w-16 bg-neutral-200" />
+          </div>
+        ))}
+
+        {/* Totals */}
+        <div className="mt-4 flex flex-col items-end gap-1.5">
+          <Skeleton className="h-3 w-32 bg-neutral-200" />
+          <Skeleton className="h-3 w-28 bg-neutral-200" />
+          <Skeleton className="h-4 w-36 bg-neutral-200" />
+        </div>
+      </div>
+    </div>
+  );
+}

package/src/components/documents/shared/index.ts

@@ -1,3 +1,4 @@
 export { DocumentPreviewDisplay, InvoicePreviewDisplay } from "./document-preview-display";
+export { DocumentPreviewSkeleton } from "./document-preview-skeleton";
 export { ScaledDocumentPreview } from "./scaled-document-preview";
 export { useA4Scaling } from "./use-a4-scaling";

package/src/components/documents/view/document-actions-bar.tsx

@@ -81,8 +81,10 @@ interface DocumentActionsBarProps extends ComponentTranslationProps {
   onDuplicate?: (targetType: DocumentType) => void;
   /** Called when user wants to edit the document */
   onEdit?: () => void;
-  /** Whether the document is editable (not voided, not FURS fiscalized) */
+  /** Whether the document is editable (not voided, not fiscalized) */
   isEditable?: boolean;
+  /** Reason why editing is disabled (shown as tooltip) */
+  editDisabledReason?: string;
   /** Called when user wants to finalize a draft document */
   onFinalize?: () => void;
   /** Whether finalization is in progress */
@@ -119,6 +121,7 @@ export function DocumentActionsBar({
   onDuplicate,
   onEdit,
   isEditable,
+  editDisabledReason,
   onFinalize,
   isFinalizing,
   onDeleteDraft,
@@ -233,12 +236,31 @@ export function DocumentActionsBar({
       )}
 
       {/* Edit */}
-      {onEdit && isEditable && (
-        <Button variant="outline" size="sm" onClick={onEdit} className="cursor-pointer">
-          <Pencil className="mr-2 h-4 w-4" />
-          {t("Edit")}
-        </Button>
-      )}
+      {onEdit &&
+        (isEditable ? (
+          <Button variant="outline" size="sm" onClick={onEdit} className="cursor-pointer">
+            <Pencil className="mr-2 h-4 w-4" />
+            {t("Edit")}
+          </Button>
+        ) : (
+          <Tooltip>
+            <TooltipTrigger asChild>
+              <Button
+                variant="outline"
+                size="sm"
+                aria-disabled="true"
+                className="pointer-events-auto opacity-50"
+                onClick={(e) => e.preventDefault()}
+              >
+                <Pencil className="mr-2 h-4 w-4" />
+                {t("Edit")}
+              </Button>
+            </TooltipTrigger>
+            <TooltipContent>
+              <p>{editDisabledReason}</p>
+            </TooltipContent>
+          </Tooltip>
+        ))}
 
       {/* Share Link */}
       {shareUrl ? (

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

@@ -184,9 +184,12 @@ export default {
   "tax-clauses.intra_eu_b2b.description":
     "Für Verkäufe an EU-Unternehmen mit gültiger USt-IdNr. Enthält typischerweise eine Reverse-Charge-Erklärung.",
   "Enter reverse charge clause...": "Reverse-Charge-Klausel eingeben...",
-  "tax-clauses.export.label": "Export (Nicht-EU)",
-  "tax-clauses.export.description":
-    "Für Verkäufe an Kunden außerhalb der EU. Enthält typischerweise die Steuerbefreiung für Exporte.",
+  "tax-clauses.3w_b2b.label": "Nicht-EU B2B (Export)",
+  "tax-clauses.3w_b2b.description":
+    "Für Verkäufe an Unternehmen außerhalb der EU. Enthält typischerweise die Steuerbefreiung für Exporte.",
+  "tax-clauses.3w_b2c.label": "Nicht-EU B2C (Export)",
+  "tax-clauses.3w_b2c.description":
+    "Für Verkäufe an Verbraucher außerhalb der EU. Enthält typischerweise die Steuerbefreiung für Exporte.",
   "Enter export exemption clause...": "Exportbefreiungsklausel eingeben...",
   "tax-clauses.domestic.label": "Standard / Inländisch",
   "tax-clauses.domestic.description":

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

@@ -189,9 +189,12 @@ export default {
   "tax-clauses.intra_eu_b2b.description":
     "Para ventas a empresas de la UE con números de IVA válidos. Normalmente incluye una declaración de inversión del sujeto pasivo.",
   "Enter reverse charge clause...": "Introduzca la cláusula de inversión del sujeto pasivo...",
-  "tax-clauses.export.label": "Exportación (fuera de la UE)",
-  "tax-clauses.export.description":
-    "Para ventas a clientes fuera de la UE. Normalmente indica la exención de IVA por exportación.",
+  "tax-clauses.3w_b2b.label": "Fuera de UE B2B (exportación)",
+  "tax-clauses.3w_b2b.description":
+    "Para ventas a empresas fuera de la UE. Normalmente indica la exención de IVA por exportación.",
+  "tax-clauses.3w_b2c.label": "Fuera de UE B2C (exportación)",
+  "tax-clauses.3w_b2c.description":
+    "Para ventas a consumidores fuera de la UE. Normalmente indica la exención de IVA por exportación.",
   "Enter export exemption clause...": "Introduzca la cláusula de exención de exportación...",
   "tax-clauses.domestic.label": "Predeterminado / Nacional",
   "tax-clauses.domestic.description":

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

@@ -188,9 +188,12 @@ export default {
   "tax-clauses.intra_eu_b2b.description":
     "Pour les ventes à des entreprises UE avec des numéros de TVA valides. Inclut généralement une déclaration d'autoliquidation.",
   "Enter reverse charge clause...": "Entrez la clause d'autoliquidation...",
-  "tax-clauses.export.label": "Exportation (hors UE)",
-  "tax-clauses.export.description":
-    "Pour les ventes à des clients hors UE. Indique généralement l'exonération de TVA à l'exportation.",
+  "tax-clauses.3w_b2b.label": "Hors UE B2B (exportation)",
+  "tax-clauses.3w_b2b.description":
+    "Pour les ventes à des entreprises hors UE. Indique généralement l'exonération de TVA à l'exportation.",
+  "tax-clauses.3w_b2c.label": "Hors UE B2C (exportation)",
+  "tax-clauses.3w_b2c.description":
+    "Pour les ventes à des consommateurs hors UE. Indique généralement l'exonération de TVA à l'exportation.",
   "Enter export exemption clause...": "Entrez la clause d'exonération à l'exportation...",
   "tax-clauses.domestic.label": "Par défaut / National",
   "tax-clauses.domestic.description":