@spaceinvoices/react-ui 0.4.12 → 0.4.32

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

@@ -36,6 +36,7 @@ export default {
   Discount: "Rabatt",
   Description: "Beschreibung",
   Save: "Speichern",
+  Update: "Aktualisieren",
   "Save as Draft": "Als Entwurf speichern",
   "Pick a date": "Datum auswählen",
   Currency: "Währung",

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

@@ -34,6 +34,7 @@ export default {
   Discount: "Discount",
   Description: "Description",
   Save: "Save",
+  Update: "Update",
   "Save as Draft": "Save as Draft",
   "Pick a date": "Pick a date",
   Currency: "Currency",

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

@@ -35,6 +35,7 @@ export default {
   Discount: "Descuento",
   Description: "Descripción",
   Save: "Guardar",
+  Update: "Actualizar",
   "Save as Draft": "Guardar como borrador",
   "Pick a date": "Seleccionar una fecha",
   Currency: "Moneda",

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

@@ -34,6 +34,7 @@ export default {
   Discount: "Discount",
   Description: "Kirjeldus",
   Save: "Salvesta",
+  Update: "Uuenda",
   "Save as Draft": "Save as Draft",
   "Pick a date": "Pick a date",
   Currency: "Valuuta",

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

@@ -34,6 +34,7 @@ export default {
   Discount: "Discount",
   Description: "Description",
   Save: "Save",
+  Update: "Päivitä",
   "Save as Draft": "Save as Draft",
   "Pick a date": "Pick a date",
   Currency: "Currency",

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

@@ -36,6 +36,7 @@ export default {
   Discount: "Remise",
   Description: "Description",
   Save: "Enregistrer",
+  Update: "Mettre à jour",
   "Save as Draft": "Enregistrer comme brouillon",
   "Pick a date": "Choisir une date",
   Currency: "Devise",

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

@@ -35,6 +35,7 @@ export default {
   Discount: "Popust",
   Description: "Opis",
   Save: "Spremi",
+  Update: "Ažuriraj",
   "Save as Draft": "Spremi kao skicu",
   "Pick a date": "Odaberi datum",
   Currency: "Valuta",

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

@@ -34,6 +34,7 @@ export default {
   Discount: "Discount",
   Description: "Lýsing",
   Save: "Vista",
+  Update: "Uppfæra",
   "Save as Draft": "Save as Draft",
   "Pick a date": "Pick a date",
   Currency: "Gjaldmiðill",

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

@@ -35,6 +35,7 @@ export default {
   Discount: "Sconto",
   Description: "Descrizione",
   Save: "Salva",
+  Update: "Aggiorna",
   "Save as Draft": "Salva come bozza",
   "Pick a date": "Seleziona una data",
   Currency: "Valuta",

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

@@ -34,6 +34,7 @@ export default {
   Discount: "Discount",
   Description: "Beskrivelse",
   Save: "Lagre",
+  Update: "Oppdater",
   "Save as Draft": "Save as Draft",
   "Pick a date": "Pick a date",
   Currency: "Valuta",

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

@@ -36,6 +36,7 @@ export default {
   Discount: "Korting",
   Description: "Beschrijving",
   Save: "Opslaan",
+  Update: "Bijwerken",
   "Save as Draft": "Opslaan als concept",
   "Pick a date": "Kies een datum",
   Currency: "Valuta",

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

@@ -35,6 +35,7 @@ export default {
   Discount: "Rabat",
   Description: "Opis",
   Save: "Zapisz",
+  Update: "Zaktualizuj",
   "Save as Draft": "Zapisz jako szkic",
   "Pick a date": "Wybierz datę",
   Currency: "Waluta",

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

@@ -36,6 +36,7 @@ export default {
   Discount: "Desconto",
   Description: "Descrição",
   Save: "Guardar",
+  Update: "Atualizar",
   "Save as Draft": "Guardar como rascunho",
   "Pick a date": "Selecionar uma data",
   Currency: "Moeda",

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

@@ -34,6 +34,7 @@ export default {
   Discount: "Discount",
   Description: "Popis",
   Save: "Uložiť",
+  Update: "Aktualizovať",
   "Save as Draft": "Save as Draft",
   "Pick a date": "Pick a date",
   Currency: "Mena",

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

@@ -35,6 +35,7 @@ export default {
   Discount: "Popust",
   Description: "Opis",
   Save: "Shrani",
+  Update: "Posodobi",
   "Save as Draft": "Shrani kot osnutek",
   "Pick a date": "Izberi datum",
   Currency: "Valuta",

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

@@ -34,6 +34,7 @@ export default {
   Discount: "Discount",
   Description: "Beskrivning",
   Save: "Spara",
+  Update: "Uppdatera",
   "Save as Draft": "Save as Draft",
   "Pick a date": "Pick a date",
   Currency: "Valuta",

package/src/components/delivery-notes/create/prepare-delivery-note-submission.ts

@@ -1,6 +1,12 @@
 import type { CreateDeliveryNoteRequest } from "@spaceinvoices/js-sdk";
 import type { CreateDeliveryNoteSchema } from "@/ui/generated/schemas";
-import { prepareDocumentSubmission } from "../../documents/create/prepare-document-submission";
+import {
+  buildDocumentBasePayload,
+  cleanupEmptyCustomerId,
+  prepareDocumentCustomerData,
+  prepareDocumentItems,
+  prepareDocumentSubmission,
+} from "../../documents/create/prepare-document-submission";
 import type { CustomerData } from "../../documents/create/use-document-customer-form";
 
 /** Map of item index to gross price mode */
@@ -36,3 +42,30 @@ export function prepareDeliveryNoteSubmission(
     ...(options.hidePrices !== undefined && { hide_prices: options.hidePrices }),
   };
 }
+
+export function prepareDeliveryNoteUpdateSubmission(
+  values: CreateDeliveryNoteSchema,
+  options: Pick<PrepareOptions, "originalCustomer" | "priceModes" | "hidePrices">,
+): Record<string, unknown> {
+  const nextValues: any = {
+    ...values,
+    customer: values.customer ? { ...values.customer } : values.customer,
+    items: values.items
+      ? values.items.map((item: any) => ({ ...item, taxes: item?.taxes ? [...item.taxes] : item?.taxes }))
+      : values.items,
+  };
+
+  prepareDocumentCustomerData(nextValues, {
+    originalCustomer: options.originalCustomer,
+    wasCustomerFormShown: true,
+  });
+  cleanupEmptyCustomerId(nextValues);
+  nextValues.items = prepareDocumentItems(nextValues.items, options.priceModes ?? {});
+
+  return {
+    ...buildDocumentBasePayload(nextValues, {
+      documentType: "delivery_note",
+    }),
+    ...(options.hidePrices !== undefined ? { hide_prices: options.hidePrices } : {}),
+  };
+}

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

@@ -1,5 +1,6 @@
 import type {
   CreateDeliveryNoteRequest,
+  CustomCreateDeliveryNote,
   DeliveryNote,
   SDKMethodOptions,
   UpdateDeliveryNote,
@@ -29,4 +30,17 @@ const {
   DELIVERY_NOTES_CACHE_KEY,
 );
 
-export { useCreateDeliveryNote, useDeleteDeliveryNote, useUpdateDeliveryNote };
+const { useCreateResource: useCreateCustomDeliveryNote } = createResourceHooks<
+  DeliveryNote,
+  CustomCreateDeliveryNote,
+  UpdateDeliveryNote
+>(
+  {
+    create: deliveryNotes.createCustom,
+    update: deliveryNotes.update,
+    delete: voidDeliveryNote,
+  },
+  DELIVERY_NOTES_CACHE_KEY,
+);
+
+export { useCreateCustomDeliveryNote, useCreateDeliveryNote, useDeleteDeliveryNote, useUpdateDeliveryNote };

package/src/components/delivery-notes/list/list-table.tsx

@@ -15,6 +15,7 @@ import type {
 } from "@/ui/components/table/types";
 import { Badge } from "@/ui/components/ui/badge";
 import { Button } from "@/ui/components/ui/button";
+import { getDisplayDocumentNumber } from "@/ui/lib/document-display";
 import { createTranslation } from "@/ui/lib/translation";
 
 import DeliveryNoteListRowActions from "./list-row-actions";
@@ -180,7 +181,7 @@ export default function DeliveryNoteListTable({
         cell: (deliveryNote) => (
           <div className="flex items-center gap-2">
             <Button variant="link" className="cursor-pointer py-0 underline" onClick={() => onRowClick?.(deliveryNote)}>
-              {deliveryNote.number}
+              {getDisplayDocumentNumber(deliveryNote as DeliveryNote & { is_draft?: boolean }, t)}
             </Button>
             {(deliveryNote as any).is_draft && (
               <Badge

package/src/components/documents/create/custom-create-template.ts

@@ -0,0 +1,151 @@
+type CustomCreateTemplate = {
+  items: any[];
+  total: number;
+  total_with_tax: number;
+  total_discount?: number | null;
+  taxes?: any[];
+};
+
+function round2(value: number): number {
+  return Math.round(value * 100) / 100;
+}
+
+function sanitizeItemTaxes(taxes: any[] | undefined): any[] {
+  return (taxes ?? []).map((tax) => ({
+    tax_id: tax?.tax_id ?? undefined,
+    rate: tax?.rate ?? undefined,
+    classification: tax?.classification ?? undefined,
+    reverse_charge: tax?.reverse_charge ?? false,
+    pt_exemption_code: tax?.pt_exemption_code ?? undefined,
+    pt_exemption_reason: tax?.pt_exemption_reason ?? undefined,
+  }));
+}
+
+function sanitizeDiscounts(discounts: any[] | undefined): any[] {
+  return (discounts ?? []).map((discount) => ({
+    value: discount?.value,
+    type: discount?.type ?? undefined,
+  }));
+}
+
+function getTaxIdentityKey(tax: any): string {
+  return JSON.stringify({
+    rate: tax?.rate ?? null,
+    reverse_charge: tax?.reverse_charge ?? false,
+  });
+}
+
+function collectResolvedItemTaxIds(items: any[] | undefined): Map<string, Set<string>> {
+  const taxIdsByKey = new Map<string, Set<string>>();
+
+  for (const item of items ?? []) {
+    if (item?.type === "separator") continue;
+
+    for (const tax of item?.taxes ?? []) {
+      if (!tax?.tax_id) continue;
+
+      const key = getTaxIdentityKey(tax);
+      const existing = taxIdsByKey.get(key);
+      if (existing) {
+        existing.add(tax.tax_id);
+      } else {
+        taxIdsByKey.set(key, new Set([tax.tax_id]));
+      }
+    }
+  }
+
+  return taxIdsByKey;
+}
+
+export function toCustomCreateItem(item: any): any {
+  if (item?.type === "separator") {
+    return {
+      type: "separator",
+      name: item?.name,
+      description: item?.description ?? undefined,
+    };
+  }
+
+  return {
+    type: item?.type ?? undefined,
+    item_id: item?.item_id ?? undefined,
+    name: item?.name,
+    description: item?.description ?? undefined,
+    classification: item?.classification ?? undefined,
+    price: item?.price ?? undefined,
+    gross_price: item?.gross_price ?? undefined,
+    quantity: item?.quantity ?? undefined,
+    unit: item?.unit ?? undefined,
+    taxes: sanitizeItemTaxes(item?.taxes),
+    discounts: sanitizeDiscounts(item?.discounts),
+    total: item?.total ?? undefined,
+    total_with_tax: item?.total_with_tax ?? undefined,
+    metadata: item?.metadata ?? undefined,
+  };
+}
+
+export function sanitizeSummaryTaxes(taxes: any[] | undefined, items?: any[]): any[] {
+  const resolvedItemTaxIds = collectResolvedItemTaxIds(items);
+
+  return (taxes ?? []).map((tax) => ({
+    tax_id:
+      tax?.tax_id ??
+      (() => {
+        const candidates = resolvedItemTaxIds.get(getTaxIdentityKey(tax));
+        if (!candidates || candidates.size !== 1) return undefined;
+        return Array.from(candidates)[0];
+      })(),
+    rate: tax?.rate ?? null,
+    base: tax?.base ?? 0,
+    amount: tax?.amount ?? 0,
+    reverse_charge: tax?.reverse_charge ?? false,
+  }));
+}
+
+function getSummaryTaxKey(tax: any): string {
+  return JSON.stringify({
+    tax_id: tax?.tax_id ?? null,
+    rate: tax?.rate ?? null,
+    reverse_charge: tax?.reverse_charge ?? false,
+  });
+}
+
+export function sumSummaryTaxes(documents: Array<{ taxes?: any[]; items?: any[] }>): any[] {
+  const aggregated = new Map<string, any>();
+
+  for (const document of documents) {
+    for (const tax of sanitizeSummaryTaxes(document.taxes, document.items)) {
+      const key = getSummaryTaxKey(tax);
+      const existing = aggregated.get(key);
+      if (existing) {
+        existing.base = round2(existing.base + tax.base);
+        existing.amount = round2(existing.amount + tax.amount);
+      } else {
+        aggregated.set(key, { ...tax });
+      }
+    }
+  }
+
+  return Array.from(aggregated.values());
+}
+
+export function buildCustomCreateTemplateFromDocument(document: any): CustomCreateTemplate {
+  return {
+    items: (document?.items ?? []).map(toCustomCreateItem),
+    total: document?.total ?? 0,
+    total_with_tax: document?.total_with_tax ?? 0,
+    total_discount: document?.total_discount ?? 0,
+    taxes: sanitizeSummaryTaxes(document?.taxes, document?.items),
+  };
+}
+
+export function applyCustomCreateTemplate<T extends Record<string, any>>(payload: T, template: CustomCreateTemplate): T {
+  return {
+    ...payload,
+    items: template.items,
+    total: template.total,
+    total_with_tax: template.total_with_tax,
+    total_discount: template.total_discount ?? 0,
+    taxes: template.taxes ?? [],
+  };
+}

package/src/components/documents/create/document-add-item-form.tsx

@@ -1,7 +1,6 @@
 import type { Item } from "@spaceinvoices/js-sdk";
 import { ChevronDown, ChevronUp, DollarSign, Minus, Percent, Plus, PlusIcon, Trash2 } from "lucide-react";
 import { useEffect, useState } from "react";
-import type { Control, UseFormReturn } from "react-hook-form";
 import { useWatch } from "react-hook-form";
 
 import { ItemCombobox } from "@/ui/components/items/item-combobox";
@@ -25,7 +24,7 @@ import DocumentAddItemTaxRateField from "./document-add-item-tax-rate-field";
 
 type DocumentAddItemFormProps = {
   index: number;
-  control: Control<any>;
+  control: any;
   documentType?: "invoice" | "estimate" | "credit_note" | "advance_invoice" | "delivery_note";
   entityId: string;
   currencyCode?: string;
@@ -36,7 +35,7 @@ type DocumentAddItemFormProps = {
   showRemove: boolean;
   showMoveUp: boolean;
   showMoveDown: boolean;
-  form: UseFormReturn<any>;
+  form: any;
   t: (key: string) => string;
   /** When true, tax controls are disabled (e.g., for VIES reverse charge) */
   taxesDisabled?: boolean;
@@ -216,7 +215,7 @@ export default function DocumentAddItemForm({
                 <FormItem>
                   <FormLabel className="text-muted-foreground text-xs">{t("Section header")}</FormLabel>
                   <FormControl>
-                    <Input placeholder={t("Section title...")} {...field} />
+                    <Input placeholder={t("Section title...")} {...field} value={field.value ?? ""} />
                   </FormControl>
                   <FormMessage />
                 </FormItem>
@@ -240,7 +239,7 @@ export default function DocumentAddItemForm({
               render={({ field }) => (
                 <FormItem>
                   <FormControl>
-                    <Textarea placeholder={t("Description")} {...field} />
+                    <Textarea placeholder={t("Description")} {...field} value={field.value ?? ""} />
                   </FormControl>
                   <FormMessage />
                 </FormItem>
@@ -280,7 +279,7 @@ export default function DocumentAddItemForm({
                 <FormControl>
                   <ItemCombobox
                     entityId={entityId}
-                    value={field.value}
+                    value={field.value ?? ""}
                     onSelect={handleItemSelect}
                     onCommitInlineName={setInlineItemName}
                     onInlineInputChange={setInlineItemName}
@@ -430,7 +429,7 @@ export default function DocumentAddItemForm({
               <FormItem className="col-span-1 lg:col-span-2">
                 <FormLabel>{t("Unit")}</FormLabel>
                 <FormControl>
-                  <Input {...field} disabled={lockPortugalSavedItemFields} />
+                  <Input {...field} value={field.value ?? ""} disabled={lockPortugalSavedItemFields} />
                 </FormControl>
                 <FormMessage />
               </FormItem>
@@ -542,7 +541,12 @@ export default function DocumentAddItemForm({
             render={({ field }) => (
               <FormItem>
                 <FormControl>
-                  <Textarea placeholder={t("Description")} {...field} disabled={lockPortugalSavedItemFields} />
+                  <Textarea
+                    placeholder={t("Description")}
+                    {...field}
+                    value={field.value ?? ""}
+                    disabled={lockPortugalSavedItemFields}
+                  />
                 </FormControl>
                 <FormMessage />
               </FormItem>

package/src/components/documents/create/document-add-item-tax-rate-field.tsx

@@ -1,7 +1,6 @@
 import type { Tax } from "@spaceinvoices/js-sdk";
 import { Plus, Trash2 } from "lucide-react";
 import { useEffect } from "react";
-import type { Control } from "react-hook-form";
 import { useFormContext, useWatch } from "react-hook-form";
 import { Button } from "@/ui/components/ui/button";
 import { FormControl, FormField, FormItem, FormLabel, FormMessage } from "@/ui/components/ui/form";
@@ -36,7 +35,7 @@ function getCurrentRate(tax: Tax): number {
 type DocumentAddItemTaxRateFieldProps = {
   index: number;
   taxIndex: number;
-  control: Control<any>;
+  control: any;
   entityId: string;
   onRemove: () => void;
   onAddNewTax?: () => void;

package/src/components/documents/create/document-date-validation.ts

@@ -0,0 +1,111 @@
+import { z } from "zod";
+import { normalizeDateOnlyInput } from "../../../lib/date-only";
+
+type DocumentDateValues = {
+  date?: string | null;
+  date_due?: string | null;
+  date_valid_till?: string | null;
+  date_service?: string | null;
+  date_service_to?: string | null;
+};
+
+const messages = {
+  dateInFuture: "Document date cannot be in the future.",
+  serviceDateAfterIssueDate: "Service date cannot be later than the issue date.",
+  serviceDateToAfterIssueDate: "Service period end date cannot be later than the issue date.",
+  serviceDateToBeforeServiceDate: "Service period end date must be on or after the service start date.",
+  dueDateBeforeIssueDate: "Due date must be on or after the issue date.",
+  validTillBeforeIssueDate: "Valid until date must be on or after the issue date.",
+} as const;
+
+function compareDateOnly(left: string, right: string): number {
+  if (left === right) return 0;
+  return left < right ? -1 : 1;
+}
+
+function getTodayDateOnly(): string {
+  return normalizeDateOnlyInput(new Date().toISOString()) ?? "";
+}
+
+function addCustomIssue(
+  ctx: z.RefinementCtx,
+  path: string[],
+  message: string,
+  condition: boolean,
+) {
+  if (!condition) return;
+
+  ctx.addIssue({
+    code: z.ZodIssueCode.custom,
+    path,
+    message,
+  });
+}
+
+function applyBaseDocumentDateRules(value: DocumentDateValues, ctx: z.RefinementCtx) {
+  const date = normalizeDateOnlyInput(value.date ?? undefined);
+  addCustomIssue(ctx, ["date"], messages.dateInFuture, !!date && compareDateOnly(date, getTodayDateOnly()) > 0);
+}
+
+function applyInvoiceLikeServiceDateRules(value: DocumentDateValues, ctx: z.RefinementCtx) {
+  const date = normalizeDateOnlyInput(value.date ?? undefined);
+  const dateService = normalizeDateOnlyInput(value.date_service ?? undefined);
+  const dateServiceTo = normalizeDateOnlyInput(value.date_service_to ?? undefined);
+
+  addCustomIssue(
+    ctx,
+    ["date_service"],
+    messages.serviceDateAfterIssueDate,
+    !!date && !!dateService && compareDateOnly(dateService, date) > 0,
+  );
+  addCustomIssue(
+    ctx,
+    ["date_service_to"],
+    messages.serviceDateToAfterIssueDate,
+    !!date && !!dateServiceTo && compareDateOnly(dateServiceTo, date) > 0,
+  );
+  addCustomIssue(
+    ctx,
+    ["date_service_to"],
+    messages.serviceDateToBeforeServiceDate,
+    !!dateService && !!dateServiceTo && compareDateOnly(dateServiceTo, dateService) < 0,
+  );
+}
+
+export function withInvoiceIssueDateValidation<T extends z.ZodTypeAny>(schema: T) {
+  return schema.superRefine((value, ctx) => {
+    const document = value as DocumentDateValues;
+    applyBaseDocumentDateRules(document, ctx);
+    applyInvoiceLikeServiceDateRules(document, ctx);
+
+    const date = normalizeDateOnlyInput(document.date ?? undefined);
+    const dateDue = normalizeDateOnlyInput(document.date_due ?? undefined);
+
+    addCustomIssue(ctx, ["date_due"], messages.dueDateBeforeIssueDate, !!date && !!dateDue && compareDateOnly(dateDue, date) < 0);
+  });
+}
+
+export function withCreditNoteIssueDateValidation<T extends z.ZodTypeAny>(schema: T) {
+  return schema.superRefine((value, ctx) => {
+    const document = value as DocumentDateValues;
+    applyBaseDocumentDateRules(document, ctx);
+    applyInvoiceLikeServiceDateRules(document, ctx);
+  });
+}
+
+export function withEstimateIssueDateValidation<T extends z.ZodTypeAny>(schema: T) {
+  return schema.superRefine((value, ctx) => {
+    const document = value as DocumentDateValues;
+    applyBaseDocumentDateRules(document, ctx);
+
+    const date = normalizeDateOnlyInput(document.date ?? undefined);
+    const validTill = normalizeDateOnlyInput(document.date_valid_till ?? undefined);
+
+    addCustomIssue(
+      ctx,
+      ["date_valid_till"],
+      messages.validTillBeforeIssueDate,
+      !!date && !!validTill && compareDateOnly(validTill, date) < 0,
+    );
+  });
+}