'use client'; import { formatCurrency } from '@/lib/utils/currency'; import type { CurrencyDisplayFormat } from '@/lib/db/queries/getCurrencySettings'; interface InvoiceItem { product_name: string; sku: string; variant_name?: string | null; quantity: number; unit_price: number; total_price: number; } interface ReturnedItem { product_name: string; sku: string; variant_name?: string | null; quantity: number; total_price: number; return_reason?: string | null; } interface InvoiceData { invoice_number: string; generated_at: string; site: { name: string; tagline: string; logo: string | null; address: string; phone: string; email: string; vat_label: string; currency: { code: string; symbol: string; format: CurrencyDisplayFormat }; }; order: { order_number: string; status: string; created_at: string; payment_method: string; payment_status: string; }; customer: { name: string; email: string; phone: string; }; billing_address: { full_name: string; phone: string; address_line1: string; city: string; state: string; postal_code: string; country: string; } | null; shipping_address: { full_name: string; phone: string; address_line1: string; city: string; state: string; postal_code: string; country: string; } | null; items: InvoiceItem[]; returned_items: ReturnedItem[]; totals: { subtotal: number; coupon_discount: number; coupon_code: string | null; delivery_fee: number; tax_amount: number; tax_percentage: number; grand_total: number; }; } interface InvoicePrintProps { data: InvoiceData; } const PAYMENT_METHOD_LABELS: Record = { cod: 'Cash on Delivery', bank_transfer: 'Bank Transfer', paypal: 'PayPal', stripe: 'Stripe', }; export function generateInvoiceHTML(data: InvoiceData): string { const { site, order, customer, billing_address, shipping_address, items, returned_items, totals } = data; const address = shipping_address || billing_address; const money = (amount: number) => formatCurrency(amount, site.currency); return ` Invoice ${data.invoice_number}

${site.name}

${site.tagline ? `

${site.tagline}

` : ''} ${site.address ? `

${site.address}

` : ''} ${site.phone ? `

Phone: ${site.phone}

` : ''} ${site.email ? `

Email: ${site.email}

` : ''}

Invoice

# ${data.invoice_number}

Date: ${new Date(data.generated_at).toLocaleDateString('en-PK', { day: '2-digit', month: 'short', year: 'numeric' })}

Bill To

${customer.name}

${customer.email ? `

${customer.email}

` : ''} ${customer.phone ? `

${customer.phone}

` : ''}

${billing_address ? `

Billing Address

${billing_address.address_line1}

${billing_address.city}, ${billing_address.state} ${billing_address.postal_code}

${billing_address.country}

` : ''}

Order Details

Order #: ${order.order_number}

Order Date: ${new Date(order.created_at).toLocaleDateString('en-PK', { day: '2-digit', month: 'short', year: 'numeric' })}

Payment: ${PAYMENT_METHOD_LABELS[order.payment_method] || order.payment_method}

Status: ${order.payment_status.replace(/_/g, ' ')}

${address ? `

Shipping Address

${address.full_name}

${address.address_line1}

${address.city}, ${address.state} ${address.postal_code}

${address.country}

` : ''}

${items.map((item, index) => ` `).join('')}

#	Product	SKU	Qty	Unit Price	Total
${index + 1}	${item.product_name}${item.variant_name ? ` (${item.variant_name})` : ''}	${item.sku}	${item.quantity}	${money(item.unit_price)}	${money(item.total_price)}

${totals.coupon_discount > 0 ? ` ` : ''} ${totals.tax_amount > 0 ? ` ` : ''}

Subtotal	${money(totals.subtotal)}
Coupon (${totals.coupon_code})	- ${money(totals.coupon_discount)}
Delivery Fee	${money(totals.delivery_fee)}
${site.vat_label} (${totals.tax_percentage}%)	${money(totals.tax_amount)}

Grand Total	${money(totals.grand_total)}

${returned_items.length > 0 ? `

⚠ Returned Items (Not Included in Total)

${returned_items.map((item) => ` `).join('')}

Product	Reason	Qty	Amount
${item.product_name}${item.variant_name ? ` (${item.variant_name})` : ''}	${item.return_reason \|\| 'N/A'}	${item.quantity}	${money(item.total_price)}

` : ''} `; } export default function InvoicePrint({ data }: InvoicePrintProps) { const handlePrint = () => { const html = generateInvoiceHTML(data); const printWindow = window.open('', '_blank', 'width=900,height=700'); if (printWindow) { printWindow.document.write(html); printWindow.document.close(); } }; return null; // This component doesn't render anything directly }