import Link from "next/link"; import type { Metadata } from "next"; import { redirect } from "next/navigation"; import { getAccountSnapshot } from "@/lib/medusa/customer"; import { getOrderStatusLabel, getOrderTrackingInfo, getOrderTrackingSteps } from "@/lib/order-tracking"; import { formatEuro } from "@/lib/utils/money"; import { getResolvedSiteText } from "@/lib/site-text-server"; import { text } from "@/lib/site-text"; export const metadata: Metadata = { title: "Mes commandes", robots: { index: false, follow: false }, }; const ORDERS_PER_PAGE = 25; type Props = { searchParams: Promise<{ order?: string; page?: string }>; }; function formatDate(value?: string | Date | null) { if (!value) return "-"; const date = new Date(value); if (Number.isNaN(date.getTime())) return "-"; return new Intl.DateTimeFormat("fr-FR", { dateStyle: "medium" }).format(date); } export default async function CompteCommandesPage({ searchParams }: Props) { const { order, page } = await searchParams; const currentPage = Math.max(1, Number.parseInt(page || "1", 10) || 1); const offset = (currentPage - 1) * ORDERS_PER_PAGE; const [account, siteText] = await Promise.all([ getAccountSnapshot({ ordersLimit: ORDERS_PER_PAGE, ordersOffset: offset }), getResolvedSiteText(), ]); const t = (key: string, fallback?: string) => text(siteText, key, fallback); const selectedOrderId = (order || "").trim(); const totalPages = Math.max(1, Math.ceil(account.ordersCount / ORDERS_PER_PAGE)); const safePage = Math.min(currentPage, totalPages); function buildOrdersPageHref(targetPage: number) { const params = new URLSearchParams(); if (targetPage > 1) { params.set("page", String(targetPage)); } if (selectedOrderId) { params.set("order", selectedOrderId); } const query = params.toString(); return query ? `/compte/commandes?${query}` : "/compte/commandes"; } if (!account.authenticated || !account.customer) { redirect("/connexion"); } if (account.ordersCount > 0 && account.orders.length === 0 && currentPage > 1) { redirect(buildOrdersPageHref(totalPages)); } return (

{t("orders.eyebrow")}

{t("orders.title")}

{account.ordersCount} {t("account.order").toLowerCase()}{account.ordersCount > 1 ? "s" : ""}

{account.orders.length === 0 ? (

{t("account.ordersEmpty")}

{t("orders.emptyCta")}
) : (
{account.orders.map((order) => (
{t("account.order")} #{order.display_id || order.id?.slice(-6)} {formatDate(order.created_at)} {getOrderStatusLabel(order.fulfillment_status) || order.status || t("account.inProgress")} {formatEuro(order.total)}

{t("orders.orderId")} {order.id}

{t("orders.paymentStatus")} {order.payment_status || "-"}

{t("orders.fulfillmentStatus")} {order.fulfillment_status || "-"}

{typeof (order as { metadata?: Record | null }).metadata?.order_note === "string" && String((order as { metadata?: Record | null }).metadata?.order_note || "").trim() ? (

Note client

{String((order as { metadata?: Record | null }).metadata?.order_note || "")}

) : null}

{t("account.subtotal")} {formatEuro(order.subtotal)}

{t("account.shipping")} {formatEuro(order.shipping_total)}

{t("account.taxes")} {formatEuro(order.tax_total)}

{t("account.discount")} {formatEuro(order.discount_total)}

{t("cart.total")} {formatEuro(order.total)}

{Array.isArray(order.items) && order.items.length > 0 ? (

{t("orders.itemsTitle")}

{order.items.map((item) => (

{item.title || item.product_title || "Article"}

{t("orders.quantity")}: {item.quantity || 1}

{formatEuro(item.total)}

))}
) : null}

Suivi de commande

{getOrderTrackingSteps(order).map((step) => (
{step.label}
{step.date || "-"}
))}
{(() => { const tracking = getOrderTrackingInfo(order); if (!tracking.number && !tracking.url) { return (

Le numéro de suivi apparaîtra ici dès que votre colis sera expédié.

); } return (
{tracking.carrier ? (

Transporteur: {tracking.carrier}

) : null} {tracking.number ? (

Numero de suivi: {tracking.number}

) : null} {tracking.url ? ( Ouvrir le suivi colis ) : null}
); })()}
))} {account.ordersCount > ORDERS_PER_PAGE ? ( ) : null}
)}
); }