import Link from "next/link"; import { cookies } from "next/headers"; import { redirect } from "next/navigation"; import { createClient as createSupabaseClient } from "@supabase/supabase-js"; import ReceiptAutoPrintClient from "@/components/client-portal/ReceiptAutoPrintClient"; import { getClientPortalOrderDetails } from "@/lib/client-portal-order-details"; function formatMoney(value: number | null | undefined) { return new Intl.NumberFormat("pt-BR", { style: "currency", currency: "BRL", }).format(Number(value || 0)); } function formatDateTime(value: string | null | undefined) { if (!value) return "-"; return new Intl.DateTimeFormat("pt-BR", { dateStyle: "short", timeStyle: "short", }).format(new Date(value)); } function formatPhone(value: string | null | undefined) { const digits = String(value || "").replace(/\D/g, ""); if (!digits) return ""; if (digits.length === 11) return digits.replace(/(\d{2})(\d{5})(\d{4})/, "($1) $2-$3"); if (digits.length === 10) return digits.replace(/(\d{2})(\d{4})(\d{4})/, "($1) $2-$3"); return String(value || "").trim(); } function getPaymentMethodLabel(method?: string | null) { switch (String(method || "").trim()) { case "pix": return "Pix"; case "credit_card": return "Cartão de crédito"; case "debit_card": return "Cartão de débito"; case "ticket": return "Boleto"; case "cash": return "Dinheiro"; case "transfer": return "Transferência bancária"; default: return "A definir"; } } function getStatusLabel(status?: string | null) { switch (String(status || "").trim()) { case "approved": return "Pagamento confirmado"; case "partially_paid": return "Pagamento parcial"; case "pending": return "Pagamento pendente"; case "unpaid": return "Pagamento em aberto"; case "rejected": return "Pagamento não aprovado"; case "cancelled": return "Pagamento cancelado"; case "refunded": return "Pagamento estornado"; default: return "Pagamento registrado"; } } export default async function ClientOrderReceiptPage(props: { params: Promise<{ slug: string; orderId: string }>; searchParams: Promise<{ print?: string }>; }) { const params = await props.params; const searchParams = await props.searchParams; const slug = params.slug; const orderId = params.orderId; const autoPrint = String(searchParams?.print || "").trim() === "1"; const cookieStore = await cookies(); const token = cookieStore.get("ks_client_portal")?.value || ""; if (!token || !slug || !orderId) { redirect(`/${slug}/cliente/login`); } const orderDetails = await getClientPortalOrderDetails({ slug, token, orderId }); if (!orderDetails?.order) { redirect(`/${slug}/cliente?section=orders`); } const url = process.env.NEXT_PUBLIC_SUPABASE_URL; const anon = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY; let storeName = orderDetails.status_payload?.profile?.catalog_name || orderDetails.status_payload?.profile?.store_name || "Loja"; let storeLegalName = orderDetails.status_payload?.profile?.store_name || orderDetails.status_payload?.profile?.catalog_name || "Loja"; let storeDocument = ""; let storeEmail = ""; let storePhone = String( orderDetails.status_payload?.profile?.company_phone || orderDetails.status_payload?.profile?.company_whatsapp || orderDetails.status_payload?.profile?.phone || "" ).trim(); let storeWhatsapp = String( orderDetails.status_payload?.profile?.company_whatsapp || orderDetails.status_payload?.profile?.phone || orderDetails.status_payload?.profile?.company_phone || "" ).trim(); let storeAddress = ""; if (url && anon) { try { const supabase = createSupabaseClient(url, anon); const { data: profile } = await supabase .from("profiles") .select("catalog_name,store_name,cnpj,company_email,address,company_phone,phone,company_whatsapp,whatsapp") .eq("slug", slug) .maybeSingle(); storeName = profile?.catalog_name || profile?.store_name || storeName; storeLegalName = profile?.store_name || profile?.catalog_name || storeLegalName; storeDocument = String((profile as { cnpj?: string | null } | null)?.cnpj || "").trim(); storeEmail = String((profile as { company_email?: string | null } | null)?.company_email || "").trim(); storePhone = String( (profile as { company_phone?: string | null; phone?: string | null } | null)?.company_phone || (profile as { company_phone?: string | null; phone?: string | null } | null)?.phone || storePhone ).trim(); storeWhatsapp = String( (profile as { company_whatsapp?: string | null; whatsapp?: string | null } | null)?.company_whatsapp || (profile as { company_whatsapp?: string | null; whatsapp?: string | null } | null)?.whatsapp || storeWhatsapp ).trim(); storeAddress = String((profile as { address?: string | null } | null)?.address || "").trim(); } catch { } } const order = orderDetails.order; const receipt = orderDetails.payment_receipt; const items = Array.isArray(orderDetails.items) ? orderDetails.items : []; const paymentMethodLabel = receipt?.method_label || getPaymentMethodLabel(receipt?.method); const paymentStatusLabel = getStatusLabel(receipt?.status); const paidAmount = Number(order.paid_amount || receipt?.amount || 0); const totalAmount = Number(order.total_amount || 0); const remainingAmount = Math.max(0, totalAmount - paidAmount); const paymentIsSettled = receipt?.status === "approved" || receipt?.status === "partially_paid"; const pageTitle = paymentIsSettled ? "Comprovante de pagamento" : "Status do pagamento"; const liquidationLabel = paymentIsSettled ? "Liquidação" : "Saldo pendente"; const liquidationAmount = paymentIsSettled ? paidAmount : remainingAmount || totalAmount; const liquidationDescription = paymentIsSettled ? `${paymentMethodLabel} confirmado em ${formatDateTime(receipt?.paid_at || order.created_at)}` : "Pagamento ainda não liquidado no financeiro do pedido."; const paymentReference = String(receipt?.reference || "").trim(); const payerName = String(receipt?.payer_name || "").trim(); const payerEmail = String(receipt?.payer_email || "").trim(); const payerDocument = String(receipt?.payer_document || "").trim(); const receiptIssuedAt = receipt?.paid_at || order.created_at; const receiptZigzagPoints = "0,100 5,0 10,100 15,0 20,100 25,0 30,100 35,0 40,100 45,0 50,100 55,0 60,100 65,0 70,100 75,0 80,100 85,0 90,100 95,0 100,100"; const receiptNumber = paymentReference || `PED-${order.number}`; const payerLabel = payerName || orderDetails.status_payload?.client?.name || "Não informado"; const storePhoneFormatted = formatPhone(storePhone); const storeWhatsappFormatted = formatPhone(storeWhatsapp); const hasStoreDetails = Boolean( storeLegalName || storeName || storeDocument || storeEmail || storePhoneFormatted || storeWhatsappFormatted || storeAddress ); return (
Voltar ao pedido
Salvar em PDF Imprimir
{pageTitle}

Pedido #{order.number}

{storeName}
Documento
{receiptNumber}
Emitido em
{formatDateTime(receiptIssuedAt)}
Loja
{storeName}
Situação
{paymentStatusLabel}
Meio
{paymentMethodLabel}
{paymentIsSettled ? "Valor liquidado" : "Valor pendente"}
{formatMoney(paymentIsSettled ? paidAmount : liquidationAmount)}
{hasStoreDetails ? (
Emitente
Loja
{storeName}
Razão social
{storeLegalName}
{storeDocument ? (
CNPJ
{storeDocument}
) : null} {storeEmail ? (
E-mail
{storeEmail}
) : null} {storePhoneFormatted ? (
Telefone
{storePhoneFormatted}
) : null} {storeWhatsappFormatted ? (
WhatsApp
{storeWhatsappFormatted}
) : null}
{storeAddress ? (
Endereço
{storeAddress}
) : null}
) : null}
Itens do pedido
{items.length > 0 ? ( items.map((item) => (
{item.product_name || item.title || "Item"}
{item.quantity} x {formatMoney(item.unit_price)}
{formatMoney(item.total_price)}
)) ) : (
Nenhum item encontrado.
)}
Pagador
Nome
{payerLabel}
E-mail
{payerEmail || "-"}
Documento
{payerDocument || "-"}
Documento emitido em {formatDateTime(new Date().toISOString())} para acompanhamento e conferência do pagamento vinculado ao pedido.
); }