import { useRef, useState, useEffect } from "react"; import Barcode from "react-barcode"; import { Plus, Printer } from "lucide-react"; import { toast } from "sonner"; import { Button } from "@/components/ui/button"; interface BarcodeGeneratorProps { barcode: string; sku: string; productName: string; onGenerate: () => void; } export function BarcodeGenerator({ barcode, sku, productName, onGenerate }: BarcodeGeneratorProps) { const printRef = useRef(null); const [modalOpen, setModalOpen] = useState(false); function handlePrint() { if (!barcode) { toast.error("Nenhum código de barras para imprimir."); return; } const printContents = printRef.current?.innerHTML; if (!printContents) return; const printHtml = ` Imprimir Etiqueta ${printContents} `; const iframe = document.createElement("iframe"); iframe.setAttribute("aria-hidden", "true"); iframe.style.position = "fixed"; iframe.style.right = "0"; iframe.style.bottom = "0"; iframe.style.width = "0"; iframe.style.height = "0"; iframe.style.border = "0"; iframe.style.opacity = "0"; iframe.style.pointerEvents = "none"; const cleanup = () => { iframe.onload = null; if (iframe.parentNode) iframe.parentNode.removeChild(iframe); }; iframe.onload = () => { const frameWindow = iframe.contentWindow; if (!frameWindow) { cleanup(); return; } const onAfterPrint = () => { frameWindow.removeEventListener("afterprint", onAfterPrint); cleanup(); }; frameWindow.addEventListener("afterprint", onAfterPrint); window.setTimeout(() => { frameWindow.focus(); frameWindow.print(); }, 120); window.setTimeout(cleanup, 15000); // Fail-safe cleanup }; iframe.srcdoc = printHtml; document.body.appendChild(iframe); } return (
{barcode && ( )}
{modalOpen && (
{ setModalOpen(false); document.body.style.pointerEvents = 'auto'; }} >
e.stopPropagation()} >
Etiqueta do Produto
{productName || "Produto"}
{sku &&
SKU: {sku}
}
)}
); }