@burdenoff/microfe-kadaikodi 2026.704.4 → 2026.710.1

package/dist/kadaikodi/pages/customer/OrderHistoryPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"OrderHistoryPage.js","names":[],"sources":["../../../../src/kadaikodi/pages/customer/OrderHistoryPage.tsx"],"sourcesContent":["/**\n * Order History Page\n * @module kadaikodi/pages/customer\n *\n * Full list of customer orders with stats summary, search, status/date/sort\n * filters, rating display, reorder, cancellation reason, and Load More pagination.\n */\n\nimport { useState, useMemo, useCallback, useEffect } from 'react';\nimport {\n  ShoppingBag,\n  Search,\n  Star,\n  RotateCcw,\n  Eye,\n  ChevronDown,\n  Package,\n  IndianRupee,\n  TrendingUp,\n  Clock,\n  Heart,\n  CheckCircle2,\n  XCircle,\n  Truck,\n  Loader2,\n  AlertCircle,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { RatingDisplay } from '../../components/RatingDisplay';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { useOrders } from '../../hooks/useKadaikodiApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency, formatDate } from '../../utils/formatters';\nimport type { OrderStatus, MockOrder } from '../../types';\n\ninterface OrderFilters {\n  status: string;\n  dateRange: string;\n  searchQuery: string;\n  sortBy: string;\n}\n\nconst PAGE_SIZE = 10;\n\nconst statusOptions = [\n  { value: '', label: 'All Status' },\n  { value: 'pending', label: 'Pending' },\n  { value: 'confirmed', label: 'Confirmed' },\n  { value: 'preparing', label: 'Preparing' },\n  { value: 'ready', label: 'Ready' },\n  { value: 'out_for_delivery', label: 'Out for Delivery' },\n  { value: 'delivered', label: 'Delivered' },\n  { value: 'cancelled', label: 'Cancelled' },\n];\n\nconst dateRangeOptions = [\n  { value: '7days', label: 'Last 7 Days' },\n  { value: '30days', label: 'Last 30 Days' },\n  { value: '90days', label: 'Last 90 Days' },\n  { value: 'all', label: 'All Time' },\n];\n\nconst sortOptions = [\n  { value: 'recent', label: 'Most Recent' },\n  { value: 'oldest', label: 'Oldest First' },\n  { value: 'amount_high', label: 'Amount: High to Low' },\n  { value: 'amount_low', label: 'Amount: Low to High' },\n];\n\nexport function OrderHistoryPage() {\n  const { navigateTo, currentUser } = useKadaikodi();\n  const [displayCount, setDisplayCount] = useState(PAGE_SIZE);\n  const [filters, setFilters] = useState<OrderFilters>({\n    status: '',\n    dateRange: '30days',\n    searchQuery: '',\n    sortBy: 'recent',\n  });\n\n  const { data: allOrders = [], isLoading, isError } = useOrders({ customerId: currentUser?.id });\n\n  // Calculate stats from all orders\n  const orderStats = useMemo(() => {\n    const totalOrders = allOrders.length;\n    const totalSpent = allOrders.reduce((sum, o) => sum + o.total, 0);\n    const averageOrderValue = totalOrders > 0 ? Math.round(totalSpent / totalOrders) : 0;\n    const recentOrdersCount = allOrders.filter(\n      (o) => new Date(o.orderDate) > new Date(Date.now() - 7 * 24 * 60 * 60 * 1000)\n    ).length;\n\n    // Find favorite cart (most ordered from)\n    const cartCounts: Record<string, number> = {};\n    for (const o of allOrders) {\n      cartCounts[o.cartName] = (cartCounts[o.cartName] || 0) + 1;\n    }\n    const favoriteCart =\n      Object.entries(cartCounts).sort((a, b) => b[1] - a[1])[0]?.[0] || 'No orders yet';\n\n    return { totalOrders, totalSpent, averageOrderValue, recentOrdersCount, favoriteCart };\n  }, [allOrders]);\n\n  // Filter and sort orders\n  const filteredOrders = useMemo(() => {\n    let orders = [...allOrders];\n\n    // Filter by status\n    if (filters.status) {\n      orders = orders.filter((o) => o.status === filters.status);\n    }\n\n    // Filter by date range\n    if (filters.dateRange !== 'all') {\n      const now = new Date();\n      const dateLimit = new Date();\n      switch (filters.dateRange) {\n        case '7days':\n          dateLimit.setDate(now.getDate() - 7);\n          break;\n        case '30days':\n          dateLimit.setDate(now.getDate() - 30);\n          break;\n        case '90days':\n          dateLimit.setDate(now.getDate() - 90);\n          break;\n      }\n      orders = orders.filter((o) => new Date(o.orderDate) >= dateLimit);\n    }\n\n    // Search filter\n    if (filters.searchQuery) {\n      const query = filters.searchQuery.toLowerCase();\n      orders = orders.filter(\n        (o) =>\n          o.id.toLowerCase().includes(query) ||\n          o.cartName.toLowerCase().includes(query) ||\n          o.items.some((item) => item.name.toLowerCase().includes(query))\n      );\n    }\n\n    // Sort\n    switch (filters.sortBy) {\n      case 'recent':\n        orders.sort((a, b) => new Date(b.orderDate).getTime() - new Date(a.orderDate).getTime());\n        break;\n      case 'oldest':\n        orders.sort((a, b) => new Date(a.orderDate).getTime() - new Date(b.orderDate).getTime());\n        break;\n      case 'amount_high':\n        orders.sort((a, b) => b.total - a.total);\n        break;\n      case 'amount_low':\n        orders.sort((a, b) => a.total - b.total);\n        break;\n    }\n\n    return orders;\n  }, [allOrders, filters]);\n\n  const displayedOrders = useMemo(\n    () => filteredOrders.slice(0, displayCount),\n    [filteredOrders, displayCount]\n  );\n\n  const hasMore = displayCount < filteredOrders.length;\n\n  const handleFilterChange = (key: keyof OrderFilters, value: string) => {\n    setFilters((prev) => ({ ...prev, [key]: value }));\n    setDisplayCount(PAGE_SIZE);\n  };\n\n  const handleReorder = (order: MockOrder) => {\n    // Reorder reopens the cart's menu so the customer can re-add items (cart\n    // contents are assembled on the cart page, not persisted server-side).\n    navigateTo(`/customer/cart/${order.cartId}`);\n  };\n\n  const handleLoadMore = () => {\n    setDisplayCount((prev) => prev + PAGE_SIZE);\n  };\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Order History\" description=\"Loading your orders...\">\n        <div className=\"flex h-[60vh] items-center justify-center\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-primary\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (isError) {\n    return (\n      <PageLayout title=\"Order History\" description=\"Error loading orders\">\n        <div className=\"flex h-[60vh] flex-col items-center justify-center gap-4\">\n          <AlertCircle className=\"h-12 w-12 text-status-error-text\" />\n          <h2 className=\"text-xl font-semibold\">Error loading your orders</h2>\n          <button\n            type=\"button\"\n            onClick={() => window.location.reload()}\n            className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text\"\n          >\n            Retry\n          </button>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout title=\"Order History\" description=\"View all your past and current orders\">\n      <PagePurpose className=\"mb-6\">\n        A complete record of everything you've ordered — search and filter past orders, reorder a\n        favourite in one tap, track what's still on the way, and see how much you've spent over\n        time.\n      </PagePurpose>\n\n      {/* Stats Summary — the one emphasis zone */}\n      <EmphasisPanel className=\"mb-6\">\n        <div className=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-3\">\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3.5\">\n            <div className=\"flex items-center gap-2 mb-1\">\n              <Package className=\"h-3.5 w-3.5 text-text-secondary\" />\n              <p className=\"text-xs text-text-secondary\">Total Orders</p>\n            </div>\n            <p className=\"text-xl font-bold text-text-primary\">{orderStats.totalOrders}</p>\n          </div>\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3.5\">\n            <div className=\"flex items-center gap-2 mb-1\">\n              <IndianRupee className=\"h-3.5 w-3.5 text-text-secondary\" />\n              <p className=\"text-xs text-text-secondary\">Total Spent</p>\n            </div>\n            <p className=\"text-xl font-bold text-text-primary\">\n              {formatCurrency(orderStats.totalSpent, { minimumFractionDigits: 0 })}\n            </p>\n          </div>\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3.5\">\n            <div className=\"flex items-center gap-2 mb-1\">\n              <TrendingUp className=\"h-3.5 w-3.5 text-text-secondary\" />\n              <p className=\"text-xs text-text-secondary\">Average Order</p>\n            </div>\n            <p className=\"text-xl font-bold text-text-primary\">\n              {formatCurrency(orderStats.averageOrderValue, { minimumFractionDigits: 0 })}\n            </p>\n          </div>\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3.5\">\n            <div className=\"flex items-center gap-2 mb-1\">\n              <Clock className=\"h-3.5 w-3.5 text-text-secondary\" />\n              <p className=\"text-xs text-text-secondary\">Recent Orders</p>\n            </div>\n            <p className=\"text-xl font-bold text-text-primary\">{orderStats.recentOrdersCount}</p>\n          </div>\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3.5 col-span-2 md:col-span-1\">\n            <div className=\"flex items-center gap-2 mb-1\">\n              <Heart className=\"h-3.5 w-3.5 text-text-secondary\" />\n              <p className=\"text-xs text-text-secondary\">Favorite Cart</p>\n            </div>\n            <p className=\"text-sm font-bold text-text-primary truncate\">\n              {orderStats.favoriteCart}\n            </p>\n          </div>\n        </div>\n      </EmphasisPanel>\n\n      {/* Filters */}\n      <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 mb-6\">\n        <div className=\"grid grid-cols-1 md:grid-cols-4 gap-3\">\n          {/* Search */}\n          <div className=\"relative\">\n            <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n            <input\n              type=\"text\"\n              placeholder=\"Search orders...\"\n              value={filters.searchQuery}\n              onChange={(e) => handleFilterChange('searchQuery', e.target.value)}\n              className=\"w-full rounded-lg border border-border-subtle bg-bg-surface pl-9 pr-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n            />\n          </div>\n\n          {/* Status Filter */}\n          <select\n            value={filters.status}\n            onChange={(e) => handleFilterChange('status', e.target.value)}\n            className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n          >\n            {statusOptions.map((opt) => (\n              <option key={opt.value} value={opt.value}>\n                {opt.label}\n              </option>\n            ))}\n          </select>\n\n          {/* Date Range */}\n          <select\n            value={filters.dateRange}\n            onChange={(e) => handleFilterChange('dateRange', e.target.value)}\n            className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n          >\n            {dateRangeOptions.map((opt) => (\n              <option key={opt.value} value={opt.value}>\n                {opt.label}\n              </option>\n            ))}\n          </select>\n\n          {/* Sort */}\n          <select\n            value={filters.sortBy}\n            onChange={(e) => handleFilterChange('sortBy', e.target.value)}\n            className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n          >\n            {sortOptions.map((opt) => (\n              <option key={opt.value} value={opt.value}>\n                {opt.label}\n              </option>\n            ))}\n          </select>\n        </div>\n      </div>\n\n      {/* Orders List */}\n      {isLoading ? (\n        <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n          <div className=\"animate-spin rounded-full h-12 w-12 border-b-2 border-foreground mx-auto mb-4\" />\n          <p className=\"text-sm text-text-secondary\">Loading orders...</p>\n        </div>\n      ) : displayedOrders.length === 0 ? (\n        <EmptyState\n          icon={<ShoppingBag className=\"h-12 w-12\" />}\n          title=\"No orders found\"\n          description={\n            filters.searchQuery || filters.status\n              ? 'Try adjusting your filters'\n              : \"You haven't placed any orders yet\"\n          }\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/customer/discover')}\n              className=\"rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n            >\n              Start Ordering\n            </button>\n          }\n        />\n      ) : (\n        <div className=\"space-y-4\">\n          {displayedOrders.map((order) => (\n            <div\n              key={order.id}\n              className=\"rounded-lg border border-border-subtle bg-bg-surface hover:shadow-md transition-shadow\"\n            >\n              <div className=\"p-4 md:p-5\">\n                {/* Order Header */}\n                <div className=\"flex flex-col md:flex-row md:items-center justify-between mb-3\">\n                  <div className=\"mb-3 md:mb-0\">\n                    <div className=\"flex flex-col sm:flex-row sm:items-center gap-2\">\n                      <h3 className=\"text-base font-semibold text-text-primary\">\n                        {order.cartName}\n                      </h3>\n                      <StatusBadge status={order.status} />\n                    </div>\n                    <p className=\"text-xs text-text-secondary mt-1\">\n                      Order #{order.id} &middot; {formatDate(order.orderDate)}\n                    </p>\n                  </div>\n                  <div className=\"flex flex-col sm:flex-row sm:items-center gap-2\">\n                    <p className=\"text-lg font-bold text-text-primary\">\n                      {formatCurrency(order.total, { minimumFractionDigits: 0 })}\n                    </p>\n                    <div className=\"flex gap-2\">\n                      <button\n                        type=\"button\"\n                        onClick={() => navigateTo(`/customer/orders/${order.id}/track`)}\n                        className=\"flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors\"\n                      >\n                        <Eye className=\"h-3 w-3\" />\n                        Track Order\n                      </button>\n                      {order.status === 'delivered' && (\n                        <button\n                          type=\"button\"\n                          onClick={() => handleReorder(order)}\n                          className=\"flex items-center gap-1.5 rounded-lg bg-foreground px-3 py-1.5 text-xs font-medium text-background hover:opacity-90 transition-opacity\"\n                        >\n                          <RotateCcw className=\"h-3 w-3\" />\n                          Reorder\n                        </button>\n                      )}\n                    </div>\n                  </div>\n                </div>\n\n                {/* Order Items Summary */}\n                <div className=\"border-t border-border-subtle pt-3\">\n                  <div className=\"flex flex-wrap gap-1\">\n                    {order.items.slice(0, 3).map((item, index) => (\n                      <span key={index} className=\"text-xs text-text-secondary\">\n                        {item.name} ({item.quantity})\n                        {index < Math.min(2, order.items.length - 1) && ', '}\n                      </span>\n                    ))}\n                    {order.items.length > 3 && (\n                      <span className=\"text-xs text-text-secondary\">\n                        +{order.items.length - 3} more items\n                      </span>\n                    )}\n                  </div>\n                </div>\n\n                {/* Status Message */}\n                <div className=\"mt-3\">\n                  {order.status === 'delivered' && (\n                    <div className=\"flex items-center gap-1.5 text-xs text-status-success-text\">\n                      <CheckCircle2 className=\"h-3 w-3\" />\n                      <span>Order delivered successfully</span>\n                    </div>\n                  )}\n                  {order.status === 'cancelled' && (\n                    <div className=\"flex items-center gap-1.5 text-xs text-status-error-text\">\n                      <XCircle className=\"h-3 w-3\" />\n                      <span>\n                        Cancelled{order.cancellationReason && ` - ${order.cancellationReason}`}\n                      </span>\n                    </div>\n                  )}\n                  {['pending', 'confirmed', 'preparing', 'ready', 'out_for_delivery'].includes(\n                    order.status\n                  ) && (\n                    <div className=\"flex items-center gap-1.5 text-xs text-text-primary\">\n                      <Truck className=\"h-3 w-3\" />\n                      <span>\n                        Estimated delivery by{' '}\n                        {order.estimatedDeliveryTime\n                          ? formatDate(order.estimatedDeliveryTime)\n                          : 'TBD'}\n                      </span>\n                    </div>\n                  )}\n                </div>\n\n                {/* Rating Section */}\n                {order.status === 'delivered' && (\n                  <div className=\"mt-3 flex flex-col sm:flex-row sm:items-center justify-between gap-2\">\n                    {order.rating ? (\n                      <div className=\"flex flex-col sm:flex-row sm:items-center gap-2\">\n                        <RatingDisplay value={order.rating} />\n                        {order.review && (\n                          <p className=\"text-xs text-text-secondary italic\">\n                            &ldquo;{order.review}&rdquo;\n                          </p>\n                        )}\n                      </div>\n                    ) : (\n                      <button\n                        type=\"button\"\n                        onClick={() => navigateTo(`/customer/orders/${order.id}/track`)}\n                        className=\"flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors\"\n                      >\n                        <Star className=\"h-3 w-3\" />\n                        Rate Order\n                      </button>\n                    )}\n                  </div>\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Load More */}\n      {hasMore && !isLoading && (\n        <div className=\"text-center mt-8\">\n          <button\n            type=\"button\"\n            onClick={handleLoadMore}\n            className=\"inline-flex items-center gap-2 rounded-lg border border-border-subtle px-6 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n          >\n            <ChevronDown className=\"h-4 w-4\" />\n            Load More Orders\n          </button>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"OrderHistoryPage.js","names":[],"sources":["../../../../src/kadaikodi/pages/customer/OrderHistoryPage.tsx"],"sourcesContent":["/**\n * Order History Page\n * @module kadaikodi/pages/customer\n *\n * Full list of customer orders with stats summary, search, status/date/sort\n * filters, rating display, reorder, cancellation reason, and Load More pagination.\n */\n\nimport { useState, useMemo, useCallback, useEffect } from 'react';\nimport {\n  ShoppingBag,\n  Search,\n  Star,\n  RotateCcw,\n  Eye,\n  ChevronDown,\n  Package,\n  IndianRupee,\n  TrendingUp,\n  Clock,\n  Heart,\n  CheckCircle2,\n  XCircle,\n  Truck,\n  Loader2,\n  AlertCircle,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { RatingDisplay } from '../../components/RatingDisplay';\nimport { SegmentedTabs } from '../../components/viz';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport { useOrders } from '../../hooks/useKadaikodiApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency, formatDate } from '../../utils/formatters';\nimport type { OrderStatus, MockOrder } from '../../types';\n\nconst PAST_STATUSES = new Set<OrderStatus>(['delivered', 'cancelled']);\ntype OrderView = 'active' | 'past';\n\ninterface OrderFilters {\n  status: string;\n  dateRange: string;\n  searchQuery: string;\n  sortBy: string;\n}\n\nconst PAGE_SIZE = 10;\n\nconst statusOptions = [\n  { value: '', label: 'All Status' },\n  { value: 'pending', label: 'Pending' },\n  { value: 'confirmed', label: 'Confirmed' },\n  { value: 'preparing', label: 'Preparing' },\n  { value: 'ready', label: 'Ready' },\n  { value: 'out_for_delivery', label: 'Out for Delivery' },\n  { value: 'delivered', label: 'Delivered' },\n  { value: 'cancelled', label: 'Cancelled' },\n];\n\nconst dateRangeOptions = [\n  { value: '7days', label: 'Last 7 Days' },\n  { value: '30days', label: 'Last 30 Days' },\n  { value: '90days', label: 'Last 90 Days' },\n  { value: 'all', label: 'All Time' },\n];\n\nconst sortOptions = [\n  { value: 'recent', label: 'Most Recent' },\n  { value: 'oldest', label: 'Oldest First' },\n  { value: 'amount_high', label: 'Amount: High to Low' },\n  { value: 'amount_low', label: 'Amount: Low to High' },\n];\n\nexport function OrderHistoryPage() {\n  const { navigateTo, currentUser } = useKadaikodi();\n  const [displayCount, setDisplayCount] = useState(PAGE_SIZE);\n  const [view, setView] = useState<OrderView>('active');\n  const [filters, setFilters] = useState<OrderFilters>({\n    status: '',\n    dateRange: '30days',\n    searchQuery: '',\n    sortBy: 'recent',\n  });\n\n  const { data: allOrders = [], isLoading, isError } = useOrders({ customerId: currentUser?.id });\n\n  // Calculate stats from all orders\n  const orderStats = useMemo(() => {\n    const totalOrders = allOrders.length;\n    const totalSpent = allOrders.reduce((sum, o) => sum + o.total, 0);\n    const averageOrderValue = totalOrders > 0 ? Math.round(totalSpent / totalOrders) : 0;\n    const recentOrdersCount = allOrders.filter(\n      (o) => new Date(o.orderDate) > new Date(Date.now() - 7 * 24 * 60 * 60 * 1000)\n    ).length;\n\n    // Find favorite cart (most ordered from)\n    const cartCounts: Record<string, number> = {};\n    for (const o of allOrders) {\n      cartCounts[o.cartName] = (cartCounts[o.cartName] || 0) + 1;\n    }\n    const favoriteCart =\n      Object.entries(cartCounts).sort((a, b) => b[1] - a[1])[0]?.[0] || 'No orders yet';\n\n    return { totalOrders, totalSpent, averageOrderValue, recentOrdersCount, favoriteCart };\n  }, [allOrders]);\n\n  // Filter and sort orders\n  const activeCount = useMemo(\n    () => allOrders.filter((o) => !PAST_STATUSES.has(o.status)).length,\n    [allOrders]\n  );\n  const pastCount = useMemo(\n    () => allOrders.filter((o) => PAST_STATUSES.has(o.status)).length,\n    [allOrders]\n  );\n\n  const filteredOrders = useMemo(() => {\n    let orders = [...allOrders];\n\n    // Active vs Past coarse view\n    orders = orders.filter((o) =>\n      view === 'past' ? PAST_STATUSES.has(o.status) : !PAST_STATUSES.has(o.status)\n    );\n\n    // Filter by status\n    if (filters.status) {\n      orders = orders.filter((o) => o.status === filters.status);\n    }\n\n    // Filter by date range\n    if (filters.dateRange !== 'all') {\n      const now = new Date();\n      const dateLimit = new Date();\n      switch (filters.dateRange) {\n        case '7days':\n          dateLimit.setDate(now.getDate() - 7);\n          break;\n        case '30days':\n          dateLimit.setDate(now.getDate() - 30);\n          break;\n        case '90days':\n          dateLimit.setDate(now.getDate() - 90);\n          break;\n      }\n      orders = orders.filter((o) => new Date(o.orderDate) >= dateLimit);\n    }\n\n    // Search filter\n    if (filters.searchQuery) {\n      const query = filters.searchQuery.toLowerCase();\n      orders = orders.filter(\n        (o) =>\n          o.id.toLowerCase().includes(query) ||\n          o.cartName.toLowerCase().includes(query) ||\n          o.items.some((item) => item.name.toLowerCase().includes(query))\n      );\n    }\n\n    // Sort\n    switch (filters.sortBy) {\n      case 'recent':\n        orders.sort((a, b) => new Date(b.orderDate).getTime() - new Date(a.orderDate).getTime());\n        break;\n      case 'oldest':\n        orders.sort((a, b) => new Date(a.orderDate).getTime() - new Date(b.orderDate).getTime());\n        break;\n      case 'amount_high':\n        orders.sort((a, b) => b.total - a.total);\n        break;\n      case 'amount_low':\n        orders.sort((a, b) => a.total - b.total);\n        break;\n    }\n\n    return orders;\n  }, [allOrders, filters, view]);\n\n  const displayedOrders = useMemo(\n    () => filteredOrders.slice(0, displayCount),\n    [filteredOrders, displayCount]\n  );\n\n  const hasMore = displayCount < filteredOrders.length;\n\n  const handleFilterChange = (key: keyof OrderFilters, value: string) => {\n    setFilters((prev) => ({ ...prev, [key]: value }));\n    setDisplayCount(PAGE_SIZE);\n  };\n\n  const handleReorder = (order: MockOrder) => {\n    // Reorder reopens the cart's menu so the customer can re-add items (cart\n    // contents are assembled on the cart page, not persisted server-side).\n    navigateTo(`/customer/cart/${order.cartId}`);\n  };\n\n  const handleLoadMore = () => {\n    setDisplayCount((prev) => prev + PAGE_SIZE);\n  };\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Order History\" description=\"Loading your orders...\">\n        <div className=\"flex h-[60vh] items-center justify-center\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-primary\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (isError) {\n    return (\n      <PageLayout title=\"Order History\" description=\"Error loading orders\">\n        <div className=\"flex h-[60vh] flex-col items-center justify-center gap-4\">\n          <AlertCircle className=\"h-12 w-12 text-status-error-text\" />\n          <h2 className=\"text-xl font-semibold\">Error loading your orders</h2>\n          <button\n            type=\"button\"\n            onClick={() => window.location.reload()}\n            className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text\"\n          >\n            Retry\n          </button>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout title=\"Order History\" description=\"View all your past and current orders\">\n      <PagePurpose className=\"mb-6\">\n        A complete record of everything you've ordered — search and filter past orders, reorder a\n        favourite in one tap, track what's still on the way, and see how much you've spent over\n        time.\n      </PagePurpose>\n\n      {/* Active / Past tabs */}\n      <div className=\"mb-6\">\n        <SegmentedTabs\n          fill\n          aria-label=\"Order view\"\n          className=\"max-w-sm\"\n          tabs={[\n            { id: 'active', label: 'Active', count: activeCount || undefined },\n            { id: 'past', label: 'Past', count: pastCount || undefined },\n          ]}\n          value={view}\n          onChange={(id) => {\n            setView(id as OrderView);\n            setDisplayCount(PAGE_SIZE);\n          }}\n        />\n      </div>\n\n      {/* Stats Summary — the one emphasis zone */}\n      <EmphasisPanel className=\"mb-6\">\n        <div className=\"grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-3\">\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3.5\">\n            <div className=\"flex items-center gap-2 mb-1\">\n              <Package className=\"h-3.5 w-3.5 text-text-secondary\" />\n              <p className=\"text-xs text-text-secondary\">Total Orders</p>\n            </div>\n            <p className=\"text-xl font-bold text-text-primary\">{orderStats.totalOrders}</p>\n          </div>\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3.5\">\n            <div className=\"flex items-center gap-2 mb-1\">\n              <IndianRupee className=\"h-3.5 w-3.5 text-text-secondary\" />\n              <p className=\"text-xs text-text-secondary\">Total Spent</p>\n            </div>\n            <p className=\"text-xl font-bold text-text-primary\">\n              {formatCurrency(orderStats.totalSpent, { minimumFractionDigits: 0 })}\n            </p>\n          </div>\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3.5\">\n            <div className=\"flex items-center gap-2 mb-1\">\n              <TrendingUp className=\"h-3.5 w-3.5 text-text-secondary\" />\n              <p className=\"text-xs text-text-secondary\">Average Order</p>\n            </div>\n            <p className=\"text-xl font-bold text-text-primary\">\n              {formatCurrency(orderStats.averageOrderValue, { minimumFractionDigits: 0 })}\n            </p>\n          </div>\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3.5\">\n            <div className=\"flex items-center gap-2 mb-1\">\n              <Clock className=\"h-3.5 w-3.5 text-text-secondary\" />\n              <p className=\"text-xs text-text-secondary\">Recent Orders</p>\n            </div>\n            <p className=\"text-xl font-bold text-text-primary\">{orderStats.recentOrdersCount}</p>\n          </div>\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-3.5 col-span-2 md:col-span-1\">\n            <div className=\"flex items-center gap-2 mb-1\">\n              <Heart className=\"h-3.5 w-3.5 text-text-secondary\" />\n              <p className=\"text-xs text-text-secondary\">Favorite Cart</p>\n            </div>\n            <p className=\"text-sm font-bold text-text-primary truncate\">\n              {orderStats.favoriteCart}\n            </p>\n          </div>\n        </div>\n      </EmphasisPanel>\n\n      {/* Filters */}\n      <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 mb-6\">\n        <div className=\"grid grid-cols-1 md:grid-cols-4 gap-3\">\n          {/* Search */}\n          <div className=\"relative\">\n            <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n            <input\n              type=\"text\"\n              placeholder=\"Search orders...\"\n              value={filters.searchQuery}\n              onChange={(e) => handleFilterChange('searchQuery', e.target.value)}\n              className=\"w-full rounded-lg border border-border-subtle bg-bg-surface pl-9 pr-3 py-2.5 text-sm text-text-primary placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n            />\n          </div>\n\n          {/* Status Filter */}\n          <select\n            value={filters.status}\n            onChange={(e) => handleFilterChange('status', e.target.value)}\n            className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n          >\n            {statusOptions.map((opt) => (\n              <option key={opt.value} value={opt.value}>\n                {opt.label}\n              </option>\n            ))}\n          </select>\n\n          {/* Date Range */}\n          <select\n            value={filters.dateRange}\n            onChange={(e) => handleFilterChange('dateRange', e.target.value)}\n            className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n          >\n            {dateRangeOptions.map((opt) => (\n              <option key={opt.value} value={opt.value}>\n                {opt.label}\n              </option>\n            ))}\n          </select>\n\n          {/* Sort */}\n          <select\n            value={filters.sortBy}\n            onChange={(e) => handleFilterChange('sortBy', e.target.value)}\n            className=\"w-full rounded-lg border border-border-subtle bg-bg-surface px-3 py-2.5 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]\"\n          >\n            {sortOptions.map((opt) => (\n              <option key={opt.value} value={opt.value}>\n                {opt.label}\n              </option>\n            ))}\n          </select>\n        </div>\n      </div>\n\n      {/* Orders List */}\n      {isLoading ? (\n        <div className=\"flex flex-col items-center justify-center py-12 text-center\">\n          <div className=\"animate-spin rounded-full h-12 w-12 border-b-2 border-foreground mx-auto mb-4\" />\n          <p className=\"text-sm text-text-secondary\">Loading orders...</p>\n        </div>\n      ) : displayedOrders.length === 0 ? (\n        <EmptyState\n          icon={<ShoppingBag className=\"h-12 w-12\" />}\n          title=\"No orders found\"\n          description={\n            filters.searchQuery || filters.status\n              ? 'Try adjusting your filters'\n              : \"You haven't placed any orders yet\"\n          }\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/customer/discover')}\n              className=\"rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n            >\n              Start Ordering\n            </button>\n          }\n        />\n      ) : (\n        <div className=\"space-y-4\">\n          {displayedOrders.map((order) => (\n            <div\n              key={order.id}\n              className=\"rounded-lg border border-border-subtle bg-bg-surface hover:shadow-md transition-shadow\"\n            >\n              <div className=\"p-4 md:p-5\">\n                {/* Order Header */}\n                <div className=\"flex flex-col md:flex-row md:items-center justify-between mb-3\">\n                  <div className=\"mb-3 md:mb-0 flex items-start gap-3\">\n                    <div className=\"flex h-11 w-11 shrink-0 items-center justify-center rounded-xl bg-[var(--color-accent-soft)] text-accent-primary\">\n                      <ShoppingBag className=\"h-5 w-5\" />\n                    </div>\n                    <div>\n                      <div className=\"flex flex-col sm:flex-row sm:items-center gap-2\">\n                        <h3 className=\"text-base font-semibold text-text-primary\">\n                          {order.cartName}\n                        </h3>\n                        <StatusBadge status={order.status} />\n                      </div>\n                      <p className=\"text-xs text-text-secondary mt-1\">\n                        Order #{order.id} &middot; {formatDate(order.orderDate)}\n                      </p>\n                    </div>\n                  </div>\n                  <div className=\"flex flex-col sm:flex-row sm:items-center gap-2\">\n                    <p className=\"text-lg font-bold text-text-primary\">\n                      {formatCurrency(order.total, { minimumFractionDigits: 0 })}\n                    </p>\n                    <div className=\"flex flex-wrap gap-2\">\n                      {!PAST_STATUSES.has(order.status) && (\n                        <button\n                          type=\"button\"\n                          onClick={() => navigateTo(`/customer/orders/${order.id}/track`)}\n                          className=\"flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors\"\n                        >\n                          <Eye className=\"h-3 w-3\" />\n                          Track Order\n                        </button>\n                      )}\n                      {PAST_STATUSES.has(order.status) && (\n                        <button\n                          type=\"button\"\n                          onClick={() => handleReorder(order)}\n                          className=\"flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-3 py-1.5 text-xs font-semibold text-action-primary-text hover:bg-action-primary-bg-hover transition-colors\"\n                        >\n                          <RotateCcw className=\"h-3 w-3\" />\n                          Reorder\n                        </button>\n                      )}\n                      {order.status === 'delivered' && !order.rating && (\n                        <button\n                          type=\"button\"\n                          onClick={() => navigateTo(`/customer/orders/${order.id}/track`)}\n                          className=\"flex items-center gap-1.5 rounded-lg border border-action-primary-bg px-3 py-1.5 text-xs font-semibold text-accent-primary hover:bg-[var(--color-accent-soft)] transition-colors\"\n                        >\n                          <Star className=\"h-3 w-3\" />\n                          Rate\n                        </button>\n                      )}\n                    </div>\n                  </div>\n                </div>\n\n                {/* Order Items Summary */}\n                <div className=\"border-t border-border-subtle pt-3\">\n                  <div className=\"flex flex-wrap gap-1\">\n                    {order.items.slice(0, 3).map((item, index) => (\n                      <span key={index} className=\"text-xs text-text-secondary\">\n                        {item.name} ({item.quantity})\n                        {index < Math.min(2, order.items.length - 1) && ', '}\n                      </span>\n                    ))}\n                    {order.items.length > 3 && (\n                      <span className=\"text-xs text-text-secondary\">\n                        +{order.items.length - 3} more items\n                      </span>\n                    )}\n                  </div>\n                </div>\n\n                {/* Status Message */}\n                <div className=\"mt-3\">\n                  {order.status === 'delivered' && (\n                    <div className=\"flex items-center gap-1.5 text-xs text-status-success-text\">\n                      <CheckCircle2 className=\"h-3 w-3\" />\n                      <span>Order delivered successfully</span>\n                    </div>\n                  )}\n                  {order.status === 'cancelled' && (\n                    <div className=\"flex items-center gap-1.5 text-xs text-status-error-text\">\n                      <XCircle className=\"h-3 w-3\" />\n                      <span>\n                        Cancelled{order.cancellationReason && ` - ${order.cancellationReason}`}\n                      </span>\n                    </div>\n                  )}\n                  {['pending', 'confirmed', 'preparing', 'ready', 'out_for_delivery'].includes(\n                    order.status\n                  ) && (\n                    <div className=\"flex items-center gap-1.5 text-xs text-text-primary\">\n                      <Truck className=\"h-3 w-3\" />\n                      <span>\n                        Estimated delivery by{' '}\n                        {order.estimatedDeliveryTime\n                          ? formatDate(order.estimatedDeliveryTime)\n                          : 'TBD'}\n                      </span>\n                    </div>\n                  )}\n                </div>\n\n                {/* Rating Section */}\n                {order.status === 'delivered' && (\n                  <div className=\"mt-3 flex flex-col sm:flex-row sm:items-center justify-between gap-2\">\n                    {order.rating ? (\n                      <div className=\"flex flex-col sm:flex-row sm:items-center gap-2\">\n                        <RatingDisplay value={order.rating} />\n                        {order.review && (\n                          <p className=\"text-xs text-text-secondary italic\">\n                            &ldquo;{order.review}&rdquo;\n                          </p>\n                        )}\n                      </div>\n                    ) : (\n                      <button\n                        type=\"button\"\n                        onClick={() => navigateTo(`/customer/orders/${order.id}/track`)}\n                        className=\"flex items-center gap-1.5 rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors\"\n                      >\n                        <Star className=\"h-3 w-3\" />\n                        Rate Order\n                      </button>\n                    )}\n                  </div>\n                )}\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n\n      {/* Load More */}\n      {hasMore && !isLoading && (\n        <div className=\"text-center mt-8\">\n          <button\n            type=\"button\"\n            onClick={handleLoadMore}\n            className=\"inline-flex items-center gap-2 rounded-lg border border-border-subtle px-6 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n          >\n            <ChevronDown className=\"h-4 w-4\" />\n            Load More Orders\n          </button>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/kadaikodi/pages/customer/OrderTrackingPage.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Order Tracking Page
+ * @module kadaikodi/pages/customer
+ *
+ * Real-time order tracking with status timeline, delivery partner info,
+ * price breakdown, Need Help sidebar, and rate order functionality.
+ */
+export declare function OrderTrackingPage(): import("react").JSX.Element;
+//# sourceMappingURL=OrderTrackingPage.d.ts.map

package/dist/kadaikodi/pages/customer/OrderTrackingPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"OrderTrackingPage.d.ts","sourceRoot":"","sources":["../../../../src/kadaikodi/pages/customer/OrderTrackingPage.tsx"],"names":[],"mappings":"AAAA;;;;;;GAMG;AAwDH,wBAAgB,iBAAiB,gCAqehC"}