@spaceinvoices/react-ui 0.4.0 → 0.4.2

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.0");
+program.name("spaceinvoices-ui").description("CLI for adding Space Invoices React UI components to your project").version("0.4.2");
 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.0",
+  "version": "0.4.2",
   "private": false,
   "license": "MIT",
   "description": "Space Invoices UI components - copy-paste distribution with CLI support",

package/registry.json

@@ -206,6 +206,7 @@
         "components/table/types.ts",
         "components/table/hooks/use-table-fetch.ts",
         "components/table/hooks/use-table-state.ts",
+        "components/table/selection-toolbar.tsx",
         "components/table/index.ts"
       ],
       "dependencies": ["ui/table", "ui/skeleton", "ui/button", "ui/input"],
@@ -518,47 +519,42 @@
       "providers": ["sdk-provider"],
       "utils": ["translation"]
     },
-    "invoices/fiscalization-status-card": {
-      "name": "Fiscalization Status Card",
+    "dashboard/collection-rate-card": {
+      "name": "Collection Rate Card",
       "category": "feature",
       "files": [
-        "components/invoices/view/fiscalization-status-card.tsx"
+        "components/dashboard/collection-rate-card/collection-rate-card.tsx",
+        "components/dashboard/collection-rate-card/use-collection-rate.ts",
+        "components/dashboard/collection-rate-card/locales/sl.ts",
+        "components/dashboard/collection-rate-card/index.ts"
       ],
-      "dependencies": ["ui/card", "ui/badge", "ui/button"],
+      "dependencies": ["ui/card", "dashboard/loading-card"],
       "providers": ["sdk-provider"],
       "utils": ["translation"]
     },
-    "documents/document-activities-list": {
-      "name": "Document Activities List",
+    "recurring-invoices/create-recurring-invoice-form": {
+      "name": "Create Recurring Invoice Form",
       "category": "feature",
       "files": [
-        "components/documents/view/document-activities-list.tsx",
-        "components/documents/view/locales/de.ts",
-        "components/documents/view/locales/es.ts",
-        "components/documents/view/locales/fr.ts",
-        "components/documents/view/locales/hr.ts",
-        "components/documents/view/locales/it.ts",
-        "components/documents/view/locales/nl.ts",
-        "components/documents/view/locales/pl.ts",
-        "components/documents/view/locales/pt.ts",
-        "components/documents/view/locales/sl.ts"
+        "components/recurring-invoices/create-recurring-invoice-form/create-recurring-invoice-form.tsx",
+        "components/recurring-invoices/recurring-invoices.hooks.ts"
       ],
-      "dependencies": ["ui/card", "ui/badge", "ui/button"],
-      "providers": ["sdk-provider"],
-      "utils": ["translation"]
+      "dependencies": ["form/form-input", "ui/form", "ui/card", "customers/customer-combobox"],
+      "providers": ["sdk-provider", "entities-provider"],
+      "utils": ["translation", "hooks"],
+      "schemas": ["createRecurringInvoiceSchema"]
     },
-    "dashboard/collection-rate-card": {
-      "name": "Collection Rate Card",
+    "recurring-invoices/recurring-invoice-list-table": {
+      "name": "Recurring Invoice List Table",
       "category": "feature",
       "files": [
-        "components/dashboard/collection-rate-card/collection-rate-card.tsx",
-        "components/dashboard/collection-rate-card/use-collection-rate.ts",
-        "components/dashboard/collection-rate-card/locales/sl.ts",
-        "components/dashboard/collection-rate-card/index.ts"
+        "components/recurring-invoices/list/list-table.tsx",
+        "components/recurring-invoices/list/list-row-actions.tsx",
+        "components/recurring-invoices/recurring-invoices.hooks.ts"
       ],
-      "dependencies": ["ui/card", "dashboard/loading-card"],
+      "dependencies": ["table/data-table", "ui/dropdown-menu", "ui/button", "ui/badge"],
       "providers": ["sdk-provider"],
-      "utils": ["translation"]
+      "utils": ["translation", "hooks"]
     }
   }
 }

package/src/components/advance-invoices/advance-invoices.hooks.ts

@@ -1,4 +1,4 @@
-import type { AdvanceInvoice, CreateAdvanceInvoiceBody } from "@spaceinvoices/js-sdk";
+import type { AdvanceInvoice, CreateAdvanceInvoice } from "@spaceinvoices/js-sdk";
 import { useMutation, useQueryClient } from "@tanstack/react-query";
 import { NEXT_DOCUMENT_NUMBER_CACHE_KEY } from "@/ui/hooks/use-next-document-number";
 import { useSDK } from "@/ui/providers/sdk-provider";
@@ -21,7 +21,7 @@ export function useCreateAdvanceInvoice({ entityId, onSuccess, onError }: UseCre
   const queryClient = useQueryClient();
 
   return useMutation({
-    mutationFn: async (data: CreateAdvanceInvoiceBody) => {
+    mutationFn: async (data: CreateAdvanceInvoice) => {
       return sdk.advanceInvoices.create(data, { entity_id: entityId });
     },
     onSuccess: (data) => {
@@ -73,3 +73,33 @@ export function setLastUsedFursCombo(entityId: string, combo: FursCombo): void {
     // Ignore localStorage errors (quota exceeded, etc.)
   }
 }
+
+// ============================================================================
+// FINA Last-Used Combo (localStorage) for advance invoices
+// ============================================================================
+
+const FINA_ADV_LAST_USED_KEY = "hr:fina:adv:last-used";
+
+export type FinaCombo = {
+  premise_id: string;
+  device_id: string;
+};
+
+export function getLastUsedFinaCombo(entityId: string): FinaCombo | null {
+  if (typeof window === "undefined") return null;
+  try {
+    const stored = localStorage.getItem(`${FINA_ADV_LAST_USED_KEY}:${entityId}`);
+    return stored ? JSON.parse(stored) : null;
+  } catch {
+    return null;
+  }
+}
+
+export function setLastUsedFinaCombo(entityId: string, combo: FinaCombo): void {
+  if (typeof window === "undefined") return;
+  try {
+    localStorage.setItem(`${FINA_ADV_LAST_USED_KEY}:${entityId}`, JSON.stringify(combo));
+  } catch {
+    // Ignore localStorage errors
+  }
+}

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

@@ -25,9 +25,16 @@ import { DocumentRecipientSection } from "../../documents/create/document-recipi
 import { MarkAsPaidSection } from "../../documents/create/mark-as-paid-section";
 import { useDocumentCustomerForm } from "../../documents/create/use-document-customer-form";
 import type { DocumentTypes } from "../../documents/types";
+import { useFinaPremises, useFinaSettings } from "../../entities/fina-settings-form/fina-settings.hooks";
 import { useFursPremises, useFursSettings } from "../../entities/furs-settings-form/furs-settings.hooks";
 import { getEntityErrors, getFormFieldErrors, validateEslogForm } from "../../invoices/create/eslog-validation";
-import { getLastUsedFursCombo, setLastUsedFursCombo, useCreateAdvanceInvoice } from "../advance-invoices.hooks";
+import {
+  getLastUsedFinaCombo,
+  getLastUsedFursCombo,
+  setLastUsedFinaCombo,
+  setLastUsedFursCombo,
+  useCreateAdvanceInvoice,
+} from "../advance-invoices.hooks";
 import de from "./locales/de";
 import es from "./locales/es";
 import fr from "./locales/fr";
@@ -118,6 +125,23 @@ export default function CreateAdvanceInvoiceForm({
   const [selectedDeviceName, setSelectedDeviceName] = useState<string | undefined>();
   const [skipFiscalization, setSkipFiscalization] = useState(false);
 
+  // ============================================================================
+  // FINA Settings & Premises
+  // ============================================================================
+  const { data: finaSettings, isLoading: isFinaSettingsLoading } = useFinaSettings(entityId);
+  const { data: finaPremises, isLoading: isFinaPremisesLoading } = useFinaPremises(entityId, {
+    enabled: finaSettings?.enabled === true,
+  });
+
+  const isFinaLoading = isFinaSettingsLoading || (finaSettings?.enabled && isFinaPremisesLoading);
+  const isFinaEnabled = finaSettings?.enabled === true;
+  const activeFinaPremises = useMemo(() => finaPremises?.filter((p: any) => p.is_active) || [], [finaPremises]);
+  const hasFinaPremises = activeFinaPremises.length > 0;
+
+  // FINA premise/device selection state (no skip - all FINA invoices must be fiscalized)
+  const [selectedFinaPremiseId, setSelectedFinaPremiseId] = useState<string | undefined>();
+  const [selectedFinaDeviceId, setSelectedFinaDeviceId] = useState<string | undefined>();
+
   // UI-only state (not part of API schema)
   const [markAsPaid, setMarkAsPaid] = useState(false);
   const [paymentTypes, setPaymentTypes] = useState<string[]>(["bank_transfer"]);
@@ -209,6 +233,51 @@ export default function CreateAdvanceInvoiceForm({
     }
   }, [selectedPremiseName, activePremises, selectedDeviceName]);
 
+  // Get active FINA devices for selected premise
+  const activeFinaDevices = useMemo(() => {
+    if (!selectedFinaPremiseId) return [];
+    const premise = activeFinaPremises.find((p: any) => p.premise_id === selectedFinaPremiseId);
+    return premise?.Devices?.filter((d: any) => d.is_active) || [];
+  }, [activeFinaPremises, selectedFinaPremiseId]);
+
+  // Initialize FINA selection from localStorage or first active combo
+  useEffect(() => {
+    if (!isFinaEnabled || !hasFinaPremises || selectedFinaPremiseId) 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);
+      if (premise && device) {
+        setSelectedFinaPremiseId(lastUsed.premise_id);
+        setSelectedFinaDeviceId(lastUsed.device_id);
+        return;
+      }
+    }
+
+    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);
+    }
+  }, [isFinaEnabled, hasFinaPremises, activeFinaPremises, entityId, selectedFinaPremiseId]);
+
+  // When FINA premise changes, select first active device
+  useEffect(() => {
+    if (!selectedFinaPremiseId) return;
+    const premise = activeFinaPremises.find((p: any) => p.premise_id === selectedFinaPremiseId);
+    const firstDevice = premise?.Devices?.find((d: any) => d.is_active);
+    if (firstDevice && selectedFinaDeviceId !== firstDevice.device_id) {
+      const currentDeviceInPremise = premise?.Devices?.find(
+        (d: any) => d.device_id === selectedFinaDeviceId && d.is_active,
+      );
+      if (!currentDeviceInPremise) {
+        setSelectedFinaDeviceId(firstDevice.device_id);
+      }
+    }
+  }, [selectedFinaPremiseId, activeFinaPremises, selectedFinaDeviceId]);
+
   const form = useForm<CreateAdvanceInvoiceFormValues>({
     // Cast resolver to accept extended form type (includes UI-only fields)
     resolver: zodResolver(createAdvanceInvoiceSchema) as Resolver<CreateAdvanceInvoiceFormValues>,
@@ -258,23 +327,29 @@ export default function CreateAdvanceInvoiceForm({
   const isFursActive =
     isFursEnabled && hasFursPremises && selectedPremiseName && selectedDeviceName && !skipFiscalization;
 
+  // FINA selection ready and active checks
+  const isFinaSelectionReady =
+    !isFinaEnabled || !hasFinaPremises || (!!selectedFinaPremiseId && !!selectedFinaDeviceId);
+  const isFinaActive = isFinaEnabled && hasFinaPremises && selectedFinaPremiseId && selectedFinaDeviceId;
+
   // ============================================================================
   // Next Advance Invoice Number Preview
   // ============================================================================
   const { data: nextNumberData, isLoading: isNextNumberLoading } = useNextDocumentNumber(entityId, "advance_invoice", {
     businessPremiseName: isFursActive ? selectedPremiseName : undefined,
     electronicDeviceName: isFursActive ? selectedDeviceName : undefined,
-    enabled: !!entityId && !isFursLoading && isFursSelectionReady,
+    enabled: !!entityId && !isFursLoading && isFursSelectionReady && !isFinaLoading && isFinaSelectionReady,
   });
 
   // Overall loading state
-  const isFormDataLoading = isFursLoading || !isFursSelectionReady || isNextNumberLoading;
+  const isFormDataLoading =
+    isFursLoading || !isFursSelectionReady || isFinaLoading || !isFinaSelectionReady || isNextNumberLoading;
 
   // Update header action with FURS and e-SLOG toggle buttons
   useEffect(() => {
     if (!onHeaderActionChange) return;
 
-    if (isFursLoading) {
+    if (isFursLoading || isFinaLoading) {
       onHeaderActionChange(null);
       return;
     }
@@ -368,6 +443,7 @@ export default function CreateAdvanceInvoiceForm({
     }
   }, [
     isFursLoading,
+    isFinaLoading,
     isFursEnabled,
     hasFursPremises,
     skipFiscalization,
@@ -422,6 +498,12 @@ export default function CreateAdvanceInvoiceForm({
           electronic_device_name: selectedDeviceName,
         });
       }
+      if (isFinaActive && selectedFinaPremiseId && selectedFinaDeviceId) {
+        setLastUsedFinaCombo(entityId, {
+          premise_id: selectedFinaPremiseId,
+          device_id: selectedFinaDeviceId,
+        });
+      }
       onSuccess?.(data);
     },
     onError,
@@ -463,12 +545,19 @@ export default function CreateAdvanceInvoiceForm({
       const eslogOptions =
         !isDraft && isEslogAvailable ? { validation_enabled: eslogValidationEnabled === true } : undefined;
 
+      // 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] }
+          : undefined;
+
       const payload = prepareAdvanceInvoiceSubmission(values, {
         originalCustomer,
         wasCustomerFormShown: showCustomerForm,
         markAsPaid: isDraft ? false : markAsPaid,
         paymentTypes,
         furs: fursOptions,
+        fina: finaOptions,
         eslog: eslogOptions,
         priceModes: priceModesRef.current,
         isDraft,
@@ -483,11 +572,14 @@ export default function CreateAdvanceInvoiceForm({
       form,
       isEslogAvailable,
       isFursEnabled,
+      isFinaEnabled,
       markAsPaid,
       originalCustomer,
       paymentTypes,
       selectedDeviceName,
       selectedPremiseName,
+      selectedFinaPremiseId,
+      selectedFinaDeviceId,
       showCustomerForm,
       skipFiscalization,
     ],
@@ -668,6 +760,18 @@ export default function CreateAdvanceInvoiceForm({
                   }
                 : undefined
             }
+            finaInline={
+              isFinaEnabled && hasFinaPremises
+                ? {
+                    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,
+                  }
+                : undefined
+            }
           >
             {/* Mark as paid section (UI-only state, not in form schema) */}
             <MarkAsPaidSection
@@ -676,6 +780,7 @@ export default function CreateAdvanceInvoiceForm({
               paymentTypes={paymentTypes}
               onPaymentTypesChange={setPaymentTypes}
               t={t}
+              alwaysShowPaymentType={!!isFinaActive}
             />
           </DocumentDetailsSection>
         </div>

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

@@ -26,4 +26,6 @@ export default {
   Card: "Karte",
   Check: "Scheck",
   Other: "Andere",
+  Premise: "Geschäftsräume",
+  Device: "Gerät",
 } as const;

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

@@ -26,4 +26,6 @@ export default {
   Card: "Tarjeta",
   Check: "Cheque",
   Other: "Otro",
+  Premise: "Local",
+  Device: "Dispositivo",
 } as const;

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

@@ -25,4 +25,6 @@ export default {
   Card: "Carte",
   Check: "Cheque",
   Other: "Autre",
+  Premise: "Local",
+  Device: "Appareil",
 } as const;

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

@@ -24,4 +24,6 @@ export default {
   Card: "Kartica",
   Check: "Cek",
   Other: "Ostalo",
+  Premise: "Prostor",
+  Device: "Uredaj",
 } as const;

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

@@ -26,4 +26,6 @@ export default {
   Card: "Carta",
   Check: "Assegno",
   Other: "Altro",
+  Premise: "Locale",
+  Device: "Dispositivo",
 } as const;

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

@@ -25,4 +25,6 @@ export default {
   Card: "Kaart",
   Check: "Cheque",
   Other: "Overig",
+  Premise: "Bedrijfsruimte",
+  Device: "Apparaat",
 } as const;

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

@@ -25,4 +25,6 @@ export default {
   Card: "Karta",
   Check: "Czek",
   Other: "Inne",
+  Premise: "Lokal",
+  Device: "Urządzenie",
 } as const;

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

@@ -26,4 +26,6 @@ export default {
   Card: "Cartao",
   Check: "Cheque",
   Other: "Outro",
+  Premise: "Estabelecimento",
+  Device: "Dispositivo",
 } as const;

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

@@ -22,4 +22,6 @@ export default {
   Card: "Kartica",
   Check: "Ček",
   Other: "Drugo",
+  Premise: "Poslovni prostor",
+  Device: "Naprava",
 } as const;

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

@@ -8,6 +8,12 @@ type FursData = {
   skip?: boolean;
 };
 
+type FinaData = {
+  premise_id?: string;
+  device_id?: string;
+  payment_type?: string;
+};
+
 type EslogData = {
   validation_enabled?: boolean;
 };
@@ -22,6 +28,8 @@ type PrepareOptions = {
   paymentTypes?: string[];
   /** FURS fiscalization data (for Slovenia) */
   furs?: FursData;
+  /** FINA fiscalization data (for Croatia) */
+  fina?: FinaData;
   /** e-SLOG validation data (for Slovenia) */
   eslog?: EslogData;
   /** Map of item index to gross price mode (collected from component state) */
@@ -63,6 +71,15 @@ export function prepareAdvanceInvoiceSubmission(
     }
   }
 
+  // Add FINA data if provided (FINA can't be skipped - all invoices must be fiscalized)
+  if (options.fina?.premise_id && options.fina.device_id) {
+    (payload as any).fina = {
+      premise_id: options.fina.premise_id,
+      device_id: options.fina.device_id,
+      ...(options.fina.payment_type && { payment_type: options.fina.payment_type }),
+    };
+  }
+
   // Add e-SLOG data if provided
   if (options.eslog !== undefined) {
     (payload as any).eslog = {

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

@@ -17,6 +17,7 @@ import { useAdvanceInvoiceDownload } from "./use-advance-invoice-download";
 
 type AdvanceInvoiceListRowActionsProps = {
   advanceInvoice: AdvanceInvoice;
+  onView?: (advanceInvoice: AdvanceInvoice) => void;
   onAddPayment?: (advanceInvoice: AdvanceInvoice) => void;
   onDuplicate?: (advanceInvoice: AdvanceInvoice) => void;
   onDownloadStart?: () => void;
@@ -28,6 +29,7 @@ type AdvanceInvoiceListRowActionsProps = {
 
 export default function AdvanceInvoiceListRowActions({
   advanceInvoice,
+  onView,
   onAddPayment,
   onDuplicate,
   onDownloadStart,
@@ -63,12 +65,7 @@ export default function AdvanceInvoiceListRowActions({
         </DropdownMenuGroup>
         <DropdownMenuSeparator />
         <DropdownMenuGroup>
-          <DropdownMenuItem
-            className="cursor-pointer"
-            onClick={() => {
-              window.location.href = `/app/documents/view/${advanceInvoice.id}`;
-            }}
-          >
+          <DropdownMenuItem className="cursor-pointer" onClick={() => onView?.(advanceInvoice)}>
             <Eye className="h-4 w-4" />
             {t("View advance invoice")}
           </DropdownMenuItem>

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

@@ -1,8 +1,9 @@
 import type { AdvanceInvoice } from "@spaceinvoices/js-sdk";
-import { useMemo } from "react";
+import { useCallback, useMemo, useState } from "react";
 import { DataTable } from "@/ui/components/table/data-table";
 import { FormattedDate } from "@/ui/components/table/date-cell";
 import { useTableFetch } from "@/ui/components/table/hooks/use-table-fetch";
+import { SelectionToolbar } from "@/ui/components/table/selection-toolbar";
 import type {
   Column,
   FilterConfig,
@@ -45,16 +46,19 @@ type AdvanceInvoiceListTableProps = {
   namespace?: string;
   locale?: string;
   entityId?: string;
+  onView?: (advanceInvoice: AdvanceInvoice) => void;
   onAddPayment?: (advanceInvoice: AdvanceInvoice) => void;
   onDuplicate?: (advanceInvoice: AdvanceInvoice) => void;
   onDownloadStart?: () => void;
   onDownloadSuccess?: (fileName: string) => void;
   onDownloadError?: (error: string) => void;
+  onExportSelected?: (documentIds: string[]) => void;
 } & ListTableProps<AdvanceInvoice>;
 
 export default function AdvanceInvoiceListTable({
   queryParams,
   onRowClick,
+  onView,
   onAddPayment,
   onDuplicate,
   onChangeParams,
@@ -62,6 +66,7 @@ export default function AdvanceInvoiceListTable({
   onDownloadStart,
   onDownloadSuccess,
   onDownloadError,
+  onExportSelected,
   ...i18nProps
 }: AdvanceInvoiceListTableProps) {
   const t = createTranslation({
@@ -70,6 +75,7 @@ export default function AdvanceInvoiceListTable({
   });
 
   const { sdk } = useSDK();
+  const [selectedIds, setSelectedIds] = useState<Set<string>>(new Set());
 
   const handleFetch = useTableFetch(async (params: TableQueryParams) => {
     if (!sdk) throw new Error("SDK not initialized");
@@ -99,6 +105,28 @@ export default function AdvanceInvoiceListTable({
     [t],
   );
 
+  const handleExportPdfs = useCallback(() => {
+    if (selectedIds.size > 0 && onExportSelected) {
+      onExportSelected(Array.from(selectedIds));
+    }
+  }, [selectedIds, onExportSelected]);
+
+  const handleDeselectAll = useCallback(() => {
+    setSelectedIds(new Set());
+  }, []);
+
+  const selectionToolbar = useCallback(
+    (count: number) => (
+      <SelectionToolbar
+        selectedCount={count}
+        onExportPdfs={onExportSelected ? handleExportPdfs : undefined}
+        onDeselectAll={handleDeselectAll}
+        t={t}
+      />
+    ),
+    [handleExportPdfs, handleDeselectAll, onExportSelected, t],
+  );
+
   const columns: Column<AdvanceInvoice>[] = useMemo(
     () => [
       {
@@ -163,6 +191,7 @@ export default function AdvanceInvoiceListTable({
         cell: (advanceInvoice) => (
           <AdvanceInvoiceListRowActions
             advanceInvoice={advanceInvoice}
+            onView={onView}
             onAddPayment={onAddPayment}
             onDuplicate={onDuplicate}
             onDownloadStart={onDownloadStart}
@@ -174,7 +203,17 @@ export default function AdvanceInvoiceListTable({
         ),
       },
     ],
-    [t, onRowClick, onAddPayment, onDuplicate, onDownloadStart, onDownloadSuccess, onDownloadError, i18nProps.locale],
+    [
+      t,
+      onRowClick,
+      onView,
+      onAddPayment,
+      onDuplicate,
+      onDownloadStart,
+      onDownloadSuccess,
+      onDownloadError,
+      i18nProps.locale,
+    ],
   );
 
   return (
@@ -190,6 +229,10 @@ export default function AdvanceInvoiceListTable({
       filterConfig={filterConfig}
       t={t}
       locale={i18nProps.locale}
+      selectable={!!onExportSelected}
+      selectedIds={selectedIds}
+      onSelectionChange={setSelectedIds}
+      selectionToolbar={selectionToolbar}
     />
   );
 }

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

@@ -38,4 +38,7 @@ export default {
   "No results found": "Keine Vorauszahlungsrechnungen gefunden",
   "Try adjusting your search criteria": "Versuchen Sie, Ihre Suchkriterien anzupassen",
   "Clear search": "Suche zurücksetzen",
+  selected: "ausgewählt",
+  "Export PDFs": "PDFs exportieren",
+  "Deselect all": "Auswahl aufheben",
 } as const;

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

@@ -5,4 +5,7 @@ export default {
   "Create new": "Create advance invoice",
   // No results translations
   "No results found": "No advance invoices found",
+  selected: "selected",
+  "Export PDFs": "Export PDFs",
+  "Deselect all": "Deselect all",
 } as const;

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

@@ -38,4 +38,7 @@ 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",
+  selected: "seleccionados",
+  "Export PDFs": "Exportar PDFs",
+  "Deselect all": "Deseleccionar todo",
 } as const;

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

@@ -38,4 +38,7 @@ 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",
+  selected: "sélectionnés",
+  "Export PDFs": "Exporter les PDF",
+  "Deselect all": "Tout désélectionner",
 } as const;

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

@@ -38,4 +38,7 @@ export default {
   "No results found": "Nije pronadjen nijedan avansni racun",
   "Try adjusting your search criteria": "Pokusajte prilagoditi kriterije pretrazivanja",
   "Clear search": "Ocisti pretragu",
+  selected: "odabranih",
+  "Export PDFs": "Izvezi PDF-ove",
+  "Deselect all": "Poništi odabir",
 } as const;

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

@@ -38,4 +38,7 @@ 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",
+  selected: "selezionati",
+  "Export PDFs": "Esporta PDF",
+  "Deselect all": "Deseleziona tutto",
 } as const;