@spaceinvoices/react-ui 0.4.2 → 0.4.4

package/cli/dist/index.js

@@ -870,7 +870,7 @@ async function list(options = {}) {
 
 // cli/src/index.ts
 var program = new Command();
-program.name("spaceinvoices-ui").description("CLI for adding Space Invoices React UI components to your project").version("0.4.2");
+program.name("spaceinvoices-ui").description("CLI for adding Space Invoices React UI components to your project").version("0.4.4");
 program.option("--local <path>", "Use local registry from specified path (for development)");
 program.command("init").description("Initialize Space Invoices UI in your project").option("-y, --yes", "Skip prompts and use defaults").option("-f, --force", "Overwrite existing configuration").option("--cwd <path>", "Working directory (defaults to current directory)").action(async (options) => {
   const globalOpts = program.opts();

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@spaceinvoices/react-ui",
   "type": "module",
-  "version": "0.4.2",
+  "version": "0.4.4",
   "private": false,
   "license": "MIT",
   "description": "Space Invoices UI components - copy-paste distribution with CLI support",

package/src/common/autocomplete.tsx

@@ -51,12 +51,21 @@ export function Autocomplete({
     setInternalSearchValue(value);
     onSearch?.(value);
 
-    // Open popover when user starts typing
-    if (!open) {
+    // Open popover when user starts typing (only if there are options)
+    if (!open && options.length > 0) {
       setOpen(true);
     }
   };
 
+  // Close popover when options become empty, open when they appear
+  React.useEffect(() => {
+    if (options.length === 0) {
+      setOpen(false);
+    } else if (document.activeElement === inputRef.current && searchValue) {
+      setOpen(true);
+    }
+  }, [options.length, searchValue]);
+
   const handleSelect = (selectedValue: string) => {
     onValueChange?.(selectedValue);
     setOpen(false);
@@ -81,6 +90,12 @@ export function Autocomplete({
     onBlurProp?.(e); // Call the passed onBlur prop after internal logic
   };
 
+  const handleKeyDown = (e: React.KeyboardEvent<HTMLInputElement>) => {
+    if (e.key === "Enter" && open) {
+      e.preventDefault();
+    }
+  };
+
   // Handle popover open/close - prevent closing when input is focused
   const handleOpenChange = (newOpen: boolean) => {
     if (!newOpen && document.activeElement === inputRef.current) {
@@ -98,6 +113,7 @@ export function Autocomplete({
         onChange={handleInputChange}
         onFocus={handleInputFocus}
         onBlur={handleInputBlur}
+        onKeyDown={handleKeyDown}
         placeholder={placeholder}
         className={className}
         disabled={disabled}

package/src/components/advance-invoices/create/create-advance-invoice-form.tsx

@@ -810,7 +810,6 @@ export default function CreateAdvanceInvoiceForm({
           document={{
             number: formValues.number,
             date: formValues.date,
-            date_due: formValues.date_due,
             currency_code: formValues.currency_code,
             customer: formValues.customer as any,
           }}

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

@@ -28,4 +28,6 @@ export default {
   Other: "Andere",
   Premise: "Geschäftsräume",
   Device: "Gerät",
+  "FINA fiscalized invoices always use the current date":
+    "FINA-fiskalisierte Dokumente verwenden immer das aktuelle Datum",
 } as const;

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

@@ -28,4 +28,6 @@ export default {
   Other: "Otro",
   Premise: "Local",
   Device: "Dispositivo",
+  "FINA fiscalized invoices always use the current date":
+    "Los documentos fiscalizados con FINA siempre usan la fecha actual",
 } as const;

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

@@ -27,4 +27,6 @@ export default {
   Other: "Autre",
   Premise: "Local",
   Device: "Appareil",
+  "FINA fiscalized invoices always use the current date":
+    "Les documents fiscalisés FINA utilisent toujours la date actuelle",
 } as const;

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

@@ -26,4 +26,5 @@ export default {
   Other: "Ostalo",
   Premise: "Prostor",
   Device: "Uredaj",
+  "FINA fiscalized invoices always use the current date": "FINA fiskalizirani dokumenti uvijek koriste trenutni datum",
 } as const;

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

@@ -28,4 +28,6 @@ export default {
   Other: "Altro",
   Premise: "Locale",
   Device: "Dispositivo",
+  "FINA fiscalized invoices always use the current date":
+    "I documenti fiscalizzati FINA utilizzano sempre la data corrente",
 } as const;

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

@@ -27,4 +27,6 @@ export default {
   Other: "Overig",
   Premise: "Bedrijfsruimte",
   Device: "Apparaat",
+  "FINA fiscalized invoices always use the current date":
+    "FINA-gefiscaliseerde documenten gebruiken altijd de huidige datum",
 } as const;

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

@@ -27,4 +27,5 @@ export default {
   Other: "Inne",
   Premise: "Lokal",
   Device: "Urządzenie",
+  "FINA fiscalized invoices always use the current date": "Dokumenty fiskalizowane FINA zawsze używają bieżącej daty",
 } as const;

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

@@ -28,4 +28,5 @@ export default {
   Other: "Outro",
   Premise: "Estabelecimento",
   Device: "Dispositivo",
+  "FINA fiscalized invoices always use the current date": "Os documentos fiscalizados FINA usam sempre a data atual",
 } as const;

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

@@ -24,4 +24,5 @@ export default {
   Other: "Drugo",
   Premise: "Poslovni prostor",
   Device: "Naprava",
+  "FINA fiscalized invoices always use the current date": "FINA fiskalizirani dokumenti vedno uporabijo trenutni datum",
 } as const;

package/src/components/advance-invoices/create/prepare-advance-invoice-submission.ts

@@ -52,7 +52,6 @@ export function prepareAdvanceInvoiceSubmission(
     markAsPaid: options.markAsPaid,
     paymentTypes: options.paymentTypes,
     documentType: "advance_invoice",
-    secondaryDate: values.date_due ?? undefined,
     priceModes: options.priceModes,
     isDraft: options.isDraft,
   }) as CreateAdvanceInvoiceRequest;

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

@@ -1,4 +1,5 @@
 import type { AdvanceInvoice } from "@spaceinvoices/js-sdk";
+import { AlertTriangle } from "lucide-react";
 import { useCallback, useMemo, useState } from "react";
 import { DataTable } from "@/ui/components/table/data-table";
 import { FormattedDate } from "@/ui/components/table/date-cell";
@@ -13,6 +14,8 @@ import type {
 } from "@/ui/components/table/types";
 import { Badge } from "@/ui/components/ui/badge";
 import { Button } from "@/ui/components/ui/button";
+import { Tooltip, TooltipContent, TooltipTrigger } from "@/ui/components/ui/tooltip";
+import { getFiscalizationFailureType } from "@/ui/lib/fiscalization";
 import { createTranslation } from "@/ui/lib/translation";
 import { useSDK } from "@/ui/providers/sdk-provider";
 
@@ -53,6 +56,9 @@ type AdvanceInvoiceListTableProps = {
   onDownloadSuccess?: (fileName: string) => void;
   onDownloadError?: (error: string) => void;
   onExportSelected?: (documentIds: string[]) => void;
+  onRetryFiscalization?: (documentIds: string[]) => void;
+  fiscalizationFeatures?: ("furs" | "fina")[];
+  onCreateNew?: () => void;
 } & ListTableProps<AdvanceInvoice>;
 
 export default function AdvanceInvoiceListTable({
@@ -67,6 +73,9 @@ export default function AdvanceInvoiceListTable({
   onDownloadSuccess,
   onDownloadError,
   onExportSelected,
+  onRetryFiscalization,
+  fiscalizationFeatures,
+  onCreateNew,
   ...i18nProps
 }: AdvanceInvoiceListTableProps) {
   const t = createTranslation({
@@ -86,7 +95,6 @@ export default function AdvanceInvoiceListTable({
       limit: params.limit,
       next_cursor: params.next_cursor,
       prev_cursor: params.prev_cursor,
-      order_by: params.order_by,
       search: params.search,
       query: params.query,
     });
@@ -97,7 +105,6 @@ export default function AdvanceInvoiceListTable({
     () => ({
       dateFields: [
         { id: "date", label: t("Date") },
-        { id: "date_due", label: t("Date Due") },
         { id: "created_at", label: t("Created At") },
       ],
       statusFilter: true,
@@ -116,15 +123,42 @@ export default function AdvanceInvoiceListTable({
   }, []);
 
   const selectionToolbar = useCallback(
-    (count: number) => (
-      <SelectionToolbar
-        selectedCount={count}
-        onExportPdfs={onExportSelected ? handleExportPdfs : undefined}
-        onDeselectAll={handleDeselectAll}
-        t={t}
-      />
-    ),
-    [handleExportPdfs, handleDeselectAll, onExportSelected, t],
+    (count: number, data: AdvanceInvoice[]) => {
+      const selectedDocs = data.filter((d) => selectedIds.has(d.id));
+      const failedDocs = selectedDocs.filter((d) => {
+        const failureType = getFiscalizationFailureType(d as any);
+        return failureType && fiscalizationFeatures?.includes(failureType);
+      });
+
+      const hasRetry = onRetryFiscalization && fiscalizationFeatures?.length;
+      const failedCount = failedDocs.length;
+      const allFailed = failedCount > 0 && failedCount === selectedDocs.length;
+      const someFailed = failedCount > 0 && failedCount < selectedDocs.length;
+      const showRetry = hasRetry && failedCount > 0;
+
+      return (
+        <SelectionToolbar
+          selectedCount={count}
+          onExportPdfs={onExportSelected ? handleExportPdfs : undefined}
+          onRetryFiscalization={showRetry ? () => onRetryFiscalization(failedDocs.map((d) => d.id)) : undefined}
+          retryFiscalizationDisabled={someFailed && !allFailed}
+          retryFiscalizationTooltip={
+            someFailed ? t("Some selected documents don't have failed fiscalization") : undefined
+          }
+          onDeselectAll={handleDeselectAll}
+          t={t}
+        />
+      );
+    },
+    [
+      handleExportPdfs,
+      handleDeselectAll,
+      onExportSelected,
+      onRetryFiscalization,
+      fiscalizationFeatures,
+      selectedIds,
+      t,
+    ],
   );
 
   const columns: Column<AdvanceInvoice>[] = useMemo(
@@ -132,26 +166,39 @@ export default function AdvanceInvoiceListTable({
       {
         id: "number",
         header: t("Number"),
-        sortable: true,
-        cell: (advanceInvoice) => (
-          <div className="flex items-center gap-2">
-            <Button
-              variant="link"
-              className="cursor-pointer py-0 underline"
-              onClick={() => onRowClick?.(advanceInvoice)}
-            >
-              {advanceInvoice.number}
-            </Button>
-            {(advanceInvoice as any).is_draft && (
-              <Badge
-                variant="outline"
-                className="border-amber-500 bg-amber-50 text-amber-700 dark:bg-amber-950 dark:text-amber-400"
+        cell: (advanceInvoice) => {
+          const failureType = getFiscalizationFailureType(advanceInvoice as any);
+          const showWarning = failureType && fiscalizationFeatures?.includes(failureType);
+          return (
+            <div className="flex items-center gap-2">
+              <Button
+                variant="link"
+                className="cursor-pointer py-0 underline"
+                onClick={() => onRowClick?.(advanceInvoice)}
               >
-                {t("Draft")}
-              </Badge>
-            )}
-          </div>
-        ),
+                {advanceInvoice.number}
+              </Button>
+              {(advanceInvoice as any).is_draft && (
+                <Badge
+                  variant="outline"
+                  className="border-amber-500 bg-amber-50 text-amber-700 dark:bg-amber-950 dark:text-amber-400"
+                >
+                  {t("Draft")}
+                </Badge>
+              )}
+              {showWarning && (
+                <Tooltip>
+                  <TooltipTrigger>
+                    <AlertTriangle className="size-4 text-orange-500" />
+                  </TooltipTrigger>
+                  <TooltipContent>
+                    {t(failureType === "furs" ? "FURS fiscalization failed" : "FINA fiscalization failed")}
+                  </TooltipContent>
+                </Tooltip>
+              )}
+            </div>
+          );
+        },
       },
       {
         id: "customer",
@@ -161,29 +208,25 @@ export default function AdvanceInvoiceListTable({
       {
         id: "date",
         header: t("Date"),
-        sortable: true,
         cell: (advanceInvoice) => <FormattedDate date={advanceInvoice.date} />,
       },
-      {
-        id: "date_due",
-        header: t("Date Due"),
-        sortable: true,
-        cell: (advanceInvoice) => <FormattedDate date={advanceInvoice.date_due} />,
-      },
       {
         id: "total",
         header: t("Total"),
-        sortable: true,
         align: "right",
         cell: (advanceInvoice) => advanceInvoice.total,
       },
       {
         id: "total_with_tax",
         header: t("Total with Tax"),
-        sortable: true,
         align: "right",
         cell: (advanceInvoice) => advanceInvoice.total_with_tax,
       },
+      {
+        id: "status",
+        header: t("Status"),
+        cell: (advanceInvoice) => <AdvanceInvoiceStatusBadge advanceInvoice={advanceInvoice} t={t} />,
+      },
       {
         id: "actions",
         header: "",
@@ -213,6 +256,7 @@ export default function AdvanceInvoiceListTable({
       onDownloadSuccess,
       onDownloadError,
       i18nProps.locale,
+      fiscalizationFeatures,
     ],
   );
 
@@ -223,16 +267,62 @@ export default function AdvanceInvoiceListTable({
       resourceName="advance_invoice"
       cacheKey="advance-invoices"
       createNewLink={entityId ? `/app/${entityId}/documents/add/advance_invoice` : undefined}
+      onCreateNew={onCreateNew}
       onFetch={handleFetch}
       onChangeParams={onChangeParams}
       entityId={entityId}
       filterConfig={filterConfig}
       t={t}
       locale={i18nProps.locale}
-      selectable={!!onExportSelected}
+      selectable={!!(onExportSelected || onRetryFiscalization)}
       selectedIds={selectedIds}
       onSelectionChange={setSelectedIds}
       selectionToolbar={selectionToolbar}
     />
   );
 }
+
+/** Status badge for advance invoices */
+function AdvanceInvoiceStatusBadge({
+  advanceInvoice,
+  t,
+}: {
+  advanceInvoice: AdvanceInvoice;
+  t: (key: string) => string;
+}) {
+  if ((advanceInvoice as any).voided_at) {
+    return (
+      <Badge variant="outline" className="border-red-500 bg-red-50 text-red-700 dark:bg-red-950 dark:text-red-400">
+        {t("Voided")}
+      </Badge>
+    );
+  }
+  if ((advanceInvoice as any).is_draft) {
+    return null;
+  }
+  if (advanceInvoice.paid_in_full) {
+    return (
+      <Badge
+        variant="outline"
+        className="border-green-500 bg-green-50 text-green-700 dark:bg-green-950 dark:text-green-400"
+      >
+        {t("Paid")}
+      </Badge>
+    );
+  }
+  if (advanceInvoice.total_paid > 0) {
+    return (
+      <Badge
+        variant="outline"
+        className="border-yellow-500 bg-yellow-50 text-yellow-700 dark:bg-yellow-950 dark:text-yellow-400"
+      >
+        {t("Partially Paid")}
+      </Badge>
+    );
+  }
+  return (
+    <Badge variant="outline" className="border-gray-500 bg-gray-50 text-gray-700 dark:bg-gray-800 dark:text-gray-400">
+      {t("Unpaid")}
+    </Badge>
+  );
+}

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

@@ -38,7 +38,13 @@ export default {
   "No results found": "Keine Vorauszahlungsrechnungen gefunden",
   "Try adjusting your search criteria": "Versuchen Sie, Ihre Suchkriterien anzupassen",
   "Clear search": "Suche zurücksetzen",
+  "Clear all": "Alles zurücksetzen",
   selected: "ausgewählt",
   "Export PDFs": "PDFs exportieren",
   "Deselect all": "Auswahl aufheben",
+  "Partially Paid": "Teilweise bezahlt",
+  "FURS fiscalization failed": "FURS fiscalization failed",
+  "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",
 } as const;

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

@@ -8,4 +8,9 @@ export default {
   selected: "selected",
   "Export PDFs": "Export PDFs",
   "Deselect all": "Deselect all",
+  "Partially Paid": "Partially Paid",
+  "FURS fiscalization failed": "FURS fiscalization failed",
+  "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",
 } as const;

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

@@ -38,7 +38,13 @@ export default {
   "No results found": "No se encontraron facturas anticipadas",
   "Try adjusting your search criteria": "Intente ajustar sus criterios de busqueda",
   "Clear search": "Limpiar busqueda",
+  "Clear all": "Borrar todo",
   selected: "seleccionados",
   "Export PDFs": "Exportar PDFs",
   "Deselect all": "Deseleccionar todo",
+  "Partially Paid": "Parcialmente pagado",
+  "FURS fiscalization failed": "FURS fiscalization failed",
+  "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",
 } as const;

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

@@ -38,7 +38,13 @@ export default {
   "No results found": "Aucune facture d'acompte trouvee",
   "Try adjusting your search criteria": "Essayez de modifier vos criteres de recherche",
   "Clear search": "Effacer la recherche",
+  "Clear all": "Tout effacer",
   selected: "sélectionnés",
   "Export PDFs": "Exporter les PDF",
   "Deselect all": "Tout désélectionner",
+  "Partially Paid": "Partiellement payé",
+  "FURS fiscalization failed": "FURS fiscalization failed",
+  "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",
 } as const;

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

@@ -38,7 +38,13 @@ export default {
   "No results found": "Nije pronadjen nijedan avansni racun",
   "Try adjusting your search criteria": "Pokusajte prilagoditi kriterije pretrazivanja",
   "Clear search": "Ocisti pretragu",
+  "Clear all": "Očisti sve",
   selected: "odabranih",
   "Export PDFs": "Izvezi PDF-ove",
   "Deselect all": "Poništi odabir",
+  "Partially Paid": "Djelomično plaćeno",
+  "FURS fiscalization failed": "FURS fiskalizacija nije uspjela",
+  "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",
 } as const;

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

@@ -38,7 +38,13 @@ export default {
   "No results found": "Nessuna fattura anticipata trovata",
   "Try adjusting your search criteria": "Prova a modificare i criteri di ricerca",
   "Clear search": "Cancella ricerca",
+  "Clear all": "Cancella tutto",
   selected: "selezionati",
   "Export PDFs": "Esporta PDF",
   "Deselect all": "Deseleziona tutto",
+  "Partially Paid": "Parzialmente pagato",
+  "FURS fiscalization failed": "FURS fiscalization failed",
+  "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",
 } as const;

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

@@ -38,7 +38,13 @@ export default {
   "No results found": "Geen voorschotfacturen gevonden",
   "Try adjusting your search criteria": "Probeer uw zoekcriteria aan te passen",
   "Clear search": "Zoekopdracht wissen",
+  "Clear all": "Alles wissen",
   selected: "geselecteerd",
   "Export PDFs": "PDFs exporteren",
   "Deselect all": "Alles deselecteren",
+  "Partially Paid": "Gedeeltelijk betaald",
+  "FURS fiscalization failed": "FURS fiscalization failed",
+  "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",
 } as const;

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

@@ -38,7 +38,13 @@ export default {
   "No results found": "Nie znaleziono faktur zaliczkowych",
   "Try adjusting your search criteria": "Sprobuj dostosowac kryteria wyszukiwania",
   "Clear search": "Wyczysc wyszukiwanie",
+  "Clear all": "Wyczyść wszystko",
   selected: "wybranych",
   "Export PDFs": "Eksportuj PDF-y",
   "Deselect all": "Odznacz wszystko",
+  "Partially Paid": "Częściowo opłacona",
+  "FURS fiscalization failed": "FURS fiscalization failed",
+  "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",
 } as const;

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

@@ -38,7 +38,13 @@ export default {
   "No results found": "Nenhuma fatura antecipada encontrada",
   "Try adjusting your search criteria": "Tente ajustar os seus criterios de pesquisa",
   "Clear search": "Limpar pesquisa",
+  "Clear all": "Limpar tudo",
   selected: "selecionados",
   "Export PDFs": "Exportar PDFs",
   "Deselect all": "Desselecionar tudo",
+  "Partially Paid": "Parcialmente pago",
+  "FURS fiscalization failed": "FURS fiscalization failed",
+  "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",
 } as const;

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

@@ -38,7 +38,13 @@ export default {
   "No results found": "Ni najdenih avansnih računov",
   "Try adjusting your search criteria": "Poskusite prilagoditi iskalne kriterije",
   "Clear search": "Počisti iskanje",
+  "Clear all": "Počisti vse",
   selected: "izbranih",
   "Export PDFs": "Izvozi PDF-je",
   "Deselect all": "Počisti izbiro",
+  "Partially Paid": "Delno plačano",
+  "FURS fiscalization failed": "FURS davčno potrjevanje ni uspelo",
+  "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",
 } as const;