@spaceinvoices/react-ui 0.3.0 → 0.4.0

package/src/components/entities/furs-settings-form/locales/pt.ts

@@ -148,6 +148,8 @@ export default {
   "Invoice Number": "Número da fatura",
   Iteration: "Iteração",
   "QR Code": "Código QR",
+  "Issuer Tax Number": "Número fiscal do emissor",
+  Operator: "Operador",
   "Fiscalized at": "Fiscalizado em",
   "Enable Fiscalization": "Ativar fiscalização",
   "Turn on FURS fiscalization for invoices": "Ative a fiscalização FURS para faturas",

package/src/components/entities/furs-settings-form/locales/sl.ts

@@ -148,6 +148,8 @@ export default {
   "Invoice Number": "Številka računa",
   Iteration: "Iteracija",
   "QR Code": "QR koda",
+  "Issuer Tax Number": "Davčna številka izdajatelja",
+  Operator: "Operater",
   "Fiscalized at": "Fiskalizirano dne",
   // New flow translations
   "Enable Fiscalization": "Omogoči fiskalizacijo",
@@ -195,4 +197,16 @@ export default {
     "Privzeti podatki operaterja, ki se uporabljajo, ko so računi ustvarjeni preko API-ja brez prijavljenega uporabnika.",
   "Certificate uploaded successfully": "Certifikat uspešno naložen",
   "Loading certificate details...": "Nalaganje podrobnosti certifikata...",
+  // Entity info section
+  "Entity Information": "Podatki podjetja",
+  "Required company details for FURS fiscalization": "Obvezni podatki podjetja za fiskalizacijo FURS",
+  "Entity Tax Number": "Davčna številka podjetja",
+  "Your company's tax number (must match FURS certificate)":
+    "Davčna številka vašega podjetja (mora se ujemati s certifikatom FURS)",
+  Address: "Naslov",
+  "Post Code": "Poštna številka",
+  "Save Entity Info": "Shrani podatke podjetja",
+  "Tax number is required for FURS fiscalization": "Davčna številka je obvezna za fiskalizacijo FURS",
+  "Set entity tax number in General Settings first":
+    "Najprej nastavite davčno številko podjetja v splošnih nastavitvah",
 } as const;

package/src/components/entities/furs-settings-form/sections/general-settings-section.tsx

@@ -1,7 +1,9 @@
 import type { Entity } from "@spaceinvoices/js-sdk";
-import { ChevronRight, Settings, User } from "lucide-react";
+import { AlertTriangle, Building2, ChevronRight, Settings, User } from "lucide-react";
 import { type FC, type ReactNode, useEffect, useState } from "react";
 import type { UseFormReturn } from "react-hook-form";
+import { useUpdateEntity } from "@/ui/components/entities/entities.hooks";
+import { Alert, AlertDescription } from "@/ui/components/ui/alert";
 import { Button } from "@/ui/components/ui/button";
 import { FormControl, FormDescription, FormField, FormItem, FormLabel, FormMessage } from "@/ui/components/ui/form";
 import { Input } from "@/ui/components/ui/input";
@@ -30,6 +32,37 @@ export const GeneralSettingsSection: FC<GeneralSettingsSectionProps> = ({
   const wrap = (section: SectionType, content: ReactNode) => (wrapSection ? wrapSection(section, content) : content);
   const [isAdvancedOpen, setIsAdvancedOpen] = useState(false);
 
+  // Entity info (local state for form)
+  const [entityTaxNumber, setEntityTaxNumber] = useState("");
+  const [entityAddress, setEntityAddress] = useState("");
+  const [entityCity, setEntityCity] = useState("");
+  const [entityPostCode, setEntityPostCode] = useState("");
+
+  // Initialize entity fields from entity prop
+  useEffect(() => {
+    setEntityTaxNumber(entity.tax_number || "");
+    setEntityAddress(entity.address || "");
+    setEntityCity(entity.city || "");
+    setEntityPostCode(entity.post_code || "");
+  }, [entity.tax_number, entity.address, entity.city, entity.post_code]);
+
+  const { mutate: updateEntity, isPending: isEntityUpdatePending } = useUpdateEntity({
+    onSuccess: () => onSuccess?.(),
+    onError: (error) => onError?.(error),
+  });
+
+  const handleSaveEntityInfo = () => {
+    updateEntity({
+      id: entity.id,
+      data: {
+        tax_number: entityTaxNumber || null,
+        address: entityAddress || null,
+        city: entityCity || null,
+        post_code: entityPostCode || null,
+      },
+    });
+  };
+
   // User operator settings (local state for form)
   const { data: userFursSettings, isLoading: userSettingsLoading } = useUserFursSettings(entity.id);
   const [operatorTaxNumber, setOperatorTaxNumber] = useState("");
@@ -58,6 +91,92 @@ export const GeneralSettingsSection: FC<GeneralSettingsSectionProps> = ({
     });
   };
 
+  // Entity Information content
+  const entityInfoContent = (
+    <div className="space-y-4">
+      <div className="flex items-center gap-3">
+        <div className="flex h-10 w-10 items-center justify-center rounded-lg bg-orange-500/10">
+          <Building2 className="h-5 w-5 text-orange-600 dark:text-orange-400" />
+        </div>
+        <div>
+          <h3 className="font-semibold text-lg">{t("Entity Information")}</h3>
+          <p className="text-muted-foreground text-sm">{t("Required company details for FURS fiscalization")}</p>
+        </div>
+      </div>
+
+      {!entity.tax_number && (
+        <Alert variant="destructive">
+          <AlertTriangle className="h-4 w-4" />
+          <AlertDescription>{t("Tax number is required for FURS fiscalization")}</AlertDescription>
+        </Alert>
+      )}
+
+      <div className="space-y-4">
+        <div>
+          <label htmlFor="entity-tax-number" className="font-medium text-sm">
+            {t("Entity Tax Number")}
+          </label>
+          <Input
+            id="entity-tax-number"
+            placeholder="12345678"
+            value={entityTaxNumber}
+            onChange={(e) => setEntityTaxNumber(e.target.value)}
+            className={cn("mt-2 h-10", !entity.tax_number && "border-destructive")}
+          />
+          <p className="mt-1 text-muted-foreground text-xs">
+            {t("Your company's tax number (must match FURS certificate)")}
+          </p>
+        </div>
+
+        <div>
+          <label htmlFor="entity-address" className="font-medium text-sm">
+            {t("Address")}
+          </label>
+          <Input
+            id="entity-address"
+            value={entityAddress}
+            onChange={(e) => setEntityAddress(e.target.value)}
+            className="mt-2 h-10"
+          />
+        </div>
+
+        <div className="grid grid-cols-2 gap-4">
+          <div>
+            <label htmlFor="entity-post-code" className="font-medium text-sm">
+              {t("Post Code")}
+            </label>
+            <Input
+              id="entity-post-code"
+              value={entityPostCode}
+              onChange={(e) => setEntityPostCode(e.target.value)}
+              className="mt-2 h-10"
+            />
+          </div>
+          <div>
+            <label htmlFor="entity-city" className="font-medium text-sm">
+              {t("City")}
+            </label>
+            <Input
+              id="entity-city"
+              value={entityCity}
+              onChange={(e) => setEntityCity(e.target.value)}
+              className="mt-2 h-10"
+            />
+          </div>
+        </div>
+
+        <Button
+          type="button"
+          onClick={handleSaveEntityInfo}
+          disabled={isEntityUpdatePending}
+          className="cursor-pointer"
+        >
+          {isEntityUpdatePending ? t("Saving...") : t("Save Entity Info")}
+        </Button>
+      </div>
+    </div>
+  );
+
   // Operator Settings content
   const operatorContent = (
     <div className="space-y-4">
@@ -244,6 +363,7 @@ export const GeneralSettingsSection: FC<GeneralSettingsSectionProps> = ({
 
   return (
     <div className="space-y-6">
+      {wrap("entity-info", entityInfoContent)}
       {wrap("operator", operatorContent)}
       {wrap("fiscalization", fiscalizationContent)}
       {wrap("advanced", advancedContent)}

package/src/components/invoices/index.ts

@@ -5,5 +5,5 @@ export * from "./list";
 export { SendEmailDialog } from "./send-email-dialog";
 export * from "./shared";
 export { EslogInfoDisplay } from "./view/eslog-info-display";
-export { FursInfoDisplay } from "./view/furs-info-display";
+export { FiscalizationStatusCard } from "./view/fiscalization-status-card";
 // Note: InvoicePreviewDisplay is now DocumentPreviewDisplay in documents/shared

package/src/components/invoices/send-email-dialog/send-email-dialog.tsx

@@ -195,7 +195,7 @@ export function SendEmailDialog({
           </Button>
         </DialogTrigger>
       )}
-      <DialogContent className="sm:max-w-md">
+      <DialogContent className="sm:max-w-lg">
         <DialogHeader>
           <DialogTitle>{t("Send Invoice by Email")}</DialogTitle>
           <DialogDescription>
@@ -266,7 +266,7 @@ export function SendEmailDialog({
                       document={invoice}
                       disabled={isLoading}
                       multiline
-                      rows={4}
+                      rows={8}
                     />
                   </FormControl>
                   <FormDescription>{t("Leave empty to use default")}</FormDescription>

package/src/components/invoices/view/fiscalization-status-card.tsx

@@ -0,0 +1,121 @@
+import type { FinaFiscalizationResponse, FursFiscalizationResponse } from "@spaceinvoices/js-sdk";
+import { AlertCircle, CheckCircle2, Clock, Loader2, MinusCircle, RefreshCw, XCircle } from "lucide-react";
+import { Alert, AlertDescription } from "@/ui/components/ui/alert";
+import { Badge } from "@/ui/components/ui/badge";
+import { Button } from "@/ui/components/ui/button";
+import { Card, CardContent, CardHeader, CardTitle } from "@/ui/components/ui/card";
+import type { ComponentTranslationProps } from "@/ui/lib/translation";
+import { createTranslation } from "@/ui/lib/translation";
+import de from "../../documents/view/locales/de";
+import es from "../../documents/view/locales/es";
+import fr from "../../documents/view/locales/fr";
+import hr from "../../documents/view/locales/hr";
+import it from "../../documents/view/locales/it";
+import nl from "../../documents/view/locales/nl";
+import pl from "../../documents/view/locales/pl";
+import pt from "../../documents/view/locales/pt";
+import sl from "../../documents/view/locales/sl";
+
+const translations = { de, es, fr, hr, it, nl, pl, pt, sl } as const;
+
+type FiscalizationData = FursFiscalizationResponse | FinaFiscalizationResponse;
+
+interface FiscalizationStatusCardProps extends ComponentTranslationProps {
+  fiscalizationType: "furs" | "fina";
+  fiscalizationData: FiscalizationData | null | undefined;
+  onRetry?: () => void;
+  isRetrying?: boolean;
+}
+
+export function FiscalizationStatusCard({
+  fiscalizationType,
+  fiscalizationData,
+  onRetry,
+  isRetrying,
+  t: translateFn,
+  namespace,
+  locale,
+}: FiscalizationStatusCardProps) {
+  const t = createTranslation({
+    t: translateFn,
+    namespace,
+    locale,
+    translations,
+  });
+
+  if (!fiscalizationData) {
+    return null;
+  }
+
+  const label = fiscalizationType === "furs" ? "FURS" : "FINA";
+
+  const getStatusBadge = () => {
+    switch (fiscalizationData.status) {
+      case "success":
+        return (
+          <Badge className="bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-100">
+            <CheckCircle2 className="mr-1 h-3 w-3" />
+            {t("Fiscalized")}
+          </Badge>
+        );
+      case "pending":
+        return (
+          <Badge className="bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-100">
+            <Clock className="mr-1 h-3 w-3" />
+            {t("Pending")}
+          </Badge>
+        );
+      case "failed":
+        return (
+          <Badge className="bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-100">
+            <XCircle className="mr-1 h-3 w-3" />
+            {t("Failed")}
+          </Badge>
+        );
+      case "skipped":
+        return (
+          <Badge className="bg-gray-100 text-gray-800 dark:bg-gray-800 dark:text-gray-100">
+            <MinusCircle className="mr-1 h-3 w-3" />
+            {t("Skipped")}
+          </Badge>
+        );
+      default:
+        return null;
+    }
+  };
+
+  return (
+    <Card>
+      <CardHeader className="pb-3">
+        <CardTitle className="flex items-center justify-between text-lg">
+          <span>{t("Fiscalization")}</span>
+          {getStatusBadge()}
+        </CardTitle>
+      </CardHeader>
+      <CardContent className="space-y-3">
+        <div className="text-muted-foreground text-sm">
+          {label} &middot;{" "}
+          {fiscalizationData.fiscalized_at && new Date(fiscalizationData.fiscalized_at).toLocaleString(locale)}
+        </div>
+
+        {fiscalizationData.status === "failed" && fiscalizationData.error && (
+          <Alert variant="destructive">
+            <AlertCircle className="h-4 w-4" />
+            <AlertDescription className="text-sm">{fiscalizationData.error}</AlertDescription>
+          </Alert>
+        )}
+
+        {fiscalizationData.status === "skipped" && (fiscalizationData as any).data?.reason && (
+          <div className="text-muted-foreground text-sm">{(fiscalizationData as any).data.reason}</div>
+        )}
+
+        {fiscalizationData.status === "failed" && onRetry && (
+          <Button variant="outline" size="sm" onClick={onRetry} disabled={isRetrying}>
+            {isRetrying ? <Loader2 className="mr-2 h-4 w-4 animate-spin" /> : <RefreshCw className="mr-2 h-4 w-4" />}
+            {t("Retry fiscalization")}
+          </Button>
+        )}
+      </CardContent>
+    </Card>
+  );
+}

package/src/generated/schemas/creditnote.ts

@@ -154,3 +154,6 @@ const updateCreditNoteSchemaDefinition = z
 export type UpdateCreditNoteSchema = z.infer<typeof updateCreditNoteSchemaDefinition>;
 
 export const updateCreditNoteSchema = updateCreditNoteSchemaDefinition;
+
+// Re-export invoice create schema as credit note create schema (same body structure)
+export { createInvoiceSchema as createCreditNoteSchema, type CreateInvoiceSchema as CreateCreditNoteSchema } from './invoice';

package/src/hooks/use-duplicate-document.ts

@@ -1,12 +1,12 @@
 import type {
-  AdvanceInvoiceWithItems,
+  AdvanceInvoice,
   CreateAdvanceInvoiceRequest,
   CreateCreditNoteRequest,
   CreateEstimateRequest,
   CreateInvoiceRequest,
-  CreditNoteWithItems,
-  EstimateWithItems,
-  InvoiceWithItems,
+  CreditNote,
+  Estimate,
+  Invoice,
 } from "@spaceinvoices/js-sdk";
 import { useQuery } from "@tanstack/react-query";
 
@@ -14,7 +14,7 @@ import { useEntities } from "@/ui/providers/entities-context";
 import { useSDK } from "@/ui/providers/sdk-provider";
 
 export type DocumentType = "invoice" | "estimate" | "credit_note" | "advance_invoice";
-type Document = InvoiceWithItems | EstimateWithItems | CreditNoteWithItems | AdvanceInvoiceWithItems;
+type Document = Invoice | Estimate | CreditNote | AdvanceInvoice;
 type CreateRequest =
   | CreateInvoiceRequest
   | CreateEstimateRequest
@@ -56,16 +56,25 @@ export function getAllowedDuplicateTargets(sourceType: DocumentType): DocumentTy
  */
 function transformDocumentForDuplication(source: Document, _targetType: DocumentType): Partial<CreateRequest> {
   // Transform items - copy only the fields needed for creation
-  const items = source.items?.map((item: (typeof source.items)[number]) => ({
+  // Use type assertion for items since all document item types share the same shape
+  const sourceItems = source.items as Array<{
+    name: string;
+    description: string | null;
+    quantity: number;
+    price: number;
+    gross_price?: number | null;
+    taxes: Array<{ tax_id?: string }>;
+  }>;
+  const items = sourceItems?.map((item) => ({
     name: item.name,
     description: item.description,
     quantity: item.quantity,
     // Use gross_price if set, otherwise use price. The form uses is_gross_price as a UI toggle.
-    price: (item as { gross_price?: number }).gross_price ?? item.price,
+    price: item.gross_price ?? item.price,
     // Copy tax references (tax_id), not computed tax data
-    taxes: item.taxes?.map((tax: { tax_id?: string }) => ({ tax_id: tax.tax_id })),
+    taxes: item.taxes?.map((tax) => ({ tax_id: tax.tax_id })),
     // Derive is_gross_price from whether gross_price is set
-    gross_price: (item as { gross_price?: number }).gross_price,
+    gross_price: item.gross_price ?? undefined,
   }));
 
   // Build customer data - always copy if available (form needs this for display)
@@ -158,8 +167,7 @@ export function useDuplicateDocument({
       if (sourceType === "invoice") {
         source = await sdk.invoices.get(sourceId, undefined, { entity_id: activeEntity.id });
       } else if (sourceType === "estimate") {
-        // estimates.get only takes 2 args (no params)
-        source = await sdk.estimates.get(sourceId, { entity_id: activeEntity.id });
+        source = await sdk.estimates.get(sourceId, undefined, { entity_id: activeEntity.id });
       } else if (sourceType === "advance_invoice") {
         source = await sdk.advanceInvoices.get(sourceId, undefined, { entity_id: activeEntity.id });
       } else {

package/src/providers/entities-provider.tsx

@@ -180,6 +180,27 @@ export function EntitiesProvider({
     }
   }, [memoizedEntities, urlEntityId]); // Re-run when URL entity changes
 
+  // When urlEntityId is provided but not found in current environment, auto-switch
+  const urlEntityFallbackAttempted = useRef<string | null>(null);
+  useEffect(() => {
+    if (!urlEntityId || isLoading) return;
+    if (memoizedEntities.length === 0) return;
+
+    const found = memoizedEntities.some((e) => e.id === urlEntityId);
+    if (found) {
+      urlEntityFallbackAttempted.current = null;
+      return;
+    }
+
+    // Prevent infinite switching between environments
+    if (urlEntityFallbackAttempted.current === urlEntityId) return;
+    urlEntityFallbackAttempted.current = urlEntityId;
+
+    // URL entity not in current environment — try the other
+    const altEnv: EntityEnvironment = environment === "live" ? "sandbox" : "live";
+    setEnvironmentState(altEnv);
+  }, [urlEntityId, memoizedEntities, isLoading, environment]);
+
   const cookieOpts = useMemo(
     () => ({
       path: "/",

package/src/components/invoices/view/fina-info-display.tsx

@@ -1,196 +0,0 @@
-import type { Invoice } from "@spaceinvoices/js-sdk";
-import { AlertCircle, Check, CheckCircle2, Clock, Copy, ExternalLink, XCircle } from "lucide-react";
-import { useState } from "react";
-import { Alert, AlertDescription, AlertTitle } from "@/ui/components/ui/alert";
-import { Badge } from "@/ui/components/ui/badge";
-import { Button } from "@/ui/components/ui/button";
-import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@/ui/components/ui/card";
-import type { ComponentTranslationProps } from "@/ui/lib/translation";
-import { createTranslation } from "@/ui/lib/translation";
-import de from "../../entities/fina-settings-form/locales/de";
-import en from "../../entities/fina-settings-form/locales/en";
-import sl from "../../entities/fina-settings-form/locales/sl";
-
-const translations = { de, sl, en } as const;
-
-type FinaData = {
-  status?: "success" | "pending" | "failed";
-  error?: string;
-  fiscalized_at?: string;
-  data?: {
-    zki?: string;
-    jir?: string;
-    premise_id?: string;
-    device_id?: string;
-    invoice_number?: string;
-    qr_code_url?: string;
-  };
-};
-
-interface FinaInfoDisplayProps extends ComponentTranslationProps {
-  invoice: Invoice;
-}
-
-export function FinaInfoDisplay({ invoice, t: translateFn, namespace, locale }: FinaInfoDisplayProps) {
-  const [copiedField, setCopiedField] = useState<string | null>(null);
-
-  const t = createTranslation({
-    t: translateFn,
-    namespace,
-    locale,
-    translations,
-  });
-
-  const fina = (invoice as any).fina as FinaData | undefined;
-
-  if (!fina) {
-    return null;
-  }
-
-  const copyToClipboard = async (text: string, fieldName: string) => {
-    try {
-      await navigator.clipboard.writeText(text);
-      setCopiedField(fieldName);
-      setTimeout(() => setCopiedField(null), 2000);
-    } catch (err) {
-      console.error("Failed to copy:", err);
-    }
-  };
-
-  const getStatusBadge = () => {
-    switch (fina.status) {
-      case "success":
-        return (
-          <Badge className="bg-green-100 text-green-800 dark:bg-green-900 dark:text-green-100">
-            <CheckCircle2 className="mr-1 h-3 w-3" />
-            {t("Fiscalized")}
-          </Badge>
-        );
-      case "pending":
-        return (
-          <Badge className="bg-yellow-100 text-yellow-800 dark:bg-yellow-900 dark:text-yellow-100">
-            <Clock className="mr-1 h-3 w-3" />
-            {t("Pending")}
-          </Badge>
-        );
-      case "failed":
-        return (
-          <Badge className="bg-red-100 text-red-800 dark:bg-red-900 dark:text-red-100">
-            <XCircle className="mr-1 h-3 w-3" />
-            {t("Failed")}
-          </Badge>
-        );
-      default:
-        return null;
-    }
-  };
-
-  return (
-    <Card>
-      <CardHeader>
-        <CardTitle className="flex items-center gap-2">
-          {t("FINA Fiscalization")}
-          {getStatusBadge()}
-        </CardTitle>
-        <CardDescription>{t("Croatian tax authority fiscalization details")}</CardDescription>
-      </CardHeader>
-      <CardContent className="space-y-4">
-        {/* Error Message */}
-        {fina.status === "failed" && fina.error && (
-          <Alert variant="destructive">
-            <AlertCircle className="h-4 w-4" />
-            <AlertTitle>{t("Fiscalization Error")}</AlertTitle>
-            <AlertDescription>{fina.error}</AlertDescription>
-          </Alert>
-        )}
-
-        {/* FINA Data */}
-        {fina.data && (
-          <div className="space-y-3">
-            {/* ZKI Code */}
-            {fina.data.zki && (
-              <div className="flex items-center justify-between rounded-lg border p-3">
-                <div className="space-y-1">
-                  <p className="font-medium text-sm">{t("ZKI")}</p>
-                  <p className="font-mono text-muted-foreground text-xs">{fina.data.zki}</p>
-                </div>
-                <Button variant="ghost" size="sm" onClick={() => copyToClipboard(fina.data!.zki!, "zki")}>
-                  {copiedField === "zki" ? <Check className="h-4 w-4 text-green-600" /> : <Copy className="h-4 w-4" />}
-                </Button>
-              </div>
-            )}
-
-            {/* JIR Code */}
-            {fina.data.jir && (
-              <div className="flex items-center justify-between rounded-lg border p-3">
-                <div className="space-y-1">
-                  <p className="font-medium text-sm">{t("JIR")}</p>
-                  <p className="font-mono text-muted-foreground text-xs">{fina.data.jir}</p>
-                </div>
-                <Button variant="ghost" size="sm" onClick={() => copyToClipboard(fina.data!.jir!, "jir")}>
-                  {copiedField === "jir" ? <Check className="h-4 w-4 text-green-600" /> : <Copy className="h-4 w-4" />}
-                </Button>
-              </div>
-            )}
-
-            {/* Business Premise & Device */}
-            <div className="grid grid-cols-2 gap-3">
-              {fina.data.premise_id && (
-                <div className="space-y-1">
-                  <p className="font-medium text-sm">{t("Business Premise")}</p>
-                  <p className="text-muted-foreground text-sm">{fina.data.premise_id}</p>
-                </div>
-              )}
-              {fina.data.device_id && (
-                <div className="space-y-1">
-                  <p className="font-medium text-sm">{t("Electronic Device")}</p>
-                  <p className="text-muted-foreground text-sm">{fina.data.device_id}</p>
-                </div>
-              )}
-            </div>
-
-            {/* Invoice Number */}
-            {fina.data.invoice_number && (
-              <div className="space-y-1">
-                <p className="font-medium text-sm">{t("Invoice Number")}</p>
-                <p className="text-muted-foreground text-sm">{fina.data.invoice_number}</p>
-              </div>
-            )}
-
-            {/* QR Code URL */}
-            {fina.data.qr_code_url && (
-              <div className="flex items-center justify-between rounded-lg border p-3">
-                <div className="space-y-1">
-                  <p className="font-medium text-sm">{t("QR Code")}</p>
-                  <a
-                    href={fina.data.qr_code_url}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className="flex items-center gap-1 text-primary text-xs hover:underline"
-                  >
-                    {t("QR Code")}
-                    <ExternalLink className="h-3 w-3" />
-                  </a>
-                </div>
-                <Button variant="ghost" size="sm" onClick={() => copyToClipboard(fina.data!.qr_code_url!, "qr_url")}>
-                  {copiedField === "qr_url" ? (
-                    <Check className="h-4 w-4 text-green-600" />
-                  ) : (
-                    <Copy className="h-4 w-4" />
-                  )}
-                </Button>
-              </div>
-            )}
-          </div>
-        )}
-
-        {/* Fiscalized Timestamp */}
-        {fina.fiscalized_at && (
-          <div className="pt-2 text-muted-foreground text-sm">
-            {t("Fiscalized at")}: {new Date(fina.fiscalized_at).toLocaleString()}
-          </div>
-        )}
-      </CardContent>
-    </Card>
-  );
-}