Get Order

import dash from "@/lib/dash"

const { order } = await dash.auth.getOrder("ord_abc123")

{
  "id": "ord_abc123",
  "order_number": "ORD-1042",
  "status": "shipped",
  "subtotal": "59.98",
  "shipping": "12.50",
  "tax": "5.25",
  "discount": "0.00",
  "total": "77.73",
  "currency": "USD",
  "customer_notes": "Leave at door",
  "items": [
    {
      "product_id": "prod_xyz",
      "product_name": "Blue Dream",
      "product_slug": "blue-dream",
      "variation_name": "Blue Dream",
      "size_label": "1g",
      "unit_price": "29.99",
      "quantity": 2,
      "subtotal": "59.98",
      "product_image": "https://..."
    }
  ],
  "shipping_address": {
    "first_name": "Jane",
    "last_name": "Doe",
    "address_line1": "123 Main St",
    "city": "Austin",
    "state": "TX",
    "zip_code": "78701",
    "country": "US",
    "phone": "555-0123"
  },
  "tracking_number": "1Z999AA10123456784",
  "tracking_url": "https://tools.usps.com/...",
  "carrier_code": "usps",
  "created_at": "2025-01-15T10:30:00Z",
  "updated_at": "2025-01-16T14:00:00Z"
}

// app/account/orders/[id]/page.tsx
import dash from "@/lib/dash"

export default async function OrderDetail({ params }) {
  const { order } = await dash.auth.getOrder(params.id)

  return (
    <div>
      <h1>Order {order.order_number}</h1>
      <p>Status: <strong>{order.status}</strong></p>

      {order.tracking_number && (
        <a href={order.tracking_url} target="_blank">
          Track Package: {order.tracking_number}
        </a>
      )}

      <h2>Items</h2>
      {order.items.map((item, i) => (
        <div key={i} className="flex gap-4 py-2">
          <img src={item.product_image} alt={item.product_name} width={60} />
          <div>
            <a href={`/products/${item.product_slug}`}>{item.product_name}</a>
            <p>{item.size_label} × {item.quantity} — ${item.subtotal}</p>
          </div>
        </div>
      ))}

      <div className="border-t pt-4 mt-4">
        <p>Subtotal: ${order.subtotal}</p>
        <p>Shipping: ${order.shipping}</p>
        <p>Tax: ${order.tax}</p>
        <p className="font-bold">Total: ${order.total}</p>
      </div>
    </div>
  )
}

GET /storefront/auth/orders/ord_abc123
Authorization: Bearer {access_token}