@spaceinvoices/react-ui 0.4.11 → 0.4.31

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

@@ -12,11 +12,18 @@ import {
   DropdownMenuSeparator,
   DropdownMenuTrigger,
 } from "@/ui/components/ui/dropdown-menu";
+import { actionMenuTooltipProps, Tooltip, TooltipContent, TooltipTrigger } from "@/ui/components/ui/tooltip";
 import type { ComponentTranslationProps } from "@/ui/lib/translation";
 import { createTranslation } from "@/ui/lib/translation";
 import { SendEmailDialog } from "../send-email-dialog";
 import { useInvoiceDownload } from "./use-invoice-download";
 
+const translations = {
+  sl: {
+    "This document is already voided.": "Ta dokument je že storniran.",
+  },
+} as const;
+
 type InvoiceListRowActionsProps = {
   invoice: Invoice;
   onView?: (invoice: Invoice) => void;
@@ -29,6 +36,7 @@ type InvoiceListRowActionsProps = {
   isUnsharing?: boolean;
   onVoid?: (invoice: Invoice) => void;
   isVoiding?: boolean;
+  allowSendEmail?: boolean;
 } & ComponentTranslationProps;
 
 export default memo(function InvoiceListRowActions({
@@ -43,9 +51,10 @@ export default memo(function InvoiceListRowActions({
   isUnsharing,
   onVoid,
   isVoiding,
+  allowSendEmail = true,
   ...i18nProps
 }: InvoiceListRowActionsProps) {
-  const t = createTranslation(i18nProps);
+  const t = createTranslation({ ...i18nProps, translations });
   const [emailDialogOpen, setEmailDialogOpen] = useState(false);
   const { isDownloading, downloadPDF } = useInvoiceDownload({
     onDownloadStart,
@@ -81,10 +90,12 @@ export default memo(function InvoiceListRowActions({
               <Download className="h-4 w-4" />
               {isDownloading ? t("Downloading...") : t("Download PDF")}
             </DropdownMenuItem>
-            <DropdownMenuItem className="cursor-pointer" onClick={() => setEmailDialogOpen(true)}>
-              <Mail className="h-4 w-4" />
-              {t("Send Email")}
-            </DropdownMenuItem>
+            {allowSendEmail && (
+              <DropdownMenuItem className="cursor-pointer" onClick={() => setEmailDialogOpen(true)}>
+                <Mail className="h-4 w-4" />
+                {t("Send Email")}
+              </DropdownMenuItem>
+            )}
             {onDuplicate && (
               <DropdownMenuItem className="cursor-pointer" onClick={() => onDuplicate(invoice)}>
                 <Copy className="h-4 w-4" />
@@ -118,30 +129,52 @@ export default memo(function InvoiceListRowActions({
               </DropdownMenuGroup>
             </>
           )}
-          {onVoid && !invoice.voided_at && !(invoice as any).is_draft && (
+          {onVoid && !(invoice as any).is_draft && (
             <>
               <DropdownMenuSeparator />
               <DropdownMenuGroup>
-                <DropdownMenuItem
-                  className="cursor-pointer text-destructive focus:text-destructive"
-                  onClick={() => onVoid(invoice)}
-                  disabled={isVoiding}
-                >
-                  {isVoiding ? <Loader2 className="h-4 w-4 animate-spin" /> : <Ban className="h-4 w-4" />}
-                  {t("Void")}
-                </DropdownMenuItem>
+                {(() => {
+                  const disabledReason = invoice?.voided_at ? t("This document is already voided.") : undefined;
+                  const item = (
+                    <DropdownMenuItem
+                      className="cursor-pointer text-destructive focus:text-destructive"
+                      onClick={disabledReason ? undefined : () => onVoid(invoice)}
+                      disabled={isVoiding || !!disabledReason}
+                    >
+                      {isVoiding ? <Loader2 className="h-4 w-4 animate-spin" /> : <Ban className="h-4 w-4" />}
+                      {t("Void")}
+                    </DropdownMenuItem>
+                  );
+
+                  if (!disabledReason) return item;
+
+                  return (
+                    <Tooltip>
+                      <TooltipTrigger asChild>
+                        <div>{item}</div>
+                      </TooltipTrigger>
+                      <TooltipContent side="left" {...actionMenuTooltipProps}>
+                        {disabledReason}
+                      </TooltipContent>
+                    </Tooltip>
+                  );
+                })()}
               </DropdownMenuGroup>
             </>
           )}
         </DropdownMenuContent>
       </DropdownMenu>
-      <SendEmailDialog
-        invoice={invoice}
-        defaultEmail={invoice.customer?.email || ""}
-        open={emailDialogOpen}
-        onOpenChange={setEmailDialogOpen}
-        translationFn={t}
-      />
+      {allowSendEmail && (
+        <SendEmailDialog
+          document={invoice}
+          defaultEmail={invoice.customer?.email || ""}
+          open={emailDialogOpen}
+          onOpenChange={setEmailDialogOpen}
+          locale={i18nProps.locale}
+          translationFn={t}
+          translationLocale={i18nProps.translationLocale}
+        />
+      )}
     </>
   );
 });

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

@@ -1,5 +1,7 @@
 import type { Invoice } from "@spaceinvoices/js-sdk";
+import { invoices } from "@spaceinvoices/js-sdk";
 import { AlertTriangle } from "lucide-react";
+import type { ReactNode } from "react";
 import { useCallback, useMemo, useState } from "react";
 import { DataTable } from "@/ui/components/table/data-table";
 import { FormattedDate } from "@/ui/components/table/date-cell";
@@ -16,9 +18,10 @@ import type {
 import { Badge } from "@/ui/components/ui/badge";
 import { Button } from "@/ui/components/ui/button";
 import { Tooltip, TooltipContent, TooltipTrigger } from "@/ui/components/ui/tooltip";
+import { getDisplayDocumentNumber } from "@/ui/lib/document-display";
+import { getEslogSelectionState } from "@/ui/lib/eslog-export";
 import { getFiscalizationFailureType } from "@/ui/lib/fiscalization";
 import { createTranslation } from "@/ui/lib/translation";
-import { useSDK } from "@/ui/providers/sdk-provider";
 
 import InvoiceListRowActions from "./list-row-actions";
 import de from "./locales/de";
@@ -32,7 +35,7 @@ import pl from "./locales/pl";
 import pt from "./locales/pt";
 import sl from "./locales/sl";
 
-const translations = withTableTranslations({
+export const invoiceListTranslations = withTableTranslations({
   en,
   sl,
   de,
@@ -50,6 +53,7 @@ type InvoiceListTableProps = {
   namespace?: string;
   locale?: string;
   translationLocale?: string;
+  cacheKey?: string;
   entityId?: string;
   onView?: (invoice: Invoice) => void;
   onAddPayment?: (invoice: Invoice) => void;
@@ -58,15 +62,28 @@ type InvoiceListTableProps = {
   onDownloadSuccess?: (fileName: string) => void;
   onDownloadError?: (error: string) => void;
   onExportSelected?: (documentIds: string[]) => void;
+  onExportEslogSelected?: (documentIds: string[]) => void;
+  pdfExportDisabled?: boolean;
+  pdfExportDisabledTooltip?: string;
+  eslogExportDisabled?: boolean;
+  eslogExportDisabledTooltip?: string;
   onRetryFiscalization?: (documentIds: string[]) => void;
   fiscalizationFeatures?: ("furs" | "fina")[];
   onVoid?: (invoice: Invoice) => void;
   isVoiding?: boolean;
   onCreateNew?: () => void;
+  allowSendEmail?: boolean;
+  showSearchToolbar?: boolean;
+  showPagination?: boolean;
+  contentInsetClassName?: string;
+  bottomPaddingClassName?: string;
+  emptyState?: ReactNode;
+  hiddenColumnIds?: string[];
 } & ListTableProps<Invoice>;
 
 export default function InvoiceListTable({
   queryParams,
+  cacheKey = "invoices",
   onRowClick,
   onView,
   onAddPayment,
@@ -78,31 +95,41 @@ export default function InvoiceListTable({
   onDownloadSuccess,
   onDownloadError,
   onExportSelected,
+  onExportEslogSelected,
+  pdfExportDisabled,
+  pdfExportDisabledTooltip,
+  eslogExportDisabled,
+  eslogExportDisabledTooltip,
   onRetryFiscalization,
   fiscalizationFeatures,
   onVoid,
   isVoiding,
   onCreateNew,
+  allowSendEmail = true,
+  showSearchToolbar,
+  showPagination,
+  contentInsetClassName,
+  bottomPaddingClassName,
+  emptyState,
+  hiddenColumnIds,
   ...i18nProps
 }: InvoiceListTableProps) {
   const t = createTranslation({
-    translations,
-    locale: i18nProps.translationLocale ?? i18nProps.locale,
     ...i18nProps,
+    translations: invoiceListTranslations,
   });
 
-  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");
     if (!params.entity_id) throw new Error("Entity ID required");
 
-    const response = await sdk.invoices.list({
+    const response = await invoices.list({
       entity_id: params.entity_id,
       limit: params.limit,
       next_cursor: params.next_cursor,
       prev_cursor: params.prev_cursor,
+      order_by: params.order_by,
       search: params.search,
       query: params.query,
     });
@@ -127,6 +154,12 @@ export default function InvoiceListTable({
     }
   }, [selectedIds, onExportSelected]);
 
+  const handleExportEslog = useCallback(() => {
+    if (selectedIds.size > 0 && onExportEslogSelected) {
+      onExportEslogSelected(Array.from(selectedIds));
+    }
+  }, [selectedIds, onExportEslogSelected]);
+
   const handleDeselectAll = useCallback(() => {
     setSelectedIds(new Set());
   }, []);
@@ -134,6 +167,7 @@ export default function InvoiceListTable({
   const selectionToolbar = useCallback(
     (count: number, data: Invoice[]) => {
       const selectedDocs = data.filter((d) => selectedIds.has(d.id));
+      const eslogSelection = getEslogSelectionState(selectedDocs);
       const failedDocs = selectedDocs.filter((d) => {
         const failureType = getFiscalizationFailureType(d as any);
         return failureType && fiscalizationFeatures?.includes(failureType);
@@ -149,6 +183,23 @@ export default function InvoiceListTable({
         <SelectionToolbar
           selectedCount={count}
           onExportPdfs={onExportSelected ? handleExportPdfs : undefined}
+          exportPdfsDisabled={pdfExportDisabled}
+          exportPdfsTooltip={pdfExportDisabledTooltip}
+          onExportEslog={onExportEslogSelected ? handleExportEslog : undefined}
+          exportEslogDisabled={eslogExportDisabled || eslogSelection.noneEligible}
+          exportEslogTooltip={
+            eslogExportDisabled
+              ? eslogExportDisabledTooltip
+              : eslogSelection.noneEligible
+                ? t("None of the selected documents are valid for e-SLOG export")
+                : undefined
+          }
+          exportEslogWarning={!eslogExportDisabled && eslogSelection.partiallyEligible}
+          exportEslogWarningTooltip={
+            !eslogExportDisabled && eslogSelection.partiallyEligible
+              ? t("Some selected documents are not valid for e-SLOG export and will be skipped")
+              : undefined
+          }
           onRetryFiscalization={showRetry ? () => onRetryFiscalization(failedDocs.map((d) => d.id)) : undefined}
           retryFiscalizationDisabled={someFailed && !allFailed}
           retryFiscalizationTooltip={
@@ -161,8 +212,14 @@ export default function InvoiceListTable({
     },
     [
       handleExportPdfs,
+      handleExportEslog,
       handleDeselectAll,
       onExportSelected,
+      onExportEslogSelected,
+      pdfExportDisabled,
+      pdfExportDisabledTooltip,
+      eslogExportDisabled,
+      eslogExportDisabledTooltip,
       onRetryFiscalization,
       fiscalizationFeatures,
       selectedIds,
@@ -175,13 +232,16 @@ export default function InvoiceListTable({
       {
         id: "number",
         header: t("Number"),
+        sort: {
+          defaultDirection: "desc",
+        },
         cell: (invoice) => {
           const failureType = getFiscalizationFailureType(invoice 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?.(invoice)}>
-                {invoice.number}
+                {getDisplayDocumentNumber(invoice as Invoice & { is_draft?: boolean }, t)}
               </Button>
               {(invoice as any).is_draft && (
                 <Badge
@@ -213,23 +273,29 @@ export default function InvoiceListTable({
       {
         id: "date",
         header: t("Date"),
+        sort: {
+          defaultDirection: "desc",
+        },
         cell: (invoice) => <FormattedDate date={invoice.date} locale={i18nProps.locale} />,
       },
       {
         id: "date_due",
         header: t("Date Due"),
+        sort: true,
         cell: (invoice) => <FormattedDate date={invoice.date_due} locale={i18nProps.locale} />,
       },
       {
         id: "total",
         header: t("Total"),
         align: "right",
+        sort: true,
         cell: (invoice) => invoice.total,
       },
       {
         id: "total_with_tax",
         header: t("Total with Tax"),
         align: "right",
+        sort: true,
         cell: (invoice) => invoice.total_with_tax,
       },
       {
@@ -252,6 +318,7 @@ export default function InvoiceListTable({
             onDownloadError={onDownloadError}
             onVoid={onVoid}
             isVoiding={isVoiding}
+            allowSendEmail={allowSendEmail}
             t={t}
             locale={i18nProps.locale}
           />
@@ -269,17 +336,27 @@ export default function InvoiceListTable({
       onDownloadError,
       onVoid,
       isVoiding,
+      allowSendEmail,
       i18nProps.locale,
       fiscalizationFeatures,
     ],
   );
 
+  const visibleColumns = useMemo(() => {
+    if (!hiddenColumnIds?.length) {
+      return columns;
+    }
+
+    const hidden = new Set(hiddenColumnIds);
+    return columns.filter((column) => !hidden.has(column.id));
+  }, [columns, hiddenColumnIds]);
+
   return (
     <DataTable
-      columns={columns}
+      columns={visibleColumns}
       queryParams={queryParams}
       resourceName="invoice"
-      cacheKey="invoices"
+      cacheKey={cacheKey}
       createNewLink={entityId ? `/app/${entityId}/documents/add/invoice` : undefined}
       onCreateNew={onCreateNew}
       onFetch={handleFetch}
@@ -289,16 +366,21 @@ export default function InvoiceListTable({
       filterConfig={filterConfig}
       t={t}
       locale={i18nProps.locale}
-      selectable={!!(onExportSelected || onRetryFiscalization)}
+      selectable={!!(onExportSelected || onExportEslogSelected || onRetryFiscalization)}
       selectedIds={selectedIds}
       onSelectionChange={setSelectedIds}
       selectionToolbar={selectionToolbar}
+      showSearchToolbar={showSearchToolbar}
+      showPagination={showPagination}
+      contentInsetClassName={contentInsetClassName}
+      bottomPaddingClassName={bottomPaddingClassName}
+      emptyState={emptyState}
     />
   );
 }
 
 /** Status badge for invoices */
-function InvoiceStatusBadge({ invoice, t }: { invoice: Invoice; t: (key: string) => string }) {
+export function InvoiceStatusBadge({ invoice, t }: { invoice: Invoice; t: (key: string) => string }) {
   if ((invoice 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">

package/src/components/invoices/list/locales/bg.ts

@@ -0,0 +1,49 @@
+export default {
+  "Your list is empty": "Your invoice list is empty",
+  "Get started by creating your first entry": "Get started by creating your first invoice",
+  "Create new": "Create invoice",
+  "No results found": "No invoices found",
+  selected: "selected",
+  "Export PDFs": "Export PDFs",
+  "Deselect all": "Deselect all",
+  Void: "Void",
+  "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",
+  Draft: "Draft",
+  Number: "Номер",
+  Customer: "Клиент",
+  Date: "Дата",
+  "Date Due": "Date Due",
+  Total: "Общо",
+  "Total with Tax": "Total with Tax",
+  Actions: "Действия",
+  "Open menu": "Отворете менюто",
+  "Copy invoice ID": "Copy invoice ID",
+  "View invoice": "View invoice",
+  "Add Payment": "Добави плащане",
+  "Download PDF": "Изтегли PDF",
+  "Downloading...": "Изтегляне...",
+  Duplicate: "Duplicate",
+  "Send Email": "Send Email",
+  Invoice: "Фактура",
+  "Failed to download PDF": "Неуспешно изтегляне на PDF",
+  "Search...": "Search...",
+  Filters: "Filters",
+  "Date Range": "Период",
+  From: "From",
+  To: "To",
+  "Clear filters": "Clear filters",
+  Status: "Статус",
+  Paid: "Платено",
+  Unpaid: "Unpaid",
+  Overdue: "Просрочени",
+  Voided: "Анулирана",
+  "Created At": "Created At",
+  Unshare: "Прекрати споделяне",
+  "Try adjusting your search criteria": "Try adjusting your search criteria",
+  "Clear search": "Clear search",
+  "Clear all": "Clear all",
+} as const;

package/src/components/invoices/list/locales/cs.ts

@@ -0,0 +1,49 @@
+export default {
+  "Your list is empty": "Your invoice list is empty",
+  "Get started by creating your first entry": "Get started by creating your first invoice",
+  "Create new": "Create invoice",
+  "No results found": "No invoices found",
+  selected: "selected",
+  "Export PDFs": "Export PDFs",
+  "Deselect all": "Deselect all",
+  Void: "Void",
+  "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",
+  Draft: "Draft",
+  Number: "Číslo",
+  Customer: "Zákazník",
+  Date: "Datum",
+  "Date Due": "Date Due",
+  Total: "Celkem",
+  "Total with Tax": "Total with Tax",
+  Actions: "Akce",
+  "Open menu": "Otevřít nabídku",
+  "Copy invoice ID": "Copy invoice ID",
+  "View invoice": "View invoice",
+  "Add Payment": "Přidat platbu",
+  "Download PDF": "Stáhnout PDF",
+  "Downloading...": "Stahování...",
+  Duplicate: "Duplicate",
+  "Send Email": "Send Email",
+  Invoice: "Faktura",
+  "Failed to download PDF": "Stažení PDF se nezdařilo",
+  "Search...": "Search...",
+  Filters: "Filters",
+  "Date Range": "Časový rozsah",
+  From: "From",
+  To: "To",
+  "Clear filters": "Clear filters",
+  Status: "Stav",
+  Paid: "Zaplaceno",
+  Unpaid: "Unpaid",
+  Overdue: "Po splatnosti",
+  Voided: "Stornováno",
+  "Created At": "Created At",
+  Unshare: "Zrušit sdílení",
+  "Try adjusting your search criteria": "Try adjusting your search criteria",
+  "Clear search": "Clear search",
+  "Clear all": "Clear all",
+} as const;

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

@@ -1,9 +1,7 @@
 export default {
-  // Empty state translations
   "Your list is empty": "Your invoice list is empty",
   "Get started by creating your first entry": "Get started by creating your first invoice",
   "Create new": "Create invoice",
-  // No results translations
   "No results found": "No invoices found",
   selected: "selected",
   "Export PDFs": "Export PDFs",
@@ -14,4 +12,38 @@ export default {
   "FINA fiscalization failed": "FINA fiscalization failed",
   "Retry Fiscalization": "Retry Fiscalization",
   "Some selected documents don't have failed fiscalization": "Some selected documents don't have failed fiscalization",
+  Draft: "Draft",
+  Number: "Number",
+  Customer: "Customer",
+  Date: "Date",
+  "Date Due": "Date Due",
+  Total: "Total",
+  "Total with Tax": "Total with Tax",
+  Actions: "Actions",
+  "Open menu": "Open menu",
+  "Copy invoice ID": "Copy invoice ID",
+  "View invoice": "View invoice",
+  "Add Payment": "Add Payment",
+  "Download PDF": "Download PDF",
+  "Downloading...": "Downloading...",
+  Duplicate: "Duplicate",
+  "Send Email": "Send Email",
+  Invoice: "Invoice",
+  "Failed to download PDF": "Failed to download PDF",
+  "Search...": "Search...",
+  Filters: "Filters",
+  "Date Range": "Date Range",
+  From: "From",
+  To: "To",
+  "Clear filters": "Clear filters",
+  Status: "Status",
+  Paid: "Paid",
+  Unpaid: "Unpaid",
+  Overdue: "Overdue",
+  Voided: "Voided",
+  "Created At": "Created At",
+  Unshare: "Unshare",
+  "Try adjusting your search criteria": "Try adjusting your search criteria",
+  "Clear search": "Clear search",
+  "Clear all": "Clear all",
 } as const;

package/src/components/invoices/list/locales/et.ts

@@ -0,0 +1,49 @@
+export default {
+  "Your list is empty": "Your invoice list is empty",
+  "Get started by creating your first entry": "Get started by creating your first invoice",
+  "Create new": "Create invoice",
+  "No results found": "No invoices found",
+  selected: "selected",
+  "Export PDFs": "Export PDFs",
+  "Deselect all": "Deselect all",
+  Void: "Void",
+  "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",
+  Draft: "Draft",
+  Number: "Number",
+  Customer: "Klient",
+  Date: "Kuupäev",
+  "Date Due": "Date Due",
+  Total: "Kokku",
+  "Total with Tax": "Total with Tax",
+  Actions: "Tegevused",
+  "Open menu": "Ava menüü",
+  "Copy invoice ID": "Copy invoice ID",
+  "View invoice": "View invoice",
+  "Add Payment": "Lisa makse",
+  "Download PDF": "Laadi PDF alla",
+  "Downloading...": "Allalaadimine...",
+  Duplicate: "Duplicate",
+  "Send Email": "Send Email",
+  Invoice: "Arve",
+  "Failed to download PDF": "PDF-i allalaadimine ebaõnnestus",
+  "Search...": "Search...",
+  Filters: "Filters",
+  "Date Range": "Kuupäevavahemik",
+  From: "From",
+  To: "To",
+  "Clear filters": "Clear filters",
+  Status: "Olek",
+  Paid: "Makstud",
+  Unpaid: "Unpaid",
+  Overdue: "Üle tähtaja",
+  Voided: "Tühistatud",
+  "Created At": "Created At",
+  Unshare: "Lõpeta jagamine",
+  "Try adjusting your search criteria": "Try adjusting your search criteria",
+  "Clear search": "Clear search",
+  "Clear all": "Clear all",
+} as const;

package/src/components/invoices/list/locales/fi.ts

@@ -0,0 +1,49 @@
+export default {
+  "Your list is empty": "Your invoice list is empty",
+  "Get started by creating your first entry": "Get started by creating your first invoice",
+  "Create new": "Create invoice",
+  "No results found": "No invoices found",
+  selected: "selected",
+  "Export PDFs": "Export PDFs",
+  "Deselect all": "Deselect all",
+  Void: "Void",
+  "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",
+  Draft: "Draft",
+  Number: "Number",
+  Customer: "Asiakas",
+  Date: "Päivämäärä",
+  "Date Due": "Date Due",
+  Total: "Total",
+  "Total with Tax": "Total with Tax",
+  Actions: "Toiminnot",
+  "Open menu": "Avaa valikko",
+  "Copy invoice ID": "Copy invoice ID",
+  "View invoice": "View invoice",
+  "Add Payment": "Add Payment",
+  "Download PDF": "Lataa PDF",
+  "Downloading...": "Ladataan...",
+  Duplicate: "Duplicate",
+  "Send Email": "Send Email",
+  Invoice: "Lasku",
+  "Failed to download PDF": "PDF:n lataaminen epäonnistui",
+  "Search...": "Search...",
+  Filters: "Filters",
+  "Date Range": "Date Range",
+  From: "From",
+  To: "To",
+  "Clear filters": "Clear filters",
+  Status: "Tila",
+  Paid: "Maksettu",
+  Unpaid: "Unpaid",
+  Overdue: "Overdue",
+  Voided: "Voided",
+  "Created At": "Created At",
+  Unshare: "Poista jakaminen",
+  "Try adjusting your search criteria": "Try adjusting your search criteria",
+  "Clear search": "Clear search",
+  "Clear all": "Clear all",
+} as const;