@spaceinvoices/react-ui 0.4.5 → 0.4.6

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

@@ -17,8 +17,10 @@ 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";
@@ -130,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);
@@ -201,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;
       }
     }
@@ -224,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
@@ -264,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)
@@ -300,9 +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,
     },
   });
 
@@ -374,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
@@ -400,8 +408,16 @@ export default function CreateCreditNoteForm({
 
       // Build FINA options (skip for drafts; FINA can't be skipped)
       const finaOptions =
-        !isDraft && isFinaEnabled && !isFinaNonDomestic && 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, {
@@ -435,8 +451,8 @@ export default function CreateCreditNoteForm({
       originalCustomer,
       paymentTypes,
       selectedDeviceName,
-      selectedFinaDeviceId,
-      selectedFinaPremiseId,
+      selectedFinaElectronicDeviceName,
+      selectedFinaBusinessPremiseName,
       selectedPremiseName,
       showCustomerForm,
     ],
@@ -478,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
@@ -512,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);
     }
@@ -607,12 +633,18 @@ export default function CreateCreditNoteForm({
             finaInline={
               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
             }
@@ -685,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>
   );

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

@@ -39,6 +39,9 @@ export default {
   "Insert variable": "Variable einfügen",
   "Add payment instructions, terms, or other notes...":
     "Zahlungsanweisungen, Bedingungen oder andere Notizen hinzufügen...",
+  // Signature field
+  Signature: "Unterschrift",
+  "Add signature text...": "Unterschriftstext hinzufügen...",
   // Payment terms field
   "Payment Terms": "Zahlungsbedingungen",
   "Add payment terms...": "Zahlungsbedingungen hinzufügen...",
@@ -91,5 +94,7 @@ export default {
     "Diese Rechnung wird nicht fiskalisiert (nicht-inländische Transaktion)",
   "Tax Clause": "Steuerklausel",
   "Add tax clause...": "Steuerklausel hinzufügen...",
+  Footer: "Fußzeile",
+  "Add document footer...": "Dokumentfußzeile hinzufügen...",
   "Reverse charge - tax exempt EU B2B sale": "Umkehrung der Steuerschuldnerschaft - steuerbefreiter EU B2B Verkauf",
 } as const;

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

@@ -38,6 +38,9 @@ export default {
   Note: "Nota",
   "Insert variable": "Insertar variable",
   "Add payment instructions, terms, or other notes...": "Agregue instrucciones de pago, terminos u otras notas...",
+  // Signature field
+  Signature: "Firma",
+  "Add signature text...": "Añadir texto de firma...",
   // Payment terms field
   "Payment Terms": "Terminos de pago",
   "Add payment terms...": "Agregue terminos de pago...",
@@ -90,5 +93,7 @@ export default {
     "Esta factura no será fiscalizada (transacción no nacional)",
   "Tax Clause": "Cláusula fiscal",
   "Add tax clause...": "Agregar cláusula fiscal...",
+  Footer: "Pie de página",
+  "Add document footer...": "Añadir pie de página del documento...",
   "Reverse charge - tax exempt EU B2B sale": "Inversión del sujeto pasivo - venta EU B2B exenta de impuestos",
 } as const;

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

@@ -39,6 +39,9 @@ export default {
   "Insert variable": "Inserer une variable",
   "Add payment instructions, terms, or other notes...":
     "Ajoutez des instructions de paiement, des conditions ou d'autres notes...",
+  // Signature field
+  Signature: "Signature",
+  "Add signature text...": "Ajouter un texte de signature...",
   // Payment terms field
   "Payment Terms": "Conditions de paiement",
   "Add payment terms...": "Ajoutez des conditions de paiement...",
@@ -90,5 +93,7 @@ export default {
     "Cette facture ne sera pas fiscalisée (transaction non nationale)",
   "Tax Clause": "Clause fiscale",
   "Add tax clause...": "Ajouter une clause fiscale...",
+  Footer: "Pied de page",
+  "Add document footer...": "Ajouter un pied de page...",
   "Reverse charge - tax exempt EU B2B sale": "Autoliquidation - vente B2B UE exonérée de taxe",
 } as const;

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

@@ -38,6 +38,9 @@ export default {
   Note: "Napomena",
   "Insert variable": "Umetni varijablu",
   "Add payment instructions, terms, or other notes...": "Dodajte upute za placanje, uvjete ili druge napomene...",
+  // Signature field
+  Signature: "Potpis",
+  "Add signature text...": "Dodaj tekst potpisa...",
   // Payment terms field
   "Payment Terms": "Uvjeti placanja",
   "Add payment terms...": "Dodajte uvjete placanja...",
@@ -88,5 +91,7 @@ export default {
     "Ovaj račun neće biti fiskaliziran (nedomaća transakcija)",
   "Tax Clause": "Porezna klauzula",
   "Add tax clause...": "Dodajte poreznu klauzulu...",
+  Footer: "Podnožje",
+  "Add document footer...": "Dodajte podnožje dokumenta...",
   "Reverse charge - tax exempt EU B2B sale": "Prijenos porezne obveze - porezno oslobođena EU B2B prodaja",
 } as const;

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

@@ -38,6 +38,9 @@ export default {
   Note: "Nota",
   "Insert variable": "Inserisci variabile",
   "Add payment instructions, terms, or other notes...": "Aggiungi istruzioni di pagamento, termini o altre note...",
+  // Signature field
+  Signature: "Firma",
+  "Add signature text...": "Aggiungi testo della firma...",
   // Payment terms field
   "Payment Terms": "Termini di pagamento",
   "Add payment terms...": "Aggiungi termini di pagamento...",
@@ -91,5 +94,7 @@ export default {
     "Questa fattura non sarà fiscalizzata (transazione non nazionale)",
   "Tax Clause": "Clausola fiscale",
   "Add tax clause...": "Aggiungi clausola fiscale...",
+  Footer: "Piè di pagina",
+  "Add document footer...": "Aggiungi piè di pagina del documento...",
   "Reverse charge - tax exempt EU B2B sale": "Inversione contabile - vendita B2B UE esente da imposta",
 } as const;

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

@@ -39,6 +39,9 @@ export default {
   "Insert variable": "Variabele invoegen",
   "Add payment instructions, terms, or other notes...":
     "Voeg betalingsinstructies, voorwaarden of andere opmerkingen toe...",
+  // Signature field
+  Signature: "Handtekening",
+  "Add signature text...": "Handtekeningtekst toevoegen...",
   // Payment terms field
   "Payment Terms": "Betalingsvoorwaarden",
   "Add payment terms...": "Voeg betalingsvoorwaarden toe...",
@@ -90,5 +93,7 @@ export default {
     "Deze factuur wordt niet gefiscaliseerd (niet-binnenlandse transactie)",
   "Tax Clause": "Belastingclausule",
   "Add tax clause...": "Belastingclausule toevoegen...",
+  Footer: "Voettekst",
+  "Add document footer...": "Documentvoettekst toevoegen...",
   "Reverse charge - tax exempt EU B2B sale": "Verlegging - belastingvrijgestelde EU B2B verkoop",
 } as const;

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

@@ -38,6 +38,9 @@ export default {
   Note: "Notatka",
   "Insert variable": "Wstaw zmienna",
   "Add payment instructions, terms, or other notes...": "Dodaj instrukcje platnosci, warunki lub inne uwagi...",
+  // Signature field
+  Signature: "Podpis",
+  "Add signature text...": "Dodaj tekst podpisu...",
   // Payment terms field
   "Payment Terms": "Warunki platnosci",
   "Add payment terms...": "Dodaj warunki platnosci...",
@@ -88,5 +91,7 @@ export default {
     "Ta faktura nie będzie fiskalizowana (transakcja niekrajowa)",
   "Tax Clause": "Klauzula podatkowa",
   "Add tax clause...": "Dodaj klauzulę podatkową...",
+  Footer: "Stopka",
+  "Add document footer...": "Dodaj stopkę dokumentu...",
   "Reverse charge - tax exempt EU B2B sale": "Odwrotne obciążenie - zwolniona z podatku sprzedaż EU B2B",
 } as const;

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

@@ -38,6 +38,9 @@ export default {
   Note: "Nota",
   "Insert variable": "Inserir variavel",
   "Add payment instructions, terms, or other notes...": "Adicione instrucoes de pagamento, termos ou outras notas...",
+  // Signature field
+  Signature: "Assinatura",
+  "Add signature text...": "Adicionar texto de assinatura...",
   // Payment terms field
   "Payment Terms": "Condicoes de pagamento",
   "Add payment terms...": "Adicione condicoes de pagamento...",
@@ -88,5 +91,7 @@ export default {
     "Esta fatura não será fiscalizada (transação não nacional)",
   "Tax Clause": "Cláusula fiscal",
   "Add tax clause...": "Adicionar cláusula fiscal...",
+  Footer: "Rodapé",
+  "Add document footer...": "Adicionar rodapé do documento...",
   "Reverse charge - tax exempt EU B2B sale": "Autoliquidação - venda B2B UE isenta de imposto",
 } as const;

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

@@ -37,6 +37,9 @@ export default {
   Note: "Opomba",
   "Insert variable": "Vstavi spremenljivko",
   "Add payment instructions, terms, or other notes...": "Dodajte navodila za plačilo, pogoje ali druge opombe...",
+  // Signature field
+  Signature: "Podpis",
+  "Add signature text...": "Dodaj besedilo podpisa...",
   // Payment terms field
   "Payment Terms": "Plačilni pogoji",
   "Add payment terms...": "Dodajte plačilne pogoje...",
@@ -87,5 +90,7 @@ export default {
     "Ta račun ne bo fiskaliziran (nedomača transakcija)",
   "Tax Clause": "Davčna klavzula",
   "Add tax clause...": "Dodajte davčno klavzulo...",
+  Footer: "Noga dokumenta",
+  "Add document footer...": "Dodajte nogo dokumenta...",
   "Reverse charge - tax exempt EU B2B sale": "Obrnjena davčna obveznost - davka oproščena EU B2B prodaja",
 } as const;

package/src/components/credit-notes/credit-notes.hooks.ts

@@ -58,8 +58,8 @@ export function setLastUsedFursCombo(entityId: string, combo: FursCombo): void {
 const FINA_CN_LAST_USED_KEY = "hr:fina:cn:last-used";
 
 export type FinaCombo = {
-  premise_id: string;
-  device_id: string;
+  business_premise_name: string;
+  electronic_device_name: string;
 };
 
 export function getLastUsedFinaCombo(entityId: string): FinaCombo | null {

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

@@ -18,7 +18,9 @@ import { useFormFooterRegistration } from "@/ui/providers/form-footer-context";
 import { CUSTOMERS_CACHE_KEY } from "../../customers/customers.hooks";
 import {
   DocumentDetailsSection,
+  DocumentFooterField,
   DocumentNoteField,
+  DocumentSignatureField,
   DocumentTaxClauseField,
 } from "../../documents/create/document-details-section";
 import { DocumentItemsSection, type PriceModesMap } from "../../documents/create/document-items-section";
@@ -95,6 +97,7 @@ export default function CreateDeliveryNoteForm({
 
   // Hide prices state (delivery note specific)
   const defaultHidePrices = (activeEntity?.settings as any)?.delivery_note_hide_prices ?? false;
+  const defaultFooter = (activeEntity?.settings as any)?.document_footer || "";
   const [hidePrices, setHidePrices] = useState<boolean>((initialValues as any)?.hide_prices ?? defaultHidePrices);
 
   // Fetch next delivery note number
@@ -134,8 +137,10 @@ export default function CreateDeliveryNoteForm({
             },
           ],
       currency_code: initialValues?.currency_code || activeEntity?.currency_code || "EUR",
+      reference: (initialValues as any)?.reference ?? "",
       note: initialValues?.note ?? "",
       tax_clause: (initialValues as any)?.tax_clause ?? "",
+      footer: (initialValues as any)?.footer ?? defaultFooter,
     },
   });
 
@@ -159,6 +164,14 @@ export default function CreateDeliveryNoteForm({
     }
   }, [nextNumberData?.number, form]);
 
+  // Set default footer from entity settings when entity data is available
+  useEffect(() => {
+    const entityDefaultFooter = (activeEntity?.settings as any)?.document_footer;
+    if (entityDefaultFooter && !form.getValues("footer")) {
+      form.setValue("footer", entityDefaultFooter);
+    }
+  }, [activeEntity, form]);
+
   // Auto-add tax field for tax subject entities
   useEffect(() => {
     if (activeEntity?.is_tax_subject) {
@@ -169,6 +182,14 @@ export default function CreateDeliveryNoteForm({
     }
   }, [activeEntity?.is_tax_subject, form]);
 
+  // Set default signature from entity settings
+  useEffect(() => {
+    const entityDefaultSignature = (activeEntity?.settings as any)?.default_document_signature;
+    if (entityDefaultSignature && !form.getValues("signature")) {
+      form.setValue("signature", entityDefaultSignature);
+    }
+  }, [activeEntity, form]);
+
   const formValues = useWatch({
     control: form.control,
   });
@@ -302,7 +323,9 @@ export default function CreateDeliveryNoteForm({
       customer: formValues.customer,
       items: transformedItems,
       currency_code: formValues.currency_code,
+      reference: formValues.reference,
       note: formValues.note,
+      signature: formValues.signature,
       hide_prices: hidePrices,
     };
     callback(payload);
@@ -386,6 +409,30 @@ export default function CreateDeliveryNoteForm({
           transactionType={transactionType}
           isTransactionTypeFetching={isViesFetching}
         />
+
+        <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>
   );

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

@@ -27,6 +27,9 @@ export default {
   "Insert variable": "Variable einfügen",
   "Add payment instructions, terms, or other notes...":
     "Zahlungsanweisungen, Bedingungen oder andere Notizen hinzufügen...",
+  // Signature field
+  Signature: "Unterschrift",
+  "Add signature text...": "Unterschriftstext hinzufügen...",
   Quantity: "Menge",
   Price: "Preis",
   Unit: "Einheit",
@@ -62,5 +65,7 @@ export default {
     "Diese Rechnung wird nicht fiskalisiert (nicht-inländische Transaktion)",
   "Tax Clause": "Steuerklausel",
   "Add tax clause...": "Steuerklausel hinzufügen...",
+  Footer: "Fußzeile",
+  "Add document footer...": "Dokumentfußzeile hinzufügen...",
   "Reverse charge - tax exempt EU B2B sale": "Umkehrung der Steuerschuldnerschaft - steuerbefreiter EU B2B Verkauf",
 } as const;

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

@@ -26,6 +26,9 @@ export default {
   Note: "Nota",
   "Insert variable": "Insertar variable",
   "Add payment instructions, terms, or other notes...": "Añada instrucciones de pago, condiciones u otras notas...",
+  // Signature field
+  Signature: "Firma",
+  "Add signature text...": "Añadir texto de firma...",
   Quantity: "Cantidad",
   Price: "Precio",
   Unit: "Unidad",
@@ -61,5 +64,7 @@ export default {
     "Esta factura no será fiscalizada (transacción no nacional)",
   "Tax Clause": "Cláusula fiscal",
   "Add tax clause...": "Agregar cláusula fiscal...",
+  Footer: "Pie de página",
+  "Add document footer...": "Añadir pie de página del documento...",
   "Reverse charge - tax exempt EU B2B sale": "Inversión del sujeto pasivo - venta EU B2B exenta de impuestos",
 } as const;

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

@@ -27,6 +27,9 @@ export default {
   "Insert variable": "Insérer une variable",
   "Add payment instructions, terms, or other notes...":
     "Ajoutez des instructions de paiement, des conditions ou d'autres notes...",
+  // Signature field
+  Signature: "Signature",
+  "Add signature text...": "Ajouter un texte de signature...",
   Quantity: "Quantité",
   Price: "Prix",
   Unit: "Unité",
@@ -62,5 +65,7 @@ export default {
     "Cette facture ne sera pas fiscalisée (transaction non nationale)",
   "Tax Clause": "Clause fiscale",
   "Add tax clause...": "Ajouter une clause fiscale...",
+  Footer: "Pied de page",
+  "Add document footer...": "Ajouter un pied de page...",
   "Reverse charge - tax exempt EU B2B sale": "Autoliquidation - vente B2B UE exonérée de taxe",
 } as const;

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

@@ -26,6 +26,9 @@ export default {
   Note: "Napomena",
   "Insert variable": "Umetni varijablu",
   "Add payment instructions, terms, or other notes...": "Dodajte upute za plaćanje, uvjete ili druge napomene...",
+  // Signature field
+  Signature: "Potpis",
+  "Add signature text...": "Dodaj tekst potpisa...",
   Quantity: "Količina",
   Price: "Cijena",
   Unit: "Jedinica",
@@ -61,5 +64,7 @@ export default {
     "Ovaj račun neće biti fiskaliziran (nedomaća transakcija)",
   "Tax Clause": "Porezna klauzula",
   "Add tax clause...": "Dodajte poreznu klauzulu...",
+  Footer: "Podnožje",
+  "Add document footer...": "Dodajte podnožje dokumenta...",
   "Reverse charge - tax exempt EU B2B sale": "Prijenos porezne obveze - porezno oslobođena EU B2B prodaja",
 } as const;

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

@@ -26,6 +26,9 @@ export default {
   Note: "Nota",
   "Insert variable": "Inserisci variabile",
   "Add payment instructions, terms, or other notes...": "Aggiungi istruzioni di pagamento, condizioni o altre note...",
+  // Signature field
+  Signature: "Firma",
+  "Add signature text...": "Aggiungi testo della firma...",
   Quantity: "Quantità",
   Price: "Prezzo",
   Unit: "Unità",
@@ -61,5 +64,7 @@ export default {
     "Questa fattura non sarà fiscalizzata (transazione non nazionale)",
   "Tax Clause": "Clausola fiscale",
   "Add tax clause...": "Aggiungi clausola fiscale...",
+  Footer: "Piè di pagina",
+  "Add document footer...": "Aggiungi piè di pagina del documento...",
   "Reverse charge - tax exempt EU B2B sale": "Inversione contabile - vendita B2B UE esente da imposta",
 } as const;

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

@@ -27,6 +27,9 @@ export default {
   "Insert variable": "Variabele invoegen",
   "Add payment instructions, terms, or other notes...":
     "Voeg betalingsinstructies, voorwaarden of andere notities toe...",
+  // Signature field
+  Signature: "Handtekening",
+  "Add signature text...": "Handtekeningtekst toevoegen...",
   Quantity: "Aantal",
   Price: "Prijs",
   Unit: "Eenheid",
@@ -62,5 +65,7 @@ export default {
     "Deze factuur wordt niet gefiscaliseerd (niet-binnenlandse transactie)",
   "Tax Clause": "Belastingclausule",
   "Add tax clause...": "Belastingclausule toevoegen...",
+  Footer: "Voettekst",
+  "Add document footer...": "Documentvoettekst toevoegen...",
   "Reverse charge - tax exempt EU B2B sale": "Verlegging - belastingvrijgestelde EU B2B verkoop",
 } as const;

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

@@ -26,6 +26,9 @@ export default {
   Note: "Uwaga",
   "Insert variable": "Wstaw zmienną",
   "Add payment instructions, terms, or other notes...": "Dodaj instrukcje płatności, warunki lub inne uwagi...",
+  // Signature field
+  Signature: "Podpis",
+  "Add signature text...": "Dodaj tekst podpisu...",
   Quantity: "Ilość",
   Price: "Cena",
   Unit: "Jednostka",
@@ -61,5 +64,7 @@ export default {
     "Ta faktura nie będzie fiskalizowana (transakcja niekrajowa)",
   "Tax Clause": "Klauzula podatkowa",
   "Add tax clause...": "Dodaj klauzulę podatkową...",
+  Footer: "Stopka",
+  "Add document footer...": "Dodaj stopkę dokumentu...",
   "Reverse charge - tax exempt EU B2B sale": "Odwrotne obciążenie - zwolniona z podatku sprzedaż EU B2B",
 } as const;