@burdenoff/microfe-coolandlovely 2026.625.2 → 2026.628.1

package/dist/coolandlovely/pages/cart-owner/OrderManagementPage.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"OrderManagementPage.js","names":[],"sources":["../../../../src/coolandlovely/pages/cart-owner/OrderManagementPage.tsx"],"sourcesContent":["/**\n * Order Management Page\n *\n * Stats overview, status-filtered order list with search/date/sort/fulfillment filters,\n * order detail modal, accept/reject/ready/complete actions, priority highlighting.\n *\n * @module coolandlovely/pages/cart-owner\n */\n\nimport { useState, useMemo } from'react';\nimport {\n  Search,\n  Clock,\n  CheckCircle2,\n  XCircle,\n  ChefHat,\n  PackageCheck,\n  Phone,\n  MapPin,\n  User,\n  RefreshCw,\n  Truck,\n  ShoppingBag,\n  X,\n  AlertCircle,\n  Filter,\n  ChevronDown,\n} from'lucide-react';\nimport { EmphasisPanel, PagePurpose } from'@burdenoff/fe-libs/ui';\nimport { PageLayout } from'../../components/PageLayout';\nimport { EmptyState } from'../../components/EmptyState';\nimport { useCoolAndLovely } from'../../context/CoolAndLovelyContext';\nimport { mockOrders } from'../../mocks/data';\nimport { formatCurrency } from'../../utils/formatters';\nimport { cn } from'../../utils/cn';\nimport type { MockOrder, OrderStatus } from'../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface StatusMessage {\n  text: string;\n  type: 'success' | 'error';\n}\n\ninterface OrderFilters {\n  status: string;\n  dateRange: string;\n  searchQuery: string;\n  sortBy: string;\n  fulfillmentType: string;\n}\n\n/** Extended order type with cart-owner specific fields */\ninterface ExtendedOrder extends MockOrder {\n  customerName?: string;\n  customerPhone?: string;\n  fulfillmentType?: 'delivery' | 'pickup' | 'cart_dispatch';\n  specialInstructions?: string;\n}\n\n// ============================================================================\n// Extended Mock Orders\n// ============================================================================\n\nconst extendedOrders: ExtendedOrder[] = [\n  ...mockOrders,\n  {\n    id: 'ORD-010',\n    cartId: 'FOOD-001',\n    cartName: 'Dosa Express',\n    cartImage: '',\n    items: [\n      { id: 'food-1', name: 'Masala Dosa', quantity: 3, price: 120 },\n      { id: 'food-2', name: 'Filter Coffee', quantity: 3, price: 60 },\n    ],\n    subtotal: 540,\n    taxes: 54,\n    deliveryFee: 30,\n    total: 624,\n    status: 'pending' as OrderStatus,\n    orderDate: '2024-01-16T17:30:00Z',\n    estimatedDeliveryTime: '2024-01-16T18:00:00Z',\n    deliveryAddress: {\n      street: '42 Lake Road',\n      area: 'Ulsoor',\n      city: 'Bangalore',\n      pincode: '560008',\n    },\n    paymentMethod: 'UPI',\n    paymentStatus: 'completed' as const,\n    timeline: [\n      { status: 'pending', timestamp: '2024-01-16T17:30:00Z', description: 'Order placed' },\n    ],\n    assignedWorker: { id: 'worker-1', name: 'Ravi Kumar', phone: '+91-9876543210', rating: 4.8 },\n    customerName: 'Priya Sharma',\n    customerPhone: '+91-9876543220',\n    fulfillmentType: 'delivery' as const,\n    specialInstructions: 'Extra sambar please',\n  },\n  {\n    id: 'ORD-011',\n    cartId: 'FOOD-002',\n    cartName: 'Chaat Corner',\n    cartImage: '',\n    items: [\n      { id: 'food-3', name: 'Pani Puri', quantity: 2, price: 80 },\n      { id: 'food-4', name: 'Bhel Puri', quantity: 1, price: 70 },\n    ],\n    subtotal: 230,\n    taxes: 23,\n    deliveryFee: 0,\n    total: 253,\n    status: 'confirmed' as OrderStatus,\n    orderDate: '2024-01-16T16:00:00Z',\n    deliveryAddress: {\n      street: '88 MG Road',\n      area: 'MG Road',\n      city: 'Bangalore',\n      pincode: '560001',\n    },\n    paymentMethod: 'Cash',\n    paymentStatus: 'pending' as const,\n    timeline: [\n      { status: 'pending', timestamp: '2024-01-16T15:50:00Z', description: 'Order placed' },\n      { status: 'confirmed', timestamp: '2024-01-16T16:00:00Z', description: 'Order confirmed' },\n    ],\n    customerName: 'Amit Patel',\n    customerPhone: '+91-9876543221',\n    fulfillmentType: 'pickup' as const,\n  },\n  {\n    id: 'ORD-012',\n    cartId: 'FOOD-001',\n    cartName: 'Dosa Express',\n    cartImage: '',\n    items: [{ id: 'food-5', name: 'Rava Dosa', quantity: 2, price: 100 }],\n    subtotal: 200,\n    taxes: 20,\n    deliveryFee: 30,\n    total: 250,\n    status: 'preparing' as OrderStatus,\n    orderDate: '2024-01-16T15:00:00Z',\n    deliveryAddress: {\n      street: '15 Church Street',\n      area: 'Church Street',\n      city: 'Bangalore',\n      pincode: '560001',\n    },\n    paymentMethod: 'UPI',\n    paymentStatus: 'completed' as const,\n    timeline: [\n      { status: 'pending', timestamp: '2024-01-16T14:50:00Z', description: 'Order placed' },\n      { status: 'confirmed', timestamp: '2024-01-16T14:55:00Z', description: 'Order confirmed' },\n      {\n        status: 'preparing',\n        timestamp: '2024-01-16T15:00:00Z',\n        description: 'Preparation started',\n      },\n    ],\n    customerName: 'Deepak Reddy',\n    customerPhone: '+91-9876543222',\n    fulfillmentType: 'delivery' as const,\n    specialInstructions: 'No onions',\n  },\n  {\n    id: 'ORD-013',\n    cartId: 'SVC-001',\n    cartName: 'Quick Fix Repairs',\n    cartImage: '',\n    items: [{ id: 'svc-1', name: 'Mobile Screen Repair', quantity: 1, price: 2500 }],\n    subtotal: 2500,\n    taxes: 250,\n    deliveryFee: 0,\n    total: 2750,\n    status: 'ready' as OrderStatus,\n    orderDate: '2024-01-16T12:00:00Z',\n    deliveryAddress: {\n      street: '22 HSR Layout',\n      area: 'HSR Layout',\n      city: 'Bangalore',\n      pincode: '560102',\n    },\n    paymentMethod: 'Card',\n    paymentStatus: 'completed' as const,\n    timeline: [\n      { status: 'pending', timestamp: '2024-01-16T11:00:00Z', description: 'Order placed' },\n      { status: 'confirmed', timestamp: '2024-01-16T11:10:00Z', description: 'Order confirmed' },\n      { status: 'preparing', timestamp: '2024-01-16T11:30:00Z', description: 'Service started' },\n      { status: 'ready', timestamp: '2024-01-16T12:00:00Z', description: 'Service completed' },\n    ],\n    customerName: 'Kiran Nair',\n    customerPhone: '+91-9876543223',\n    fulfillmentType: 'pickup' as const,\n  },\n  {\n    id: 'ORD-014',\n    cartId: 'FOOD-001',\n    cartName: 'Dosa Express',\n    cartImage: '',\n    items: [\n      { id: 'food-1', name: 'Masala Dosa', quantity: 1, price: 120 },\n      { id: 'food-2', name: 'Filter Coffee', quantity: 2, price: 60 },\n    ],\n    subtotal: 240,\n    taxes: 24,\n    deliveryFee: 30,\n    total: 294,\n    status: 'cancelled' as OrderStatus,\n    orderDate: '2024-01-15T18:00:00Z',\n    deliveryAddress: {\n      street: '5 BTM Layout',\n      area: 'BTM Layout',\n      city: 'Bangalore',\n      pincode: '560076',\n    },\n    paymentMethod: 'UPI',\n    paymentStatus: 'refunded' as const,\n    timeline: [\n      { status: 'pending', timestamp: '2024-01-15T17:50:00Z', description: 'Order placed' },\n      {\n        status: 'cancelled',\n        timestamp: '2024-01-15T18:00:00Z',\n        description: 'Order cancelled by customer',\n      },\n    ],\n    customerName: 'Sneha Gupta',\n    customerPhone: '+91-9876543224',\n    fulfillmentType: 'delivery' as const,\n  },\n];\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nconst statusConfig: Record<string, { color: string; label: string }> = {\n  pending: { color: 'bg-status-warning-bg-subtle/20 text-status-warning-text', label: 'New Order' },\n  confirmed: { color: 'bg-accent-blue-subtle/20 text-accent-blue', label: 'Confirmed' },\n  preparing: { color: 'bg-accent-orange-subtle/20 text-accent-orange', label: 'Preparing' },\n  ready: { color: 'bg-status-success-bg-subtle/20 text-status-success-text', label: 'Ready' },\n  out_for_delivery: {\n    color: 'bg-accent-cyan-subtle/20 text-accent-cyan',\n    label: 'Out for Delivery',\n  },\n  delivered: { color: 'bg-status-success-bg-subtle/20 text-status-success-text', label: 'Completed' },\n  cancelled: { color: 'bg-status-error-bg-subtle/20 text-status-error-text', label: 'Cancelled' },\n};\n\nconst fulfillmentBadge: Record<string, { icon: typeof Truck; label: string; color: string }> = {\n  delivery: {\n    icon: Truck,\n    label: 'Delivery',\n    color: 'bg-accent-purple-subtle/20 text-accent-purple',\n  },\n  pickup: {\n    icon: ShoppingBag,\n    label: 'Pickup',\n    color: 'bg-accent-blue-subtle/20 text-accent-blue',\n  },\n  cart_dispatch: { icon: MapPin, label: 'Cart Dispatch', color: 'bg-bg-sunken text-text-secondary' },\n};\n\nconst formatTimeAgo = (dateString: string) => {\n  const date = new Date(dateString);\n  const now = new Date();\n  const diffMin = Math.floor((now.getTime() - date.getTime()) / (1000 * 60));\n  if (diffMin < 1) return'Just now';\n  if (diffMin < 60) return`${diffMin} min ago`;\n  if (diffMin < 1440) return`${Math.floor(diffMin / 60)} hours ago`;\n  return date.toLocaleDateString('en-IN', { day: '2-digit', month: 'short' });\n};\n\nconst formatTime = (dateString: string) => {\n  return new Date(dateString).toLocaleTimeString('en-IN', {\n    hour: 'numeric',\n    minute: '2-digit',\n    hour12: true,\n  });\n};\n\nconst getPriorityColor = (order: (typeof extendedOrders)[0]) => {\n  const ageMin = (new Date().getTime() - new Date(order.orderDate).getTime()) / (1000 * 60);\n  if (order.status === 'pending' && ageMin > 10) return'border-status-error-border/50 bg-status-error-bg-subtle/5';\n  if (order.status === 'preparing' && ageMin > 30) return'border-status-warning-border/50 bg-status-warning-bg-subtle/5';\n  return'border-border-subtle';\n};\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const OrderManagementPage = () => {\n  const { navigateTo } = useCoolAndLovely();\n\n  // Data - use inline state so actions can update it\n  const [orders, setOrders] = useState(extendedOrders);\n\n  // Filters\n  const [filters, setFilters] = useState<OrderFilters>({\n    status: '',\n    dateRange: 'all',\n    searchQuery: '',\n    sortBy: 'recent',\n    fulfillmentType: '',\n  });\n\n  // Modal\n  const [selectedOrder, setSelectedOrder] = useState<(typeof extendedOrders)[0] | null>(null);\n  const [showOrderDetails, setShowOrderDetails] = useState(false);\n\n  // Status\n  const [statusMessage, setStatusMessage] = useState<StatusMessage | null>(null);\n\n  const showStatus = (text: string, type: 'success' | 'error') => {\n    setStatusMessage({ text, type });\n    setTimeout(() => setStatusMessage(null), 3000);\n  };\n\n  // ---- Stats ----\n  const stats = useMemo(() => {\n    const total = orders.length;\n    const pending = orders.filter((o) => o.status === 'pending').length;\n    const active = orders.filter((o) =>\n      ['confirmed', 'preparing', 'ready', 'out_for_delivery'].includes(o.status)\n    ).length;\n    const completed = orders.filter((o) => o.status === 'delivered').length;\n    const totalRevenue = orders\n      .filter((o) => o.status === 'delivered')\n      .reduce((s, o) => s + o.total, 0);\n    const avgOrder = completed > 0 ? Math.round(totalRevenue / completed) : 0;\n    return { total, pending, active, completed, totalRevenue, avgOrder };\n  }, [orders]);\n\n  // ---- Filtered orders ----\n  const filteredOrders = useMemo(() => {\n    let result = [...orders];\n\n    if (filters.status) {\n      result = result.filter((o) => o.status === filters.status);\n    }\n    if (filters.fulfillmentType) {\n      result = result.filter((o) => o.fulfillmentType === filters.fulfillmentType);\n    }\n    if (filters.searchQuery) {\n      const q = filters.searchQuery.toLowerCase();\n      result = result.filter(\n        (o) =>\n          o.id.toLowerCase().includes(q) ||\n          (o.customerName || '').toLowerCase().includes(q) ||\n          o.items.some((item) => item.name.toLowerCase().includes(q))\n      );\n    }\n    if (filters.dateRange !== 'all') {\n      const now = new Date();\n      const limit = new Date();\n      if (filters.dateRange === 'today') limit.setHours(0, 0, 0, 0);\n      else if (filters.dateRange === '7days') limit.setDate(now.getDate() - 7);\n      else if (filters.dateRange === '30days') limit.setDate(now.getDate() - 30);\n      result = result.filter((o) => new Date(o.orderDate) >= limit);\n    }\n\n    switch (filters.sortBy) {\n      case'recent':\n        result.sort((a, b) => new Date(b.orderDate).getTime() - new Date(a.orderDate).getTime());\n        break;\n      case'oldest':\n        result.sort((a, b) => new Date(a.orderDate).getTime() - new Date(b.orderDate).getTime());\n        break;\n      case'amount_high':\n        result.sort((a, b) => b.total - a.total);\n        break;\n      case'amount_low':\n        result.sort((a, b) => a.total - b.total);\n        break;\n    }\n\n    return result;\n  }, [orders, filters]);\n\n  // ---- Actions ----\n  const handleOrderAction = (\n    orderId: string,\n    action: 'accept' | 'reject' | 'ready' | 'complete'\n  ) => {\n    const statusMap: Record<string, OrderStatus> = {\n      accept: 'confirmed',\n      reject: 'cancelled',\n      ready: 'ready',\n      complete: 'delivered',\n    };\n    const messages: Record<string, string> = {\n      accept: 'Order accepted',\n      reject: 'Order rejected',\n      ready: 'Order marked as ready',\n      complete: 'Order completed',\n    };\n\n    setOrders((prev) =>\n      prev.map((o) => (o.id === orderId ? { ...o, status: statusMap[action] } : o))\n    );\n    showStatus(messages[action], 'success');\n    if (showOrderDetails && selectedOrder?.id === orderId) {\n      setShowOrderDetails(false);\n    }\n  };\n\n  return (\n    <PageLayout\n      title=\"Order Management\"\n      description=\"Manage incoming and active orders\"\n      actions={\n        <button\n          type=\"button\"\n          onClick={() => showStatus('Orders refreshed', 'success')}\n          className=\"inline-flex items-center gap-2 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors\"\n        >\n          <RefreshCw className=\"h-4 w-4\" />\n          Refresh\n        </button>\n      }\n    >\n      <PagePurpose className=\"mb-6\" icon={<ShoppingBag className=\"h-4 w-4\" />}>\n        The order queue for your cart. Watch new orders land, move each one through\n        confirmed, preparing, ready and out-for-delivery, and filter by status,\n        type or date to focus on what needs you now — so no customer is left\n        waiting.\n      </PagePurpose>\n\n      <div className=\"space-y-4\">\n        {/* Status Message */}\n        {statusMessage && (\n          <div\n            className={cn(\n              'flex items-center gap-2 rounded-lg border p-3',\n              statusMessage.type === 'success'\n                ? 'border-status-success-border/30 bg-status-success-bg-subtle/10'\n                : 'border-status-error-border/30 bg-status-error-bg-subtle/10'\n            )}\n          >\n            {statusMessage.type === 'success' ? (\n              <CheckCircle2 className=\"h-4 w-4 text-status-success-text\" />\n            ) : (\n              <AlertCircle className=\"h-4 w-4 text-status-error-text\" />\n            )}\n            <span\n              className={cn(\n                'text-sm font-medium',\n                statusMessage.type === 'success'\n                  ? 'text-status-success-text'\n                  : 'text-status-error-text'\n              )}\n            >\n              {statusMessage.text}\n            </span>\n          </div>\n        )}\n\n        {/* Stats Overview — primary emphasis zone */}\n        <EmphasisPanel className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3 p-4\">\n          <div className=\"rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop\">\n            <p className=\"text-xs text-text-secondary\">Total Orders</p>\n            <p className=\"text-2xl font-bold text-text-primary\">{stats.total}</p>\n          </div>\n          <div className=\"rounded-lg border border-status-warning-border/30 bg-status-warning-bg-subtle/5 p-4 shadow-sm\">\n            <p className=\"text-xs text-status-warning-text\">Pending</p>\n            <p className=\"text-2xl font-bold text-status-warning-text\">\n              {stats.pending}\n            </p>\n          </div>\n          <div className=\"rounded-lg border border-accent-blue-subtle/30 bg-accent-blue-subtle/5 p-4 shadow-sm\">\n            <p className=\"text-xs text-accent-blue\">Active</p>\n            <p className=\"text-2xl font-bold text-accent-blue\">{stats.active}</p>\n          </div>\n          <div className=\"rounded-lg border border-status-success-border/30 bg-status-success-bg-subtle/5 p-4 shadow-sm\">\n            <p className=\"text-xs text-status-success-text\">Completed</p>\n            <p className=\"text-2xl font-bold text-status-success-text\">\n              {stats.completed}\n            </p>\n          </div>\n          <div className=\"rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop\">\n            <p className=\"text-xs text-text-secondary\">Total Revenue</p>\n            <p className=\"text-2xl font-bold text-text-primary\">\n              {formatCurrency(stats.totalRevenue, { minimumFractionDigits: 0 })}\n            </p>\n          </div>\n          <div className=\"rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop\">\n            <p className=\"text-xs text-text-secondary\">Avg Order</p>\n            <p className=\"text-2xl font-bold text-text-primary\">\n              {formatCurrency(stats.avgOrder, { minimumFractionDigits: 0 })}\n            </p>\n          </div>\n        </EmphasisPanel>\n\n        {/* Filters */}\n        <div className=\"rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop\">\n          <div className=\"grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-5 gap-3\">\n            <div className=\"relative sm:col-span-2 lg:col-span-1\">\n              <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n              <input\n                type=\"text\"\n                placeholder=\"Search orders...\"\n                value={filters.searchQuery}\n                onChange={(e) => setFilters((p) => ({ ...p, searchQuery: e.target.value }))}\n                className=\"w-full rounded-md border border-border-subtle bg-bg-surface pl-10 pr-4 py-2 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            <select\n              value={filters.status}\n              onChange={(e) => setFilters((p) => ({ ...p, status: e.target.value }))}\n              className=\"rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n            >\n              <option value=\"\">All Orders</option>\n              <option value=\"pending\">New Orders</option>\n              <option value=\"confirmed\">Confirmed</option>\n              <option value=\"preparing\">Preparing</option>\n              <option value=\"ready\">Ready</option>\n              <option value=\"delivered\">Completed</option>\n              <option value=\"cancelled\">Cancelled</option>\n            </select>\n            <select\n              value={filters.fulfillmentType}\n              onChange={(e) => setFilters((p) => ({ ...p, fulfillmentType: e.target.value }))}\n              className=\"rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n            >\n              <option value=\"\">All Types</option>\n              <option value=\"pickup\">Pickup</option>\n              <option value=\"delivery\">Delivery</option>\n              <option value=\"cart_dispatch\">Cart Dispatch</option>\n            </select>\n            <select\n              value={filters.dateRange}\n              onChange={(e) => setFilters((p) => ({ ...p, dateRange: e.target.value }))}\n              className=\"rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n            >\n              <option value=\"today\">Today</option>\n              <option value=\"7days\">Last 7 Days</option>\n              <option value=\"30days\">Last 30 Days</option>\n              <option value=\"all\">All Time</option>\n            </select>\n            <select\n              value={filters.sortBy}\n              onChange={(e) => setFilters((p) => ({ ...p, sortBy: e.target.value }))}\n              className=\"rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary\"\n            >\n              <option value=\"recent\">Most Recent</option>\n              <option value=\"oldest\">Oldest First</option>\n              <option value=\"amount_high\">Amount: High to Low</option>\n              <option value=\"amount_low\">Amount: Low to High</option>\n            </select>\n          </div>\n        </div>\n\n        {/* Orders List */}\n        {filteredOrders.length === 0 ? (\n          <EmptyState\n            illustration={filters.searchQuery || filters.status ? 'empty-search' : 'empty-data'}\n            title=\"No orders found\"\n            description={\n              filters.searchQuery || filters.status\n                ? 'Try adjusting your filters to see more orders.'\n                : 'New orders from customers will appear here as they come in.'\n            }\n          />\n        ) : (\n          <div className=\"space-y-4\">\n            {filteredOrders.map((order) => {\n              const status = statusConfig[order.status] || {\n                color: 'bg-bg-sunken text-text-secondary',\n                label: order.status,\n              };\n              const fulfillment =\n                fulfillmentBadge[order.fulfillmentType || 'delivery'] || fulfillmentBadge.delivery;\n              const FulfillmentIcon = fulfillment.icon;\n\n              return (\n                <div\n                  key={order.id}\n                  className={cn(\n                    'rounded-lg border bg-bg-surface shadow-sm transition-shadow hover:shadow-md',\n                    getPriorityColor(order)\n                  )}\n                >\n                  <div className=\"p-4 sm:p-5\">\n                    {/* Header */}\n                    <div className=\"flex flex-col lg:flex-row lg:items-center lg:justify-between gap-3 mb-3\">\n                      <div className=\"min-w-0 flex-1\">\n                        <div className=\"flex flex-wrap items-center gap-2 mb-1\">\n                          <h3 className=\"text-sm sm:text-base font-semibold text-text-primary\">\n                            Order #{order.id}\n                          </h3>\n                          <span\n                            className={cn(\n                              'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium',\n                              status.color\n                            )}\n                          >\n                            {status.label}\n                          </span>\n                          <span\n                            className={cn(\n                              'inline-flex items-center gap-1 rounded-full px-2.5 py-0.5 text-xs font-medium',\n                              fulfillment.color\n                            )}\n                          >\n                            <FulfillmentIcon className=\"h-3 w-3\" />\n                            {fulfillment.label}\n                          </span>\n                        </div>\n                        <p className=\"text-xs text-text-secondary\">\n                          {order.customerName || 'Customer'} | {formatTimeAgo(order.orderDate)}\n                        </p>\n                      </div>\n                      <div className=\"flex items-center gap-3\">\n                        <p className=\"text-lg font-bold text-text-primary\">\n                          {formatCurrency(order.total, { minimumFractionDigits: 0 })}\n                        </p>\n                        <button\n                          type=\"button\"\n                          onClick={() => {\n                            setSelectedOrder(order);\n                            setShowOrderDetails(true);\n                          }}\n                          className=\"rounded-md border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors\"\n                        >\n                          View Details\n                        </button>\n                      </div>\n                    </div>\n\n                    {/* Items */}\n                    <div className=\"border-t border-border-subtle pt-3 mb-3\">\n                      <div className=\"flex flex-wrap gap-2\">\n                        {order.items.map((item, idx) => (\n                          <span\n                            key={idx}\n                            className=\"inline-flex items-center rounded bg-bg-sunken px-2 py-1 text-xs text-text-primary\"\n                          >\n                            {item.quantity}x {item.name}\n                          </span>\n                        ))}\n                      </div>\n                    </div>\n\n                    {/* Actions */}\n                    <div className=\"flex flex-wrap gap-2\">\n                      {order.status === 'pending' && (\n                        <>\n                          <button\n                            type=\"button\"\n                            onClick={() => handleOrderAction(order.id, 'accept')}\n                            className=\"inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle/10 px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle/20 transition-colors\"\n                          >\n                            <CheckCircle2 className=\"h-3.5 w-3.5\" />\n                            Accept Order\n                          </button>\n                          <button\n                            type=\"button\"\n                            onClick={() => handleOrderAction(order.id, 'reject')}\n                            className=\"inline-flex items-center gap-1.5 rounded-md bg-status-error-bg-subtle/10 px-3 py-2 text-xs font-medium text-status-error-text hover:bg-status-error-bg-subtle/20 transition-colors\"\n                          >\n                            <XCircle className=\"h-3.5 w-3.5\" />\n                            Reject\n                          </button>\n                        </>\n                      )}\n                      {order.status === 'confirmed' && (\n                        <button\n                          type=\"button\"\n                          onClick={() => handleOrderAction(order.id, 'ready')}\n                          className=\"inline-flex items-center gap-1.5 rounded-md bg-accent-orange-subtle/10 px-3 py-2 text-xs font-medium text-accent-orange hover:bg-accent-orange-subtle/20 transition-colors\"\n                        >\n                          <ChefHat className=\"h-3.5 w-3.5\" />\n                          Start Preparing\n                        </button>\n                      )}\n                      {order.status === 'preparing' && (\n                        <button\n                          type=\"button\"\n                          onClick={() => handleOrderAction(order.id, 'ready')}\n                          className=\"inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle/10 px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle/20 transition-colors\"\n                        >\n                          <PackageCheck className=\"h-3.5 w-3.5\" />\n                          Mark as Ready\n                        </button>\n                      )}\n                      {order.status === 'ready' && order.fulfillmentType === 'pickup' && (\n                        <button\n                          type=\"button\"\n                          onClick={() => handleOrderAction(order.id, 'complete')}\n                          className=\"inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle/10 px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle/20 transition-colors\"\n                        >\n                          <CheckCircle2 className=\"h-3.5 w-3.5\" />\n                          Complete Order\n                        </button>\n                      )}\n                      {['confirmed', 'preparing', 'ready'].includes(order.status) && (\n                        <button\n                          type=\"button\"\n                          onClick={() => alert('Contact feature coming soon!')}\n                          className=\"inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-xs font-medium text-text-primary hover:bg-bg-sunken transition-colors\"\n                        >\n                          <Phone className=\"h-3.5 w-3.5\" />\n                          Contact Customer\n                        </button>\n                      )}\n                    </div>\n\n                    {/* Special Instructions */}\n                    {order.specialInstructions && (\n                      <div className=\"mt-3 rounded-md border border-status-warning-border/30 bg-status-warning-bg-subtle/10 p-3\">\n                        <p className=\"text-xs font-medium text-status-warning-text\">\n                          Special Instructions:\n                        </p>\n                        <p className=\"text-xs text-status-warning-text mt-0.5\">\n                          {order.specialInstructions}\n                        </p>\n                      </div>\n                    )}\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n        )}\n      </div>\n\n      {/* Order Details Modal */}\n      {showOrderDetails && selectedOrder && (\n        <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4\">\n          <div className=\"w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface shadow-xl\">\n            <div className=\"p-6\">\n              <div className=\"flex items-center justify-between mb-4\">\n                <h3 className=\"text-lg font-semibold text-text-primary\">Order Details</h3>\n                <button\n                  type=\"button\"\n                  onClick={() => setShowOrderDetails(false)}\n                  className=\"rounded p-1.5 text-text-secondary hover:text-text-primary hover:bg-bg-sunken transition-colors\"\n                >\n                  <X className=\"h-5 w-5\" />\n                </button>\n              </div>\n\n              <div className=\"space-y-4\">\n                {/* Order Meta */}\n                <div className=\"grid grid-cols-2 gap-4\">\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Order ID</p>\n                    <p className=\"text-sm font-medium text-text-primary\">#{selectedOrder.id}</p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Status</p>\n                    <span\n                      className={cn(\n                        'inline-flex items-center rounded-full px-2.5 py-0.5 text-xs font-medium mt-0.5',\n                        (statusConfig[selectedOrder.status] || statusConfig.pending).color\n                      )}\n                    >\n                      {(statusConfig[selectedOrder.status] || statusConfig.pending).label}\n                    </span>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Customer</p>\n                    <p className=\"text-sm font-medium text-text-primary\">\n                      {selectedOrder.customerName || 'N/A'}\n                    </p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-text-secondary\">Order Time</p>\n                    <p className=\"text-sm font-medium text-text-primary\">\n                      {formatTime(selectedOrder.orderDate)}\n                    </p>\n                  </div>\n                </div>\n\n                {/* Items */}\n                <div className=\"border-t border-border-subtle pt-4\">\n                  <h4 className=\"text-sm font-medium text-text-primary mb-3\">Order Items</h4>\n                  <div className=\"space-y-2\">\n                    {selectedOrder.items.map((item, idx) => (\n                      <div key={idx} className=\"flex justify-between items-start\">\n                        <div>\n                          <p className=\"text-sm font-medium text-text-primary\">{item.name}</p>\n                          <p className=\"text-xs text-text-secondary\">\n                            {formatCurrency(item.price, { minimumFractionDigits: 0 })} x{' '}\n                            {item.quantity}\n                          </p>\n                        </div>\n                        <p className=\"text-sm font-medium text-text-primary\">\n                          {formatCurrency(item.price * item.quantity, { minimumFractionDigits: 0 })}\n                        </p>\n                      </div>\n                    ))}\n                  </div>\n                </div>\n\n                {/* Totals */}\n                <div className=\"border-t border-border-subtle pt-4 space-y-2\">\n                  <div className=\"flex justify-between text-sm text-text-secondary\">\n                    <span>Subtotal</span>\n                    <span>\n                      {formatCurrency(selectedOrder.subtotal, { minimumFractionDigits: 0 })}\n                    </span>\n                  </div>\n                  <div className=\"flex justify-between text-sm text-text-secondary\">\n                    <span>Delivery Fee</span>\n                    <span>\n                      {formatCurrency(selectedOrder.deliveryFee, { minimumFractionDigits: 0 })}\n                    </span>\n                  </div>\n                  <div className=\"flex justify-between text-sm text-text-secondary\">\n                    <span>Tax</span>\n                    <span>{formatCurrency(selectedOrder.taxes, { minimumFractionDigits: 0 })}</span>\n                  </div>\n                  <div className=\"flex justify-between font-semibold text-text-primary pt-2 border-t border-border-subtle\">\n                    <span>Total</span>\n                    <span>{formatCurrency(selectedOrder.total, { minimumFractionDigits: 0 })}</span>\n                  </div>\n                </div>\n\n                {/* Delivery Address */}\n                {selectedOrder.fulfillmentType === 'delivery' && selectedOrder.deliveryAddress && (\n                  <div className=\"border-t border-border-subtle pt-4\">\n                    <h4 className=\"text-sm font-medium text-text-primary mb-2 flex items-center gap-1.5\">\n                      <MapPin className=\"h-4 w-4 text-text-secondary\" />\n                      Delivery Address\n                    </h4>\n                    <p className=\"text-sm text-text-secondary\">\n                      {selectedOrder.deliveryAddress.street}, {selectedOrder.deliveryAddress.area}\n                      <br />\n                      {selectedOrder.deliveryAddress.city} - {selectedOrder.deliveryAddress.pincode}\n                    </p>\n                  </div>\n                )}\n\n                {/* Modal Actions */}\n                <div className=\"flex gap-3 mt-6\">\n                  <button\n                    type=\"button\"\n                    onClick={() => setShowOrderDetails(false)}\n                    className=\"flex-1 rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken transition-colors\"\n                  >\n                    Close\n                  </button>\n                  {selectedOrder.status === 'pending' && (\n                    <>\n                      <button\n                        type=\"button\"\n                        onClick={() => handleOrderAction(selectedOrder.id, 'accept')}\n                        className=\"flex-1 rounded-md bg-status-success-bg-subtle/10 px-4 py-2 text-sm font-medium text-status-success-text hover:bg-status-success-bg-subtle/20 transition-colors\"\n                      >\n                        Accept Order\n                      </button>\n                      <button\n                        type=\"button\"\n                        onClick={() => handleOrderAction(selectedOrder.id, 'reject')}\n                        className=\"flex-1 rounded-md bg-status-error-bg-subtle/10 px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle/20 transition-colors\"\n                      >\n                        Reject Order\n                      </button>\n                    </>\n                  )}\n                </div>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}