@burdenoff/microfe-coolandlovely 2026.614.1

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

@@ -0,0 +1 @@
+{"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 { PageLayout } from '../../components/PageLayout';\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-yellow-500/20 text-yellow-600 dark:text-yellow-400', label: 'New Order' },\n  confirmed: { color: 'bg-blue-500/20 text-blue-600 dark:text-blue-400', label: 'Confirmed' },\n  preparing: { color: 'bg-orange-500/20 text-orange-600 dark:text-orange-400', label: 'Preparing' },\n  ready: { color: 'bg-green-500/20 text-green-600 dark:text-green-400', label: 'Ready' },\n  out_for_delivery: {\n    color: 'bg-cyan-500/20 text-cyan-600 dark:text-cyan-400',\n    label: 'Out for Delivery',\n  },\n  delivered: { color: 'bg-green-500/20 text-green-600 dark:text-green-400', label: 'Completed' },\n  cancelled: { color: 'bg-red-500/20 text-red-600 dark:text-red-400', 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-purple-500/20 text-purple-600 dark:text-purple-400',\n  },\n  pickup: {\n    icon: ShoppingBag,\n    label: 'Pickup',\n    color: 'bg-blue-500/20 text-blue-600 dark:text-blue-400',\n  },\n  cart_dispatch: { icon: MapPin, label: 'Cart Dispatch', color: 'bg-muted text-muted-foreground' },\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-red-500/50 bg-red-500/5';\n  if (order.status === 'preparing' && ageMin > 30) return 'border-yellow-500/50 bg-yellow-500/5';\n  return 'border-border';\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 px-4 py-2 text-sm font-medium text-foreground hover:bg-muted transition-colors\"\n        >\n          <RefreshCw className=\"h-4 w-4\" />\n          Refresh\n        </button>\n      }\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-green-500/30 bg-green-500/10'\n                : 'border-red-500/30 bg-red-500/10'\n            )}\n          >\n            {statusMessage.type === 'success' ? (\n              <CheckCircle2 className=\"h-4 w-4 text-green-600 dark:text-green-400\" />\n            ) : (\n              <AlertCircle className=\"h-4 w-4 text-red-600 dark:text-red-400\" />\n            )}\n            <span\n              className={cn(\n                'text-sm font-medium',\n                statusMessage.type === 'success'\n                  ? 'text-green-600 dark:text-green-400'\n                  : 'text-red-600 dark:text-red-400'\n              )}\n            >\n              {statusMessage.text}\n            </span>\n          </div>\n        )}\n\n        {/* Stats Overview */}\n        <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-6 gap-3\">\n          <div className=\"rounded-lg border border-border bg-card p-4 shadow-sm\">\n            <p className=\"text-xs text-muted-foreground\">Total Orders</p>\n            <p className=\"text-2xl font-bold text-foreground\">{stats.total}</p>\n          </div>\n          <div className=\"rounded-lg border border-yellow-500/30 bg-yellow-500/5 p-4 shadow-sm\">\n            <p className=\"text-xs text-yellow-600 dark:text-yellow-400\">Pending</p>\n            <p className=\"text-2xl font-bold text-yellow-600 dark:text-yellow-400\">\n              {stats.pending}\n            </p>\n          </div>\n          <div className=\"rounded-lg border border-blue-500/30 bg-blue-500/5 p-4 shadow-sm\">\n            <p className=\"text-xs text-blue-600 dark:text-blue-400\">Active</p>\n            <p className=\"text-2xl font-bold text-blue-600 dark:text-blue-400\">{stats.active}</p>\n          </div>\n          <div className=\"rounded-lg border border-green-500/30 bg-green-500/5 p-4 shadow-sm\">\n            <p className=\"text-xs text-green-600 dark:text-green-400\">Completed</p>\n            <p className=\"text-2xl font-bold text-green-600 dark:text-green-400\">\n              {stats.completed}\n            </p>\n          </div>\n          <div className=\"rounded-lg border border-border bg-card p-4 shadow-sm\">\n            <p className=\"text-xs text-muted-foreground\">Total Revenue</p>\n            <p className=\"text-2xl font-bold text-foreground\">\n              {formatCurrency(stats.totalRevenue, { minimumFractionDigits: 0 })}\n            </p>\n          </div>\n          <div className=\"rounded-lg border border-border bg-card p-4 shadow-sm\">\n            <p className=\"text-xs text-muted-foreground\">Avg Order</p>\n            <p className=\"text-2xl font-bold text-foreground\">\n              {formatCurrency(stats.avgOrder, { minimumFractionDigits: 0 })}\n            </p>\n          </div>\n        </div>\n\n        {/* Filters */}\n        <div className=\"rounded-lg border border-border bg-card p-4 shadow-sm\">\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-muted-foreground\" />\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 bg-card pl-10 pr-4 py-2 text-sm text-foreground placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-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 bg-card px-3 py-2 text-sm text-foreground\"\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 bg-card px-3 py-2 text-sm text-foreground\"\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 bg-card px-3 py-2 text-sm text-foreground\"\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 bg-card px-3 py-2 text-sm text-foreground\"\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          <div className=\"flex flex-col items-center justify-center py-16 rounded-lg border border-border bg-card shadow-sm text-center\">\n            <PackageCheck className=\"h-12 w-12 text-muted-foreground opacity-40 mb-3\" />\n            <h3 className=\"text-lg font-semibold text-foreground mb-1\">No orders found</h3>\n            <p className=\"text-sm text-muted-foreground\">\n              {filters.searchQuery || filters.status\n                ? 'Try adjusting your filters'\n                : 'No orders to display'}\n            </p>\n          </div>\n        ) : (\n          <div className=\"space-y-4\">\n            {filteredOrders.map((order) => {\n              const status = statusConfig[order.status] || {\n                color: 'bg-muted text-muted-foreground',\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-card 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-foreground\">\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-muted-foreground\">\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-foreground\">\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 px-3 py-1.5 text-xs font-medium text-foreground hover:bg-muted transition-colors\"\n                        >\n                          View Details\n                        </button>\n                      </div>\n                    </div>\n\n                    {/* Items */}\n                    <div className=\"border-t border-border 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-muted px-2 py-1 text-xs text-foreground\"\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-green-500/10 px-3 py-2 text-xs font-medium text-green-600 dark:text-green-400 hover:bg-green-500/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-red-500/10 px-3 py-2 text-xs font-medium text-red-600 dark:text-red-400 hover:bg-red-500/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-orange-500/10 px-3 py-2 text-xs font-medium text-orange-600 dark:text-orange-400 hover:bg-orange-500/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-green-500/10 px-3 py-2 text-xs font-medium text-green-600 dark:text-green-400 hover:bg-green-500/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-green-500/10 px-3 py-2 text-xs font-medium text-green-600 dark:text-green-400 hover:bg-green-500/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 px-3 py-2 text-xs font-medium text-foreground hover:bg-muted 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-yellow-500/30 bg-yellow-500/10 p-3\">\n                        <p className=\"text-xs font-medium text-yellow-600 dark:text-yellow-400\">\n                          Special Instructions:\n                        </p>\n                        <p className=\"text-xs text-yellow-600 dark:text-yellow-400 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 bg-card 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-foreground\">Order Details</h3>\n                <button\n                  type=\"button\"\n                  onClick={() => setShowOrderDetails(false)}\n                  className=\"rounded p-1.5 text-muted-foreground hover:text-foreground hover:bg-muted 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-muted-foreground\">Order ID</p>\n                    <p className=\"text-sm font-medium text-foreground\">#{selectedOrder.id}</p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">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-muted-foreground\">Customer</p>\n                    <p className=\"text-sm font-medium text-foreground\">\n                      {selectedOrder.customerName || 'N/A'}\n                    </p>\n                  </div>\n                  <div>\n                    <p className=\"text-xs text-muted-foreground\">Order Time</p>\n                    <p className=\"text-sm font-medium text-foreground\">\n                      {formatTime(selectedOrder.orderDate)}\n                    </p>\n                  </div>\n                </div>\n\n                {/* Items */}\n                <div className=\"border-t border-border pt-4\">\n                  <h4 className=\"text-sm font-medium text-foreground 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-foreground\">{item.name}</p>\n                          <p className=\"text-xs text-muted-foreground\">\n                            {formatCurrency(item.price, { minimumFractionDigits: 0 })} x{' '}\n                            {item.quantity}\n                          </p>\n                        </div>\n                        <p className=\"text-sm font-medium text-foreground\">\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 pt-4 space-y-2\">\n                  <div className=\"flex justify-between text-sm text-muted-foreground\">\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-muted-foreground\">\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-muted-foreground\">\n                    <span>Tax</span>\n                    <span>{formatCurrency(selectedOrder.taxes, { minimumFractionDigits: 0 })}</span>\n                  </div>\n                  <div className=\"flex justify-between font-semibold text-foreground pt-2 border-t border-border\">\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 pt-4\">\n                    <h4 className=\"text-sm font-medium text-foreground mb-2 flex items-center gap-1.5\">\n                      <MapPin className=\"h-4 w-4 text-muted-foreground\" />\n                      Delivery Address\n                    </h4>\n                    <p className=\"text-sm text-muted-foreground\">\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 px-4 py-2 text-sm font-medium text-foreground hover:bg-muted 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-green-500/10 px-4 py-2 text-sm font-medium text-green-600 dark:text-green-400 hover:bg-green-500/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-red-500/10 px-4 py-2 text-sm font-medium text-red-600 dark:text-red-400 hover:bg-red-500/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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"}

package/dist/coolandlovely/pages/cart-owner/StaffManagementPage.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Staff Management Page
+ *
+ * Stats overview, staff list with filters (role/status/search/sort),
+ * invite staff modal, edit staff modal, performance metrics per staff,
+ * status toggle (activate/deactivate), role badges, schedule info.
+ *
+ * @module coolandlovely/pages/cart-owner
+ */
+export declare const StaffManagementPage: () => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=StaffManagementPage.d.ts.map

package/dist/coolandlovely/pages/cart-owner/StaffManagementPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StaffManagementPage.d.ts","sourceRoot":"","sources":["../../../../src/coolandlovely/pages/cart-owner/StaffManagementPage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AA8NH,eAAO,MAAM,mBAAmB,+CA6oB/B,CAAC"}