@spaceinvoices/react-ui 0.4.4 → 0.4.6

package/src/components/advance-invoices/list/list-row-actions.tsx

@@ -1,6 +1,6 @@
 import type { AdvanceInvoice } from "@spaceinvoices/js-sdk";
 
-import { Copy, Download, Eye, Link2Off, Loader2, MoreHorizontal, Plus } from "lucide-react";
+import { Ban, Copy, Download, Eye, Link2Off, Loader2, MoreHorizontal, Plus } from "lucide-react";
 import { Button } from "@/ui/components/ui/button";
 import {
   DropdownMenu,
@@ -11,6 +11,7 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/ui/components/ui/dropdown-menu";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/ui/components/ui/tooltip";
 import type { ComponentTranslationProps } from "@/ui/lib/translation";
 import { createTranslation } from "@/ui/lib/translation";
 import { useAdvanceInvoiceDownload } from "./use-advance-invoice-download";
@@ -25,6 +26,8 @@ type AdvanceInvoiceListRowActionsProps = {
   onDownloadError?: (error: string) => void;
   onUnshare?: (advanceInvoice: AdvanceInvoice) => Promise<void>;
   isUnsharing?: boolean;
+  onVoid?: (advanceInvoice: AdvanceInvoice) => void;
+  isVoiding?: boolean;
 } & ComponentTranslationProps;
 
 export default function AdvanceInvoiceListRowActions({
@@ -37,6 +40,8 @@ export default function AdvanceInvoiceListRowActions({
   onDownloadError,
   onUnshare,
   isUnsharing,
+  onVoid,
+  isVoiding,
   ...i18nProps
 }: AdvanceInvoiceListRowActionsProps) {
   const t = createTranslation(i18nProps);
@@ -110,6 +115,48 @@ export default function AdvanceInvoiceListRowActions({
             </DropdownMenuGroup>
           </>
         )}
+        {onVoid &&
+          !(advanceInvoice as any).voided_at &&
+          !(advanceInvoice as any).is_draft &&
+          (() => {
+            const isLinked = (advanceInvoice as any).document_relations?.some(
+              (rel: any) => rel.relation_type === "advance_applied" || rel.relation_type === "applied_to",
+            );
+            const voidDisabled = isVoiding || isLinked;
+            const voidItem = (
+              <DropdownMenuItem
+                className={
+                  voidDisabled
+                    ? "text-destructive opacity-50"
+                    : "cursor-pointer text-destructive focus:text-destructive"
+                }
+                onClick={() => !voidDisabled && onVoid(advanceInvoice)}
+                disabled={voidDisabled}
+              >
+                {isVoiding ? <Loader2 className="h-4 w-4 animate-spin" /> : <Ban className="h-4 w-4" />}
+                {t("Void")}
+              </DropdownMenuItem>
+            );
+            return (
+              <>
+                <DropdownMenuSeparator />
+                <DropdownMenuGroup>
+                  {isLinked ? (
+                    <Tooltip>
+                      <TooltipTrigger asChild>
+                        <div>{voidItem}</div>
+                      </TooltipTrigger>
+                      <TooltipContent side="left">
+                        {t("Cannot void an advance invoice linked to an invoice")}
+                      </TooltipContent>
+                    </Tooltip>
+                  ) : (
+                    voidItem
+                  )}
+                </DropdownMenuGroup>
+              </>
+            );
+          })()}
       </DropdownMenuContent>
     </DropdownMenu>
   );

package/src/components/advance-invoices/list/list-table.tsx

@@ -56,9 +56,12 @@ type AdvanceInvoiceListTableProps = {
   onDownloadSuccess?: (fileName: string) => void;
   onDownloadError?: (error: string) => void;
   onExportSelected?: (documentIds: string[]) => void;
+  onCopyToInvoice?: (documentIds: string[]) => void;
   onRetryFiscalization?: (documentIds: string[]) => void;
   fiscalizationFeatures?: ("furs" | "fina")[];
   onCreateNew?: () => void;
+  onVoid?: (advanceInvoice: AdvanceInvoice) => void;
+  isVoiding?: boolean;
 } & ListTableProps<AdvanceInvoice>;
 
 export default function AdvanceInvoiceListTable({
@@ -73,9 +76,12 @@ export default function AdvanceInvoiceListTable({
   onDownloadSuccess,
   onDownloadError,
   onExportSelected,
+  onCopyToInvoice,
   onRetryFiscalization,
   fiscalizationFeatures,
   onCreateNew,
+  onVoid,
+  isVoiding,
   ...i18nProps
 }: AdvanceInvoiceListTableProps) {
   const t = createTranslation({
@@ -97,6 +103,7 @@ export default function AdvanceInvoiceListTable({
       prev_cursor: params.prev_cursor,
       search: params.search,
       query: params.query,
+      include: "document_relations",
     });
     return response as unknown as TableQueryResponse<AdvanceInvoice>;
   }, entityId);
@@ -118,6 +125,12 @@ export default function AdvanceInvoiceListTable({
     }
   }, [selectedIds, onExportSelected]);
 
+  const handleCopyToInvoice = useCallback(() => {
+    if (selectedIds.size > 0 && onCopyToInvoice) {
+      onCopyToInvoice(Array.from(selectedIds));
+    }
+  }, [selectedIds, onCopyToInvoice]);
+
   const handleDeselectAll = useCallback(() => {
     setSelectedIds(new Set());
   }, []);
@@ -140,6 +153,7 @@ export default function AdvanceInvoiceListTable({
         <SelectionToolbar
           selectedCount={count}
           onExportPdfs={onExportSelected ? handleExportPdfs : undefined}
+          onCopyToInvoice={onCopyToInvoice ? handleCopyToInvoice : undefined}
           onRetryFiscalization={showRetry ? () => onRetryFiscalization(failedDocs.map((d) => d.id)) : undefined}
           retryFiscalizationDisabled={someFailed && !allFailed}
           retryFiscalizationTooltip={
@@ -152,8 +166,10 @@ export default function AdvanceInvoiceListTable({
     },
     [
       handleExportPdfs,
+      handleCopyToInvoice,
       handleDeselectAll,
       onExportSelected,
+      onCopyToInvoice,
       onRetryFiscalization,
       fiscalizationFeatures,
       selectedIds,
@@ -240,6 +256,8 @@ export default function AdvanceInvoiceListTable({
             onDownloadStart={onDownloadStart}
             onDownloadSuccess={onDownloadSuccess}
             onDownloadError={onDownloadError}
+            onVoid={onVoid}
+            isVoiding={isVoiding}
             t={t}
             locale={i18nProps.locale}
           />
@@ -255,6 +273,8 @@ export default function AdvanceInvoiceListTable({
       onDownloadStart,
       onDownloadSuccess,
       onDownloadError,
+      onVoid,
+      isVoiding,
       i18nProps.locale,
       fiscalizationFeatures,
     ],
@@ -274,7 +294,7 @@ export default function AdvanceInvoiceListTable({
       filterConfig={filterConfig}
       t={t}
       locale={i18nProps.locale}
-      selectable={!!(onExportSelected || onRetryFiscalization)}
+      selectable={!!(onExportSelected || onCopyToInvoice || onRetryFiscalization)}
       selectedIds={selectedIds}
       onSelectionChange={setSelectedIds}
       selectionToolbar={selectionToolbar}

package/src/components/advance-invoices/list/locales/de.ts

@@ -47,4 +47,8 @@ export default {
   "FINA fiscalization failed": "FINA fiscalization failed",
   "Retry Fiscalization": "Retry Fiscalization",
   "Some selected documents don't have failed fiscalization": "Some selected documents don't have failed fiscalization",
+  "Copy to Invoice": "In Rechnung kopieren",
+  Void: "Stornieren",
+  "Cannot void an advance invoice linked to an invoice":
+    "Stornierung einer mit einer Rechnung verknüpften Anzahlungsrechnung nicht möglich",
 } as const;

package/src/components/advance-invoices/list/locales/en.ts

@@ -13,4 +13,7 @@ export default {
   "FINA fiscalization failed": "FINA fiscalization failed",
   "Retry Fiscalization": "Retry Fiscalization",
   "Some selected documents don't have failed fiscalization": "Some selected documents don't have failed fiscalization",
+  "Copy to Invoice": "Copy to Invoice",
+  Void: "Void",
+  "Cannot void an advance invoice linked to an invoice": "Cannot void an advance invoice linked to an invoice",
 } as const;

package/src/components/advance-invoices/list/locales/es.ts

@@ -47,4 +47,8 @@ export default {
   "FINA fiscalization failed": "FINA fiscalization failed",
   "Retry Fiscalization": "Retry Fiscalization",
   "Some selected documents don't have failed fiscalization": "Some selected documents don't have failed fiscalization",
+  "Copy to Invoice": "Copiar a factura",
+  Void: "Anular",
+  "Cannot void an advance invoice linked to an invoice":
+    "No se puede anular una factura anticipada vinculada a una factura",
 } as const;

package/src/components/advance-invoices/list/locales/fr.ts

@@ -47,4 +47,8 @@ export default {
   "FINA fiscalization failed": "FINA fiscalization failed",
   "Retry Fiscalization": "Retry Fiscalization",
   "Some selected documents don't have failed fiscalization": "Some selected documents don't have failed fiscalization",
+  "Copy to Invoice": "Copier vers facture",
+  Void: "Annuler",
+  "Cannot void an advance invoice linked to an invoice":
+    "Impossible d'annuler une facture d'acompte liée à une facture",
 } as const;

package/src/components/advance-invoices/list/locales/hr.ts

@@ -47,4 +47,7 @@ export default {
   "FINA fiscalization failed": "FINA fiskalizacija nije uspjela",
   "Retry Fiscalization": "Ponovi fiskalizaciju",
   "Some selected documents don't have failed fiscalization": "Neki odabrani dokumenti nemaju neuspjelu fiskalizaciju",
+  "Copy to Invoice": "Kopiraj u račun",
+  Void: "Storniraj",
+  "Cannot void an advance invoice linked to an invoice": "Nije moguće poništiti avansni račun povezan s računom",
 } as const;

package/src/components/advance-invoices/list/locales/it.ts

@@ -47,4 +47,8 @@ export default {
   "FINA fiscalization failed": "FINA fiscalization failed",
   "Retry Fiscalization": "Retry Fiscalization",
   "Some selected documents don't have failed fiscalization": "Some selected documents don't have failed fiscalization",
+  "Copy to Invoice": "Copia in fattura",
+  Void: "Annulla",
+  "Cannot void an advance invoice linked to an invoice":
+    "Impossibile annullare una fattura anticipata collegata a una fattura",
 } as const;

package/src/components/advance-invoices/list/locales/nl.ts

@@ -47,4 +47,8 @@ export default {
   "FINA fiscalization failed": "FINA fiscalization failed",
   "Retry Fiscalization": "Retry Fiscalization",
   "Some selected documents don't have failed fiscalization": "Some selected documents don't have failed fiscalization",
+  "Copy to Invoice": "Kopieer naar factuur",
+  Void: "Nietig verklaren",
+  "Cannot void an advance invoice linked to an invoice":
+    "Kan een voorschotfactuur gekoppeld aan een factuur niet ongeldig maken",
 } as const;

package/src/components/advance-invoices/list/locales/pl.ts

@@ -47,4 +47,7 @@ export default {
   "FINA fiscalization failed": "FINA fiscalization failed",
   "Retry Fiscalization": "Retry Fiscalization",
   "Some selected documents don't have failed fiscalization": "Some selected documents don't have failed fiscalization",
+  "Copy to Invoice": "Kopiuj do faktury",
+  Void: "Anuluj",
+  "Cannot void an advance invoice linked to an invoice": "Nie można anulować faktury zaliczkowej powiązanej z fakturą",
 } as const;

package/src/components/advance-invoices/list/locales/pt.ts

@@ -47,4 +47,8 @@ export default {
   "FINA fiscalization failed": "FINA fiscalization failed",
   "Retry Fiscalization": "Retry Fiscalization",
   "Some selected documents don't have failed fiscalization": "Some selected documents don't have failed fiscalization",
+  "Copy to Invoice": "Copiar para fatura",
+  Void: "Anular",
+  "Cannot void an advance invoice linked to an invoice":
+    "Não é possível anular uma fatura antecipada vinculada a uma fatura",
 } as const;

package/src/components/advance-invoices/list/locales/sl.ts

@@ -47,4 +47,7 @@ export default {
   "FINA fiscalization failed": "FINA fiskalizacija ni uspela",
   "Retry Fiscalization": "Ponovi fiskalizacijo",
   "Some selected documents don't have failed fiscalization": "Nekateri izbrani dokumenti nimajo neuspele fiskalizacije",
+  "Copy to Invoice": "Kopiraj v račun",
+  Void: "Storniraj",
+  "Cannot void an advance invoice linked to an invoice": "Ni mogoče razveljaviti predračuna, ki je povezan z računom",
 } as const;

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

@@ -9,6 +9,7 @@ import { Form } from "@/ui/components/ui/form";
 import { Skeleton } from "@/ui/components/ui/skeleton";
 import { createCreditNoteSchema } from "@/ui/generated/schemas";
 import { useNextDocumentNumber } from "@/ui/hooks/use-next-document-number";
+import { useViesCheck } from "@/ui/hooks/use-vies-check";
 import type { ComponentTranslationProps } from "@/ui/lib/translation";
 import { createTranslation } from "@/ui/lib/translation";
 import { useEntities } from "@/ui/providers/entities-context";
@@ -16,8 +17,11 @@ import { useFormFooterRegistration } from "@/ui/providers/form-footer-context";
 import { CUSTOMERS_CACHE_KEY } from "../../customers/customers.hooks";
 import {
   DocumentDetailsSection,
+  DocumentFooterField,
   DocumentNoteField,
   DocumentPaymentTermsField,
+  DocumentSignatureField,
+  DocumentTaxClauseField,
 } from "../../documents/create/document-details-section";
 import { DocumentItemsSection, type PriceModesMap } from "../../documents/create/document-items-section";
 import { DocumentRecipientSection } from "../../documents/create/document-recipient-section";
@@ -128,8 +132,8 @@ export default function CreateCreditNoteForm({
   const hasFinaPremises = activeFinaPremises.length > 0;
 
   // FINA premise/device selection state (no skip - all FINA credit notes must be fiscalized)
-  const [selectedFinaPremiseId, setSelectedFinaPremiseId] = useState<string | undefined>();
-  const [selectedFinaDeviceId, setSelectedFinaDeviceId] = useState<string | undefined>();
+  const [selectedFinaBusinessPremiseName, setSelectedFinaBusinessPremiseName] = useState<string | undefined>();
+  const [selectedFinaElectronicDeviceName, setSelectedFinaElectronicDeviceName] = useState<string | undefined>();
 
   // UI-only state (not part of API schema)
   const [markAsPaid, setMarkAsPaid] = useState(false);
@@ -199,22 +203,24 @@ export default function CreateCreditNoteForm({
 
   // Get active FINA devices for selected premise
   const activeFinaDevices = useMemo(() => {
-    if (!selectedFinaPremiseId) return [];
-    const premise = activeFinaPremises.find((p: any) => p.premise_id === selectedFinaPremiseId);
+    if (!selectedFinaBusinessPremiseName) return [];
+    const premise = activeFinaPremises.find((p: any) => p.business_premise_name === selectedFinaBusinessPremiseName);
     return premise?.Devices?.filter((d: any) => d.is_active) || [];
-  }, [activeFinaPremises, selectedFinaPremiseId]);
+  }, [activeFinaPremises, selectedFinaBusinessPremiseName]);
 
   // Initialize FINA selection from localStorage or first active combo
   useEffect(() => {
-    if (!isFinaEnabled || !hasFinaPremises || selectedFinaPremiseId) return;
+    if (!isFinaEnabled || !hasFinaPremises || selectedFinaBusinessPremiseName) return;
 
     const lastUsed = getLastUsedFinaCombo(entityId);
     if (lastUsed) {
-      const premise = activeFinaPremises.find((p: any) => p.premise_id === lastUsed.premise_id);
-      const device = premise?.Devices?.find((d: any) => d.device_id === lastUsed.device_id && d.is_active);
+      const premise = activeFinaPremises.find((p: any) => p.business_premise_name === lastUsed.business_premise_name);
+      const device = premise?.Devices?.find(
+        (d: any) => d.electronic_device_name === lastUsed.electronic_device_name && d.is_active,
+      );
       if (premise && device) {
-        setSelectedFinaPremiseId(lastUsed.premise_id);
-        setSelectedFinaDeviceId(lastUsed.device_id);
+        setSelectedFinaBusinessPremiseName(lastUsed.business_premise_name);
+        setSelectedFinaElectronicDeviceName(lastUsed.electronic_device_name);
         return;
       }
     }
@@ -222,30 +228,31 @@ export default function CreateCreditNoteForm({
     const firstPremise = activeFinaPremises[0];
     const firstDevice = firstPremise?.Devices?.find((d: any) => d.is_active);
     if (firstPremise && firstDevice) {
-      setSelectedFinaPremiseId(firstPremise.premise_id);
-      setSelectedFinaDeviceId(firstDevice.device_id);
+      setSelectedFinaBusinessPremiseName(firstPremise.business_premise_name);
+      setSelectedFinaElectronicDeviceName(firstDevice.electronic_device_name);
     }
-  }, [isFinaEnabled, hasFinaPremises, activeFinaPremises, entityId, selectedFinaPremiseId]);
+  }, [isFinaEnabled, hasFinaPremises, activeFinaPremises, entityId, selectedFinaBusinessPremiseName]);
 
   // When FINA premise changes, select first active device
   useEffect(() => {
-    if (!selectedFinaPremiseId) return;
-    const premise = activeFinaPremises.find((p: any) => p.premise_id === selectedFinaPremiseId);
+    if (!selectedFinaBusinessPremiseName) return;
+    const premise = activeFinaPremises.find((p: any) => p.business_premise_name === selectedFinaBusinessPremiseName);
     const firstDevice = premise?.Devices?.find((d: any) => d.is_active);
-    if (firstDevice && selectedFinaDeviceId !== firstDevice.device_id) {
+    if (firstDevice && selectedFinaElectronicDeviceName !== firstDevice.electronic_device_name) {
       const currentDeviceInPremise = premise?.Devices?.find(
-        (d: any) => d.device_id === selectedFinaDeviceId && d.is_active,
+        (d: any) => d.electronic_device_name === selectedFinaElectronicDeviceName && d.is_active,
       );
       if (!currentDeviceInPremise) {
-        setSelectedFinaDeviceId(firstDevice.device_id);
+        setSelectedFinaElectronicDeviceName(firstDevice.electronic_device_name);
       }
     }
-  }, [selectedFinaPremiseId, activeFinaPremises, selectedFinaDeviceId]);
+  }, [selectedFinaBusinessPremiseName, activeFinaPremises, selectedFinaElectronicDeviceName]);
 
   // FINA selection ready and active checks
   const isFinaSelectionReady =
-    !isFinaEnabled || !hasFinaPremises || (!!selectedFinaPremiseId && !!selectedFinaDeviceId);
-  const isFinaActive = isFinaEnabled && hasFinaPremises && selectedFinaPremiseId && selectedFinaDeviceId;
+    !isFinaEnabled || !hasFinaPremises || (!!selectedFinaBusinessPremiseName && !!selectedFinaElectronicDeviceName);
+  const isFinaActive =
+    isFinaEnabled && hasFinaPremises && selectedFinaBusinessPremiseName && selectedFinaElectronicDeviceName;
 
   // ============================================================================
   // Next Credit Note Number Preview
@@ -262,8 +269,9 @@ export default function CreateCreditNoteForm({
 
   // No header action for credit notes - FINA can't be skipped
 
-  // Get default payment terms from entity settings
+  // Get default payment terms and footer from entity settings
   const defaultPaymentTerms = (activeEntity?.settings as any)?.default_credit_note_payment_terms || "";
+  const defaultFooter = (activeEntity?.settings as any)?.document_footer || "";
 
   const form = useForm<CreateCreditNoteFormValues>({
     // Cast resolver to accept extended form type (includes UI-only fields)
@@ -275,13 +283,18 @@ export default function CreateCreditNoteForm({
       // Cast customer to form schema type (API type may have additional fields)
       customer: (initialValues?.customer as CreateCreditNoteFormValues["customer"]) ?? undefined,
       items: initialValues?.items?.length
-        ? initialValues.items.map((item) => ({
+        ? initialValues.items.map((item: any) => ({
+            type: item.type,
             name: item.name || "",
             description: item.description || "",
-            quantity: item.quantity ?? 1,
-            // Use gross_price if set, otherwise use price
-            price: item.gross_price ?? item.price,
-            taxes: item.taxes || [],
+            ...(item.type !== "separator"
+              ? {
+                  quantity: item.quantity ?? 1,
+                  // Use gross_price if set, otherwise use price
+                  price: item.gross_price ?? item.price,
+                  taxes: item.taxes || [],
+                }
+              : {}),
           }))
         : [
             {
@@ -293,8 +306,11 @@ export default function CreateCreditNoteForm({
             },
           ],
       currency_code: initialValues?.currency_code || activeEntity?.currency_code || "EUR",
+      reference: (initialValues as any)?.reference ?? "",
       note: initialValues?.note ?? "",
+      tax_clause: (initialValues as any)?.tax_clause ?? "",
       payment_terms: initialValues?.payment_terms ?? defaultPaymentTerms,
+      footer: (initialValues as any)?.footer ?? defaultFooter,
     },
   });
 
@@ -302,6 +318,41 @@ export default function CreateCreditNoteForm({
     control: form.control,
   });
 
+  // ============================================================================
+  // VIES Check - determine if reverse charge applies
+  // ============================================================================
+  const {
+    reverseChargeApplies,
+    transactionType,
+    customerCountryCode: viesCustomerCountryCode,
+    isFetching: isViesFetching,
+    warning: viesWarning,
+  } = useViesCheck({
+    issuerCountryCode: activeEntity?.country_code,
+    isTaxSubject: activeEntity?.is_tax_subject ?? true,
+    customerCountry: formValues.customer?.country,
+    customerCountryCode: formValues.customer?.country_code,
+    customerTaxNumber: formValues.customer?.tax_number,
+    enabled: !!activeEntity,
+  });
+
+  // FINA non-domestic guard: hide FINA selectors for non-domestic transactions
+  const isFinaNonDomestic = isFinaEnabled && viesCustomerCountryCode != null && viesCustomerCountryCode !== "HR";
+
+  // Auto-populate tax_clause from entity settings when transaction type changes
+  const effectiveTransactionType = transactionType ?? "domestic";
+  const prevTransactionTypeRef = useRef<string | undefined>(undefined);
+  useEffect(() => {
+    if (effectiveTransactionType === prevTransactionTypeRef.current) return;
+    prevTransactionTypeRef.current = effectiveTransactionType;
+
+    const taxClauseDefaults = (activeEntity?.settings as any)?.tax_clause_defaults;
+    if (!taxClauseDefaults) return;
+
+    const clause = taxClauseDefaults[effectiveTransactionType] ?? "";
+    form.setValue("tax_clause", clause);
+  }, [effectiveTransactionType, activeEntity, form]);
+
   // Extract customer management logic into a shared hook
   const {
     originalCustomer,
@@ -331,10 +382,10 @@ export default function CreateCreditNoteForm({
         });
       }
       // Save FINA combo to localStorage on successful creation
-      if (isFinaActive && selectedFinaPremiseId && selectedFinaDeviceId) {
+      if (isFinaActive && selectedFinaBusinessPremiseName && selectedFinaElectronicDeviceName) {
         setLastUsedFinaCombo(entityId, {
-          premise_id: selectedFinaPremiseId,
-          device_id: selectedFinaDeviceId,
+          business_premise_name: selectedFinaBusinessPremiseName,
+          electronic_device_name: selectedFinaElectronicDeviceName,
         });
       }
       // Invalidate customers cache when a customer was created/linked
@@ -357,8 +408,16 @@ export default function CreateCreditNoteForm({
 
       // Build FINA options (skip for drafts; FINA can't be skipped)
       const finaOptions =
-        !isDraft && isFinaEnabled && selectedFinaPremiseId && selectedFinaDeviceId
-          ? { premise_id: selectedFinaPremiseId, device_id: selectedFinaDeviceId, payment_type: paymentTypes[0] }
+        !isDraft &&
+        isFinaEnabled &&
+        !isFinaNonDomestic &&
+        selectedFinaBusinessPremiseName &&
+        selectedFinaElectronicDeviceName
+          ? {
+              business_premise_name: selectedFinaBusinessPremiseName,
+              electronic_device_name: selectedFinaElectronicDeviceName,
+              payment_type: paymentTypes[0],
+            }
           : undefined;
 
       const payload = prepareDocumentSubmission(values, {
@@ -387,12 +446,13 @@ export default function CreateCreditNoteForm({
       createCreditNote,
       isFursEnabled,
       isFinaEnabled,
+      isFinaNonDomestic,
       markAsPaid,
       originalCustomer,
       paymentTypes,
       selectedDeviceName,
-      selectedFinaDeviceId,
-      selectedFinaPremiseId,
+      selectedFinaElectronicDeviceName,
+      selectedFinaBusinessPremiseName,
       selectedPremiseName,
       showCustomerForm,
     ],
@@ -415,7 +475,7 @@ export default function CreateCreditNoteForm({
   useFormFooterRegistration({
     formId: "create-credit-note-form",
     isPending,
-    isDirty: form.formState.isDirty,
+    isDirty: form.formState.isDirty || !!initialValues,
     label: t("Save"),
     secondaryAction: {
       label: t("Save as Draft"),
@@ -434,6 +494,14 @@ export default function CreateCreditNoteForm({
     if (entityDefaultPaymentTerms && !form.getValues("payment_terms")) {
       form.setValue("payment_terms", entityDefaultPaymentTerms);
     }
+    const entityDefaultFooter = (activeEntity?.settings as any)?.document_footer;
+    if (entityDefaultFooter && !form.getValues("footer")) {
+      form.setValue("footer", entityDefaultFooter);
+    }
+    const entityDefaultSignature = (activeEntity?.settings as any)?.default_document_signature;
+    if (entityDefaultSignature && !form.getValues("signature")) {
+      form.setValue("signature", entityDefaultSignature);
+    }
   }, [activeEntity, form]);
 
   // Auto-add tax field for tax subject entities
@@ -468,8 +536,10 @@ export default function CreateCreditNoteForm({
         customer: formValues.customer,
         items: transformedItems,
         currency_code: formValues.currency_code,
+        reference: formValues.reference,
         note: formValues.note,
         payment_terms: formValues.payment_terms,
+        signature: formValues.signature,
       };
       onChange(payload);
     }
@@ -561,14 +631,20 @@ export default function CreateCreditNoteForm({
                 : undefined
             }
             finaInline={
-              isFinaEnabled && hasFinaPremises
+              isFinaEnabled && hasFinaPremises && !isFinaNonDomestic
                 ? {
-                    premises: activeFinaPremises.map((p: any) => ({ id: p.id, premise_id: p.premise_id })),
-                    devices: activeFinaDevices.map((d: any) => ({ id: d.id, device_id: d.device_id })),
-                    selectedPremise: selectedFinaPremiseId,
-                    selectedDevice: selectedFinaDeviceId,
-                    onPremiseChange: setSelectedFinaPremiseId,
-                    onDeviceChange: setSelectedFinaDeviceId,
+                    premises: activeFinaPremises.map((p: any) => ({
+                      id: p.id,
+                      business_premise_name: p.business_premise_name,
+                    })),
+                    devices: activeFinaDevices.map((d: any) => ({
+                      id: d.id,
+                      electronic_device_name: d.electronic_device_name,
+                    })),
+                    selectedPremise: selectedFinaBusinessPremiseName,
+                    selectedDevice: selectedFinaElectronicDeviceName,
+                    onPremiseChange: setSelectedFinaBusinessPremiseName,
+                    onDeviceChange: setSelectedFinaElectronicDeviceName,
                   }
                 : undefined
             }
@@ -597,6 +673,10 @@ export default function CreateCreditNoteForm({
           maxTaxesPerItem={activeEntity?.country_rules?.max_taxes_per_item}
           priceModesRef={priceModesRef}
           initialPriceModes={initialPriceModes}
+          taxesDisabled={reverseChargeApplies}
+          taxesDisabledMessage={
+            reverseChargeApplies ? t("Reverse charge - tax exempt EU B2B sale") : viesWarning ? viesWarning : undefined
+          }
         />
 
         <DocumentNoteField
@@ -611,6 +691,21 @@ export default function CreateCreditNoteForm({
           }}
         />
 
+        <DocumentTaxClauseField
+          control={form.control}
+          t={t}
+          entity={activeEntity}
+          document={{
+            number: formValues.number,
+            date: formValues.date,
+            currency_code: formValues.currency_code,
+            customer: formValues.customer as any,
+          }}
+          transactionType={transactionType}
+          isTransactionTypeFetching={isViesFetching}
+          isFinaNonDomestic={isFinaNonDomestic}
+        />
+
         <DocumentPaymentTermsField
           control={form.control}
           t={t}
@@ -622,6 +717,30 @@ export default function CreateCreditNoteForm({
             customer: formValues.customer as any,
           }}
         />
+
+        <DocumentSignatureField
+          control={form.control}
+          t={t}
+          entity={activeEntity}
+          document={{
+            number: formValues.number,
+            date: formValues.date,
+            currency_code: formValues.currency_code,
+            customer: formValues.customer as any,
+          }}
+        />
+
+        <DocumentFooterField
+          control={form.control}
+          t={t}
+          entity={activeEntity}
+          document={{
+            number: formValues.number,
+            date: formValues.date,
+            currency_code: formValues.currency_code,
+            customer: formValues.customer as any,
+          }}
+        />
       </form>
     </Form>
   );