@burdenoff/microfe-kadaikodi 2026.704.4 → 2026.710.1

package/dist/kadaikodi/pages/worker/WorkerOrdersPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkerOrdersPage.js","names":[],"sources":["../../../../src/kadaikodi/pages/worker/WorkerOrdersPage.tsx"],"sourcesContent":["/**\n * Worker Orders Page\n *\n * Lists the tasks assigned to the signed-in worker, sourced entirely from the\n * live backend (useWorkerTasks / useWorkerStats). No fabricated tasks, customers,\n * locations or numbers — empty/loading states are honest.\n *\n * - Loading state\n * - Stat cards (Today's Tasks, Completed, Pending, Today's Earnings, Rating) from real stats\n * - Current Task section for the in-progress task\n * - Filters bar (Status, Type, Priority, Sort By) applied client-side to real tasks\n * - Start / Complete actions wired to the updateWorkerTaskStatus mutation\n * - Call Customer and Navigate buttons per task\n *\n * @module kadaikodi/pages/worker\n */\n\nimport { useState, useEffect, useMemo } from 'react';\nimport {\n  ClipboardList,\n  MapPin,\n  CheckCircle2,\n  PlayCircle,\n  ArrowRight,\n  Phone,\n  Navigation,\n  Loader2,\n  Truck,\n  ShoppingBag,\n  Package,\n  Star,\n  AlertTriangle,\n  IndianRupee,\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 { useKadaikodi } from '../../context/KadaikodiContext';\nimport {\n  useWorkerTasks,\n  useWorkerStats,\n  useUpdateWorkerTaskStatus,\n} from '../../hooks/useKadaikodiApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency } from '../../utils/formatters';\nimport type { WorkerTask } from '../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface TaskFilters {\n  status: string;\n  type: string;\n  priority: string;\n  sortBy: string;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction formatTimeRemaining(dueAt: string): string | null {\n  if (!dueAt) return null;\n  const target = new Date(dueAt);\n  if (Number.isNaN(target.getTime())) return null;\n  const diffInMinutes = Math.floor((target.getTime() - Date.now()) / (1000 * 60));\n  if (diffInMinutes < 0) return 'Overdue';\n  if (diffInMinutes < 60) return `${diffInMinutes} min`;\n  return `${Math.floor(diffInMinutes / 60)}h ${diffInMinutes % 60}m`;\n}\n\nfunction getTaskTypeConfig(type: WorkerTask['type']) {\n  switch (type) {\n    case 'delivery':\n      return {\n        icon: Truck,\n        label: 'Delivery',\n        style: 'bg-accent-purple-subtle text-text-primary',\n      };\n    case 'pickup':\n      return {\n        icon: ShoppingBag,\n        label: 'Pickup',\n        style: 'bg-[var(--color-accent-soft)] text-text-primary',\n      };\n    case 'service':\n      return {\n        icon: Package,\n        label: 'Service',\n        style: 'bg-status-success-bg-subtle text-status-success-text',\n      };\n    default:\n      return { icon: Package, label: type, style: 'bg-bg-sunken text-text-secondary' };\n  }\n}\n\nfunction getPriorityStyle(priority: WorkerTask['priority']): string {\n  switch (priority) {\n    case 'urgent':\n      return 'bg-status-error-bg-subtle text-status-error-text';\n    case 'high':\n      return 'bg-status-warning-bg-subtle text-status-warning-text';\n    case 'medium':\n      return 'bg-status-warning-bg-subtle text-status-warning-text';\n    case 'low':\n      return 'bg-status-success-bg-subtle text-status-success-text';\n    default:\n      return 'bg-bg-sunken text-text-secondary';\n  }\n}\n\nfunction formatAddress(task: WorkerTask): string {\n  if (!task.deliveryAddress) return '';\n  const a = task.deliveryAddress;\n  return [a.street, a.area, a.city, a.pincode].filter(Boolean).join(', ');\n}\n\nconst priorityWeight: Record<string, number> = { urgent: 0, high: 1, medium: 2, low: 3 };\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const WorkerOrdersPage = () => {\n  const { navigateTo, currentUser } = useKadaikodi();\n  const workerId = currentUser?.id ?? '';\n\n  const { data: tasks = [], isLoading: isLoadingTasks } = useWorkerTasks(workerId);\n  const { data: stats, isLoading: isLoadingStats } = useWorkerStats(workerId);\n  const updateTaskStatus = useUpdateWorkerTaskStatus();\n\n  const [filters, setFilters] = useState<TaskFilters>({\n    status: '',\n    type: '',\n    priority: '',\n    sortBy: 'priority',\n  });\n  const [, setTick] = useState(0);\n\n  // Refresh the relative time display periodically.\n  useEffect(() => {\n    const interval = setInterval(() => setTick((t) => t + 1), 60000);\n    return () => clearInterval(interval);\n  }, []);\n\n  const currentTask = useMemo(() => tasks.find((t) => t.status === 'in_progress') ?? null, [tasks]);\n\n  const filteredTasks = useMemo(() => {\n    let list = [...tasks];\n    if (filters.status) list = list.filter((t) => t.status === filters.status);\n    if (filters.type) list = list.filter((t) => t.type === filters.type);\n    if (filters.priority) list = list.filter((t) => t.priority === filters.priority);\n\n    switch (filters.sortBy) {\n      case 'priority':\n        list.sort((a, b) => (priorityWeight[a.priority] ?? 4) - (priorityWeight[b.priority] ?? 4));\n        break;\n      case 'time':\n        list.sort((a, b) => new Date(a.dueAt).getTime() - new Date(b.dueAt).getTime());\n        break;\n      case 'distance':\n        list.sort((a, b) => (a.distance ?? 999) - (b.distance ?? 999));\n        break;\n    }\n    return list;\n  }, [tasks, filters]);\n\n  const completedCount = useMemo(\n    () => tasks.filter((t) => t.status === 'completed').length,\n    [tasks]\n  );\n  const pendingCount = useMemo(() => tasks.filter((t) => t.status === 'pending').length, [tasks]);\n\n  const handleFilterChange = (key: keyof TaskFilters, value: string) => {\n    setFilters((prev) => ({ ...prev, [key]: value }));\n  };\n\n  const handleStartTask = (taskId: string) => {\n    updateTaskStatus.mutate({ taskId, status: 'IN_PROGRESS' });\n  };\n\n  const handleCompleteTask = (taskId: string) => {\n    updateTaskStatus.mutate({ taskId, status: 'COMPLETED' });\n  };\n\n  const handleCallCustomer = (phone: string) => {\n    if (!phone) return;\n    window.location.href = `tel:${phone.replace(/\\s/g, '')}`;\n  };\n\n  const handleNavigateToCustomer = (task: WorkerTask) => {\n    const addr = formatAddress(task);\n    if (addr) {\n      window.open(`https://maps.google.com?q=${encodeURIComponent(addr)}`, '_blank');\n    }\n  };\n\n  if (isLoadingTasks || isLoadingStats) {\n    return (\n      <PageLayout title=\"My Orders\" description=\"Manage your assigned orders\">\n        <div className=\"flex items-center justify-center py-24\">\n          <div className=\"text-center\">\n            <Loader2 className=\"h-10 w-10 animate-spin text-text-secondary mx-auto mb-4\" />\n            <p className=\"text-sm text-text-secondary\">Loading tasks...</p>\n          </div>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout title=\"My Orders\" description=\"Manage your assigned orders\">\n      <PagePurpose className=\"mb-6\">\n        Your work for the day, task by task. Use this page to see what&apos;s assigned to you, focus\n        on your current task, and move jobs from pending to completed — while keeping an eye on your\n        tasks, earnings and rating. Open any task for full details and customer info so you can get\n        it done right.\n      </PagePurpose>\n\n      <div className=\"space-y-6\">\n        {/* Stats Overview — the one emphasis zone for this page */}\n        <EmphasisPanel>\n          <h2 className=\"mb-4 text-base font-semibold text-text-primary\">Today at a Glance</h2>\n          <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-3\">\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm\">\n              <p className=\"text-xs text-text-secondary\">Today's Tasks</p>\n              <p className=\"text-2xl font-bold text-text-primary\">{stats?.todayTasks ?? 0}</p>\n            </div>\n            <div className=\"rounded-lg border border-status-success-text/20 bg-status-success-bg-subtle 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\">{completedCount}</p>\n            </div>\n            <div className=\"rounded-lg border border-status-warning-text/20 bg-status-warning-bg-subtle 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\">{pendingCount}</p>\n            </div>\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm\">\n              <p className=\"text-xs text-text-secondary\">Today's Earnings</p>\n              <p className=\"text-2xl font-bold text-text-primary\">\n                {formatCurrency(stats?.todayEarnings ?? 0, { minimumFractionDigits: 0 })}\n              </p>\n            </div>\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm\">\n              <p className=\"text-xs text-text-secondary\">Rating</p>\n              <p className=\"text-2xl font-bold text-text-primary flex items-center gap-1\">\n                <Star className=\"h-4 w-4 fill-status-warning-text text-status-warning-text\" />\n                {stats?.averageRating ?? 0}\n              </p>\n            </div>\n          </div>\n        </EmphasisPanel>\n\n        {/* Current Task */}\n        {currentTask && (\n          <div className=\"rounded-lg border-2 border-border-focus/30 bg-[var(--color-accent-soft)] p-5\">\n            <h2 className=\"text-base font-semibold text-text-primary mb-4\">Current Task</h2>\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n              {/* Header */}\n              <div className=\"flex items-center justify-between mb-4\">\n                <div>\n                  <div className=\"flex items-center gap-2 flex-wrap\">\n                    <h3 className=\"text-sm font-semibold text-text-primary\">\n                      {currentTask.orderId ? `Order #${currentTask.orderId}` : currentTask.cartName}\n                    </h3>\n                    {(() => {\n                      const cfg = getTaskTypeConfig(currentTask.type);\n                      const TypeIcon = cfg.icon;\n                      return (\n                        <span\n                          className={cn(\n                            'inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium',\n                            cfg.style\n                          )}\n                        >\n                          <TypeIcon className=\"h-3 w-3\" />\n                          {cfg.label}\n                        </span>\n                      );\n                    })()}\n                    <span\n                      className={cn(\n                        'inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize',\n                        getPriorityStyle(currentTask.priority)\n                      )}\n                    >\n                      {currentTask.priority}\n                    </span>\n                  </div>\n                  <p className=\"text-xs text-text-secondary mt-1\">{currentTask.cartName}</p>\n                </div>\n                {formatTimeRemaining(currentTask.dueAt) && (\n                  <div className=\"text-right\">\n                    <p className=\"text-xl font-bold text-text-primary\">\n                      {formatTimeRemaining(currentTask.dueAt)}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">Time remaining</p>\n                  </div>\n                )}\n              </div>\n\n              {/* Details */}\n              <div className=\"border-t border-border-subtle pt-4\">\n                <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                  <div>\n                    <p className=\"text-xs font-medium text-text-secondary\">Customer</p>\n                    <p className=\"text-sm font-medium text-text-primary\">\n                      {currentTask.customerName || '—'}\n                    </p>\n                    {formatAddress(currentTask) && (\n                      <p className=\"text-xs text-text-secondary mt-1\">\n                        {formatAddress(currentTask)}\n                      </p>\n                    )}\n                  </div>\n                  {currentTask.description && (\n                    <div>\n                      <p className=\"text-xs font-medium text-text-secondary\">Task</p>\n                      <p className=\"text-xs text-text-primary\">{currentTask.description}</p>\n                    </div>\n                  )}\n                </div>\n\n                {currentTask.notes && (\n                  <div className=\"mt-3 p-3 rounded-md bg-status-warning-bg-subtle border border-status-warning-text/20\">\n                    <p className=\"text-xs font-medium text-status-warning-text flex items-center gap-1\">\n                      <AlertTriangle className=\"h-3 w-3\" />\n                      Notes:\n                    </p>\n                    <p className=\"text-xs text-status-warning-text mt-0.5\">{currentTask.notes}</p>\n                  </div>\n                )}\n\n                <div className=\"flex flex-wrap gap-2 mt-4\">\n                  {currentTask.customerPhone && (\n                    <button\n                      type=\"button\"\n                      onClick={() => handleCallCustomer(currentTask.customerPhone)}\n                      className=\"inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors\"\n                    >\n                      <Phone className=\"h-3.5 w-3.5\" />\n                      Call Customer\n                    </button>\n                  )}\n                  {currentTask.type === 'delivery' && formatAddress(currentTask) && (\n                    <button\n                      type=\"button\"\n                      onClick={() => handleNavigateToCustomer(currentTask)}\n                      className=\"inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors\"\n                    >\n                      <Navigation className=\"h-3.5 w-3.5\" />\n                      Navigate\n                    </button>\n                  )}\n                  <button\n                    type=\"button\"\n                    onClick={() => handleCompleteTask(currentTask.id)}\n                    className=\"ml-auto inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors\"\n                  >\n                    <CheckCircle2 className=\"h-3.5 w-3.5\" />\n                    Complete Task\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>\n        )}\n\n        {/* Filters */}\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm\">\n          <div className=\"grid grid-cols-1 md:grid-cols-4 gap-3\">\n            <select\n              value={filters.status}\n              onChange={(e) => handleFilterChange('status', e.target.value)}\n              className=\"w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-border-focus/40\"\n            >\n              <option value=\"\">All Tasks</option>\n              <option value=\"pending\">Pending Tasks</option>\n              <option value=\"in_progress\">In Progress</option>\n              <option value=\"completed\">Completed</option>\n            </select>\n            <select\n              value={filters.type}\n              onChange={(e) => handleFilterChange('type', e.target.value)}\n              className=\"w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-border-focus/40\"\n            >\n              <option value=\"\">All Types</option>\n              <option value=\"delivery\">Delivery</option>\n              <option value=\"pickup\">Pickup</option>\n              <option value=\"service\">Service</option>\n            </select>\n            <select\n              value={filters.priority}\n              onChange={(e) => handleFilterChange('priority', e.target.value)}\n              className=\"w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-border-focus/40\"\n            >\n              <option value=\"\">All Priorities</option>\n              <option value=\"urgent\">Urgent</option>\n              <option value=\"high\">High</option>\n              <option value=\"medium\">Medium</option>\n              <option value=\"low\">Low</option>\n            </select>\n            <select\n              value={filters.sortBy}\n              onChange={(e) => handleFilterChange('sortBy', e.target.value)}\n              className=\"w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-border-focus/40\"\n            >\n              <option value=\"priority\">Sort by Priority</option>\n              <option value=\"time\">Sort by Time</option>\n              <option value=\"distance\">Sort by Distance</option>\n            </select>\n          </div>\n        </div>\n\n        {/* Task List */}\n        {filteredTasks.length === 0 ? (\n          <EmptyState\n            icon={<ClipboardList className=\"h-12 w-12\" />}\n            title=\"No tasks assigned\"\n            description=\"You have no tasks matching this view. New assignments will appear here.\"\n          />\n        ) : (\n          <div className=\"space-y-3\">\n            {filteredTasks.map((task) => {\n              const typeConfig = getTaskTypeConfig(task.type);\n              const TypeIcon = typeConfig.icon;\n              const timeRemaining = formatTimeRemaining(task.dueAt);\n              const address = formatAddress(task);\n              return (\n                <div\n                  key={task.id}\n                  className=\"rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm hover:shadow-md transition-shadow\"\n                >\n                  {/* Task Header */}\n                  <div className=\"flex items-center justify-between mb-3\">\n                    <div>\n                      <div className=\"flex items-center gap-2 flex-wrap\">\n                        <h3 className=\"text-sm font-semibold text-text-primary\">\n                          {task.orderId ? `Order #${task.orderId}` : task.cartName}\n                        </h3>\n                        <span\n                          className={cn(\n                            'inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium',\n                            typeConfig.style\n                          )}\n                        >\n                          <TypeIcon className=\"h-3 w-3\" />\n                          {typeConfig.label}\n                        </span>\n                        <span\n                          className={cn(\n                            'inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize',\n                            getPriorityStyle(task.priority)\n                          )}\n                        >\n                          {task.priority}\n                        </span>\n                      </div>\n                      <p className=\"text-xs text-text-secondary mt-1\">\n                        {task.cartName}\n                        {task.customerName ? ` · ${task.customerName}` : ''}\n                      </p>\n                    </div>\n                    {task.earnings > 0 && (\n                      <div className=\"text-right\">\n                        <p className=\"text-lg font-bold text-text-primary flex items-center gap-0.5 justify-end\">\n                          <IndianRupee className=\"h-4 w-4\" />\n                          {formatCurrency(task.earnings, {\n                            minimumFractionDigits: 0,\n                            style: 'decimal',\n                          })}\n                        </p>\n                        <p className=\"text-xs text-text-secondary\">Earnings</p>\n                      </div>\n                    )}\n                  </div>\n\n                  {/* Task Body */}\n                  <div className=\"grid grid-cols-1 md:grid-cols-3 gap-3 mb-3 text-sm\">\n                    {task.description && (\n                      <div>\n                        <p className=\"text-xs text-text-secondary\">Task</p>\n                        <p className=\"text-xs text-text-primary line-clamp-2\">{task.description}</p>\n                      </div>\n                    )}\n                    {address && (\n                      <div>\n                        <p className=\"text-xs text-text-secondary\">Delivery Address</p>\n                        <p className=\"text-xs text-text-primary\">{address}</p>\n                      </div>\n                    )}\n                    {timeRemaining && (\n                      <div>\n                        <p className=\"text-xs text-text-secondary\">Time</p>\n                        <p\n                          className={cn(\n                            'text-xs font-medium',\n                            timeRemaining === 'Overdue'\n                              ? 'text-status-error-text'\n                              : 'text-text-primary'\n                          )}\n                        >\n                          {timeRemaining}\n                        </p>\n                      </div>\n                    )}\n                  </div>\n\n                  {/* Task Footer */}\n                  {task.status === 'pending' && (\n                    <div className=\"flex items-center flex-wrap gap-2 border-t border-border-subtle pt-3\">\n                      <button\n                        type=\"button\"\n                        onClick={() => handleStartTask(task.id)}\n                        disabled={currentTask !== null}\n                        className={cn(\n                          'inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors',\n                          currentTask !== null\n                            ? 'bg-bg-sunken text-text-secondary cursor-not-allowed'\n                            : 'bg-[var(--color-accent-soft)] text-text-primary hover:bg-[var(--color-accent-soft)]'\n                        )}\n                      >\n                        <PlayCircle className=\"h-3.5 w-3.5\" />\n                        {currentTask ? 'Complete current first' : 'Start Task'}\n                      </button>\n                      {task.customerPhone && (\n                        <button\n                          type=\"button\"\n                          onClick={() => handleCallCustomer(task.customerPhone)}\n                          className=\"inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors\"\n                        >\n                          <Phone className=\"h-3.5 w-3.5\" />\n                          Call\n                        </button>\n                      )}\n                      {task.type === 'delivery' && task.distance != null && (\n                        <span className=\"ml-auto text-xs text-text-secondary flex items-center gap-1\">\n                          <MapPin className=\"h-3 w-3\" />\n                          {task.distance} km away\n                        </span>\n                      )}\n                    </div>\n                  )}\n                  {task.status === 'in_progress' && task.id !== currentTask?.id && (\n                    <div className=\"flex items-center gap-2 border-t border-border-subtle pt-3\">\n                      <button\n                        type=\"button\"\n                        onClick={() => handleCompleteTask(task.id)}\n                        className=\"inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle px-3 py-1.5 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors\"\n                      >\n                        <CheckCircle2 className=\"h-3.5 w-3.5\" />\n                        Complete\n                      </button>\n                      <button\n                        type=\"button\"\n                        onClick={() => navigateTo(`/worker/task/${task.id}`)}\n                        className=\"inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors\"\n                      >\n                        Details\n                        <ArrowRight className=\"h-3.5 w-3.5\" />\n                      </button>\n                    </div>\n                  )}\n                  {task.status === 'completed' && (\n                    <div className=\"flex items-center gap-2 border-t border-border-subtle pt-3\">\n                      <StatusBadge status=\"completed\" />\n                      <button\n                        type=\"button\"\n                        onClick={() => navigateTo(`/worker/task/${task.id}`)}\n                        className=\"ml-auto inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors\"\n                      >\n                        Details\n                        <ArrowRight className=\"h-3.5 w-3.5\" />\n                      </button>\n                    </div>\n                  )}\n                </div>\n              );\n            })}\n          </div>\n        )}\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"WorkerOrdersPage.js","names":[],"sources":["../../../../src/kadaikodi/pages/worker/WorkerOrdersPage.tsx"],"sourcesContent":["/**\n * Worker Orders Page\n *\n * Lists the tasks assigned to the signed-in worker, sourced entirely from the\n * live backend (useWorkerTasks / useWorkerStats). No fabricated tasks, customers,\n * locations or numbers — empty/loading states are honest.\n *\n * - Loading state\n * - Stat cards (Today's Tasks, Completed, Pending, Today's Earnings, Rating) from real stats\n * - Current Task section for the in-progress task\n * - Filters bar (Status, Type, Priority, Sort By) applied client-side to real tasks\n * - Start / Complete actions wired to the updateWorkerTaskStatus mutation\n * - Call Customer and Navigate buttons per task\n *\n * @module kadaikodi/pages/worker\n */\n\nimport { useState, useEffect, useMemo } from 'react';\nimport {\n  ClipboardList,\n  MapPin,\n  CheckCircle2,\n  PlayCircle,\n  ArrowRight,\n  Phone,\n  Navigation,\n  Loader2,\n  Truck,\n  ShoppingBag,\n  Package,\n  Star,\n  AlertTriangle,\n  IndianRupee,\n} from 'lucide-react';\nimport { PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { StatCard } from '../../components/viz';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { useKadaikodi } from '../../context/KadaikodiContext';\nimport {\n  useWorkerTasks,\n  useWorkerStats,\n  useUpdateWorkerTaskStatus,\n} from '../../hooks/useKadaikodiApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency } from '../../utils/formatters';\nimport type { WorkerTask } from '../../types';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ninterface TaskFilters {\n  status: string;\n  type: string;\n  priority: string;\n  sortBy: string;\n}\n\n// ============================================================================\n// Helpers\n// ============================================================================\n\nfunction formatTimeRemaining(dueAt: string): string | null {\n  if (!dueAt) return null;\n  const target = new Date(dueAt);\n  if (Number.isNaN(target.getTime())) return null;\n  const diffInMinutes = Math.floor((target.getTime() - Date.now()) / (1000 * 60));\n  if (diffInMinutes < 0) return 'Overdue';\n  if (diffInMinutes < 60) return `${diffInMinutes} min`;\n  return `${Math.floor(diffInMinutes / 60)}h ${diffInMinutes % 60}m`;\n}\n\nfunction getTaskTypeConfig(type: WorkerTask['type']) {\n  switch (type) {\n    case 'delivery':\n      return {\n        icon: Truck,\n        label: 'Delivery',\n        style: 'bg-accent-purple-subtle text-text-primary',\n      };\n    case 'pickup':\n      return {\n        icon: ShoppingBag,\n        label: 'Pickup',\n        style: 'bg-[var(--color-accent-soft)] text-text-primary',\n      };\n    case 'service':\n      return {\n        icon: Package,\n        label: 'Service',\n        style: 'bg-status-success-bg-subtle text-status-success-text',\n      };\n    default:\n      return { icon: Package, label: type, style: 'bg-bg-sunken text-text-secondary' };\n  }\n}\n\nfunction getPriorityStyle(priority: WorkerTask['priority']): string {\n  switch (priority) {\n    case 'urgent':\n      return 'bg-status-error-bg-subtle text-status-error-text';\n    case 'high':\n      return 'bg-status-warning-bg-subtle text-status-warning-text';\n    case 'medium':\n      return 'bg-status-warning-bg-subtle text-status-warning-text';\n    case 'low':\n      return 'bg-status-success-bg-subtle text-status-success-text';\n    default:\n      return 'bg-bg-sunken text-text-secondary';\n  }\n}\n\nfunction formatAddress(task: WorkerTask): string {\n  if (!task.deliveryAddress) return '';\n  const a = task.deliveryAddress;\n  return [a.street, a.area, a.city, a.pincode].filter(Boolean).join(', ');\n}\n\nconst priorityWeight: Record<string, number> = { urgent: 0, high: 1, medium: 2, low: 3 };\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport const WorkerOrdersPage = () => {\n  const { navigateTo, currentUser } = useKadaikodi();\n  const workerId = currentUser?.id ?? '';\n\n  const { data: tasks = [], isLoading: isLoadingTasks } = useWorkerTasks(workerId);\n  const { data: stats, isLoading: isLoadingStats } = useWorkerStats(workerId);\n  const updateTaskStatus = useUpdateWorkerTaskStatus();\n\n  const [filters, setFilters] = useState<TaskFilters>({\n    status: '',\n    type: '',\n    priority: '',\n    sortBy: 'priority',\n  });\n  const [, setTick] = useState(0);\n\n  // Refresh the relative time display periodically.\n  useEffect(() => {\n    const interval = setInterval(() => setTick((t) => t + 1), 60000);\n    return () => clearInterval(interval);\n  }, []);\n\n  const currentTask = useMemo(() => tasks.find((t) => t.status === 'in_progress') ?? null, [tasks]);\n\n  const filteredTasks = useMemo(() => {\n    let list = [...tasks];\n    if (filters.status) list = list.filter((t) => t.status === filters.status);\n    if (filters.type) list = list.filter((t) => t.type === filters.type);\n    if (filters.priority) list = list.filter((t) => t.priority === filters.priority);\n\n    switch (filters.sortBy) {\n      case 'priority':\n        list.sort((a, b) => (priorityWeight[a.priority] ?? 4) - (priorityWeight[b.priority] ?? 4));\n        break;\n      case 'time':\n        list.sort((a, b) => new Date(a.dueAt).getTime() - new Date(b.dueAt).getTime());\n        break;\n      case 'distance':\n        list.sort((a, b) => (a.distance ?? 999) - (b.distance ?? 999));\n        break;\n    }\n    return list;\n  }, [tasks, filters]);\n\n  const completedCount = useMemo(\n    () => tasks.filter((t) => t.status === 'completed').length,\n    [tasks]\n  );\n  const pendingCount = useMemo(() => tasks.filter((t) => t.status === 'pending').length, [tasks]);\n\n  const handleFilterChange = (key: keyof TaskFilters, value: string) => {\n    setFilters((prev) => ({ ...prev, [key]: value }));\n  };\n\n  const handleStartTask = (taskId: string) => {\n    updateTaskStatus.mutate({ taskId, status: 'IN_PROGRESS' });\n  };\n\n  const handleCompleteTask = (taskId: string) => {\n    updateTaskStatus.mutate({ taskId, status: 'COMPLETED' });\n  };\n\n  const handleCallCustomer = (phone: string) => {\n    if (!phone) return;\n    window.location.href = `tel:${phone.replace(/\\s/g, '')}`;\n  };\n\n  const handleNavigateToCustomer = (task: WorkerTask) => {\n    const addr = formatAddress(task);\n    if (addr) {\n      window.open(`https://maps.google.com?q=${encodeURIComponent(addr)}`, '_blank');\n    }\n  };\n\n  if (isLoadingTasks || isLoadingStats) {\n    return (\n      <PageLayout title=\"My Orders\" description=\"Manage your assigned orders\">\n        <div className=\"flex items-center justify-center py-24\">\n          <div className=\"text-center\">\n            <Loader2 className=\"h-10 w-10 animate-spin text-text-secondary mx-auto mb-4\" />\n            <p className=\"text-sm text-text-secondary\">Loading tasks...</p>\n          </div>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout title=\"My Orders\" description=\"Manage your assigned orders\">\n      <PagePurpose className=\"mb-6\">\n        Your work for the day, task by task. Use this page to see what&apos;s assigned to you, focus\n        on your current task, and move jobs from pending to completed — while keeping an eye on your\n        tasks, earnings and rating. Open any task for full details and customer info so you can get\n        it done right.\n      </PagePurpose>\n\n      <div className=\"space-y-6\">\n        {/* Stats Overview */}\n        <div className=\"grid grid-cols-2 sm:grid-cols-3 lg:grid-cols-5 gap-3 sm:gap-4\">\n          <StatCard\n            label=\"Today's Tasks\"\n            value={stats?.todayTasks ?? 0}\n            icon={<ClipboardList className=\"h-4 w-4\" />}\n          />\n          <StatCard\n            label=\"Completed\"\n            value={completedCount}\n            icon={<CheckCircle2 className=\"h-4 w-4\" />}\n          />\n          <StatCard\n            label=\"Pending\"\n            value={pendingCount}\n            icon={<PlayCircle className=\"h-4 w-4\" />}\n          />\n          <StatCard\n            label=\"Today's Earnings\"\n            value={formatCurrency(stats?.todayEarnings ?? 0, { minimumFractionDigits: 0 })}\n            icon={<IndianRupee className=\"h-4 w-4\" />}\n          />\n          <StatCard\n            label=\"Rating\"\n            value={\n              <span className=\"flex items-center gap-1.5\">\n                {stats?.averageRating ?? 0}\n                <Star className=\"h-5 w-5 fill-status-warning-text text-status-warning-text\" />\n              </span>\n            }\n            icon={<Star className=\"h-4 w-4\" />}\n          />\n        </div>\n\n        {/* Current Task */}\n        {currentTask && (\n          <div className=\"rounded-lg border-2 border-border-focus/30 bg-[var(--color-accent-soft)] p-5\">\n            <h2 className=\"text-base font-semibold text-text-primary mb-4\">Current Task</h2>\n            <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n              {/* Header */}\n              <div className=\"flex items-center justify-between mb-4\">\n                <div>\n                  <div className=\"flex items-center gap-2 flex-wrap\">\n                    <h3 className=\"text-sm font-semibold text-text-primary\">\n                      {currentTask.orderId ? `Order #${currentTask.orderId}` : currentTask.cartName}\n                    </h3>\n                    {(() => {\n                      const cfg = getTaskTypeConfig(currentTask.type);\n                      const TypeIcon = cfg.icon;\n                      return (\n                        <span\n                          className={cn(\n                            'inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium',\n                            cfg.style\n                          )}\n                        >\n                          <TypeIcon className=\"h-3 w-3\" />\n                          {cfg.label}\n                        </span>\n                      );\n                    })()}\n                    <span\n                      className={cn(\n                        'inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize',\n                        getPriorityStyle(currentTask.priority)\n                      )}\n                    >\n                      {currentTask.priority}\n                    </span>\n                  </div>\n                  <p className=\"text-xs text-text-secondary mt-1\">{currentTask.cartName}</p>\n                </div>\n                {formatTimeRemaining(currentTask.dueAt) && (\n                  <div className=\"text-right\">\n                    <p className=\"text-xl font-bold text-text-primary\">\n                      {formatTimeRemaining(currentTask.dueAt)}\n                    </p>\n                    <p className=\"text-xs text-text-secondary\">Time remaining</p>\n                  </div>\n                )}\n              </div>\n\n              {/* Details */}\n              <div className=\"border-t border-border-subtle pt-4\">\n                <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n                  <div>\n                    <p className=\"text-xs font-medium text-text-secondary\">Customer</p>\n                    <p className=\"text-sm font-medium text-text-primary\">\n                      {currentTask.customerName || '—'}\n                    </p>\n                    {formatAddress(currentTask) && (\n                      <p className=\"text-xs text-text-secondary mt-1\">\n                        {formatAddress(currentTask)}\n                      </p>\n                    )}\n                  </div>\n                  {currentTask.description && (\n                    <div>\n                      <p className=\"text-xs font-medium text-text-secondary\">Task</p>\n                      <p className=\"text-xs text-text-primary\">{currentTask.description}</p>\n                    </div>\n                  )}\n                </div>\n\n                {currentTask.notes && (\n                  <div className=\"mt-3 p-3 rounded-md bg-status-warning-bg-subtle border border-status-warning-text/20\">\n                    <p className=\"text-xs font-medium text-status-warning-text flex items-center gap-1\">\n                      <AlertTriangle className=\"h-3 w-3\" />\n                      Notes:\n                    </p>\n                    <p className=\"text-xs text-status-warning-text mt-0.5\">{currentTask.notes}</p>\n                  </div>\n                )}\n\n                <div className=\"flex flex-wrap gap-2 mt-4\">\n                  {currentTask.customerPhone && (\n                    <button\n                      type=\"button\"\n                      onClick={() => handleCallCustomer(currentTask.customerPhone)}\n                      className=\"inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors\"\n                    >\n                      <Phone className=\"h-3.5 w-3.5\" />\n                      Call Customer\n                    </button>\n                  )}\n                  {currentTask.type === 'delivery' && formatAddress(currentTask) && (\n                    <button\n                      type=\"button\"\n                      onClick={() => handleNavigateToCustomer(currentTask)}\n                      className=\"inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors\"\n                    >\n                      <Navigation className=\"h-3.5 w-3.5\" />\n                      Navigate\n                    </button>\n                  )}\n                  <button\n                    type=\"button\"\n                    onClick={() => handleCompleteTask(currentTask.id)}\n                    className=\"ml-auto inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle px-3 py-2 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors\"\n                  >\n                    <CheckCircle2 className=\"h-3.5 w-3.5\" />\n                    Complete Task\n                  </button>\n                </div>\n              </div>\n            </div>\n          </div>\n        )}\n\n        {/* Filters */}\n        <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm\">\n          <div className=\"grid grid-cols-1 md:grid-cols-4 gap-3\">\n            <select\n              value={filters.status}\n              onChange={(e) => handleFilterChange('status', e.target.value)}\n              className=\"w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-border-focus/40\"\n            >\n              <option value=\"\">All Tasks</option>\n              <option value=\"pending\">Pending Tasks</option>\n              <option value=\"in_progress\">In Progress</option>\n              <option value=\"completed\">Completed</option>\n            </select>\n            <select\n              value={filters.type}\n              onChange={(e) => handleFilterChange('type', e.target.value)}\n              className=\"w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-border-focus/40\"\n            >\n              <option value=\"\">All Types</option>\n              <option value=\"delivery\">Delivery</option>\n              <option value=\"pickup\">Pickup</option>\n              <option value=\"service\">Service</option>\n            </select>\n            <select\n              value={filters.priority}\n              onChange={(e) => handleFilterChange('priority', e.target.value)}\n              className=\"w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-border-focus/40\"\n            >\n              <option value=\"\">All Priorities</option>\n              <option value=\"urgent\">Urgent</option>\n              <option value=\"high\">High</option>\n              <option value=\"medium\">Medium</option>\n              <option value=\"low\">Low</option>\n            </select>\n            <select\n              value={filters.sortBy}\n              onChange={(e) => handleFilterChange('sortBy', e.target.value)}\n              className=\"w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary focus:outline-none focus:ring-2 focus:ring-border-focus/40\"\n            >\n              <option value=\"priority\">Sort by Priority</option>\n              <option value=\"time\">Sort by Time</option>\n              <option value=\"distance\">Sort by Distance</option>\n            </select>\n          </div>\n        </div>\n\n        {/* Task List */}\n        {filteredTasks.length === 0 ? (\n          <EmptyState\n            icon={<ClipboardList className=\"h-12 w-12\" />}\n            title=\"No tasks assigned\"\n            description=\"You have no tasks matching this view. New assignments will appear here.\"\n          />\n        ) : (\n          <div className=\"space-y-3\">\n            {filteredTasks.map((task) => {\n              const typeConfig = getTaskTypeConfig(task.type);\n              const TypeIcon = typeConfig.icon;\n              const timeRemaining = formatTimeRemaining(task.dueAt);\n              const address = formatAddress(task);\n              return (\n                <div\n                  key={task.id}\n                  className=\"rounded-lg border border-border-subtle bg-bg-surface p-5 shadow-sm hover:shadow-md transition-shadow\"\n                >\n                  {/* Task Header */}\n                  <div className=\"flex items-center justify-between mb-3\">\n                    <div>\n                      <div className=\"flex items-center gap-2 flex-wrap\">\n                        <h3 className=\"text-sm font-semibold text-text-primary\">\n                          {task.orderId ? `Order #${task.orderId}` : task.cartName}\n                        </h3>\n                        <span\n                          className={cn(\n                            'inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-[10px] font-medium',\n                            typeConfig.style\n                          )}\n                        >\n                          <TypeIcon className=\"h-3 w-3\" />\n                          {typeConfig.label}\n                        </span>\n                        <span\n                          className={cn(\n                            'inline-flex items-center rounded-full px-2 py-0.5 text-[10px] font-medium capitalize',\n                            getPriorityStyle(task.priority)\n                          )}\n                        >\n                          {task.priority}\n                        </span>\n                      </div>\n                      <p className=\"text-xs text-text-secondary mt-1\">\n                        {task.cartName}\n                        {task.customerName ? ` · ${task.customerName}` : ''}\n                      </p>\n                    </div>\n                    {task.earnings > 0 && (\n                      <div className=\"text-right\">\n                        <p className=\"text-lg font-bold text-text-primary flex items-center gap-0.5 justify-end\">\n                          <IndianRupee className=\"h-4 w-4\" />\n                          {formatCurrency(task.earnings, {\n                            minimumFractionDigits: 0,\n                            style: 'decimal',\n                          })}\n                        </p>\n                        <p className=\"text-xs text-text-secondary\">Earnings</p>\n                      </div>\n                    )}\n                  </div>\n\n                  {/* Task Body */}\n                  <div className=\"grid grid-cols-1 md:grid-cols-3 gap-3 mb-3 text-sm\">\n                    {task.description && (\n                      <div>\n                        <p className=\"text-xs text-text-secondary\">Task</p>\n                        <p className=\"text-xs text-text-primary line-clamp-2\">{task.description}</p>\n                      </div>\n                    )}\n                    {address && (\n                      <div>\n                        <p className=\"text-xs text-text-secondary\">Delivery Address</p>\n                        <p className=\"text-xs text-text-primary\">{address}</p>\n                      </div>\n                    )}\n                    {timeRemaining && (\n                      <div>\n                        <p className=\"text-xs text-text-secondary\">Time</p>\n                        <p\n                          className={cn(\n                            'text-xs font-medium',\n                            timeRemaining === 'Overdue'\n                              ? 'text-status-error-text'\n                              : 'text-text-primary'\n                          )}\n                        >\n                          {timeRemaining}\n                        </p>\n                      </div>\n                    )}\n                  </div>\n\n                  {/* Task Footer */}\n                  {task.status === 'pending' && (\n                    <div className=\"flex items-center flex-wrap gap-2 border-t border-border-subtle pt-3\">\n                      <button\n                        type=\"button\"\n                        onClick={() => handleStartTask(task.id)}\n                        disabled={currentTask !== null}\n                        className={cn(\n                          'inline-flex items-center gap-1.5 rounded-md px-3 py-1.5 text-xs font-medium transition-colors',\n                          currentTask !== null\n                            ? 'bg-bg-sunken text-text-secondary cursor-not-allowed'\n                            : 'bg-[var(--color-accent-soft)] text-text-primary hover:bg-[var(--color-accent-soft)]'\n                        )}\n                      >\n                        <PlayCircle className=\"h-3.5 w-3.5\" />\n                        {currentTask ? 'Complete current first' : 'Start Task'}\n                      </button>\n                      {task.customerPhone && (\n                        <button\n                          type=\"button\"\n                          onClick={() => handleCallCustomer(task.customerPhone)}\n                          className=\"inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors\"\n                        >\n                          <Phone className=\"h-3.5 w-3.5\" />\n                          Call\n                        </button>\n                      )}\n                      {task.type === 'delivery' && task.distance != null && (\n                        <span className=\"ml-auto text-xs text-text-secondary flex items-center gap-1\">\n                          <MapPin className=\"h-3 w-3\" />\n                          {task.distance} km away\n                        </span>\n                      )}\n                    </div>\n                  )}\n                  {task.status === 'in_progress' && task.id !== currentTask?.id && (\n                    <div className=\"flex items-center gap-2 border-t border-border-subtle pt-3\">\n                      <button\n                        type=\"button\"\n                        onClick={() => handleCompleteTask(task.id)}\n                        className=\"inline-flex items-center gap-1.5 rounded-md bg-status-success-bg-subtle px-3 py-1.5 text-xs font-medium text-status-success-text hover:bg-status-success-bg-subtle transition-colors\"\n                      >\n                        <CheckCircle2 className=\"h-3.5 w-3.5\" />\n                        Complete\n                      </button>\n                      <button\n                        type=\"button\"\n                        onClick={() => navigateTo(`/worker/task/${task.id}`)}\n                        className=\"inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors\"\n                      >\n                        Details\n                        <ArrowRight className=\"h-3.5 w-3.5\" />\n                      </button>\n                    </div>\n                  )}\n                  {task.status === 'completed' && (\n                    <div className=\"flex items-center gap-2 border-t border-border-subtle pt-3\">\n                      <StatusBadge status=\"completed\" />\n                      <button\n                        type=\"button\"\n                        onClick={() => navigateTo(`/worker/task/${task.id}`)}\n                        className=\"ml-auto inline-flex items-center gap-1.5 rounded-md bg-accent px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent/80 transition-colors\"\n                      >\n                        Details\n                        <ArrowRight className=\"h-3.5 w-3.5\" />\n                      </button>\n                    </div>\n                  )}\n                </div>\n              );\n            })}\n          </div>\n        )}\n      </div>\n    </PageLayout>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;AAgEA,SAAS,EAAoB,GAA8B;AACzD,KAAI,CAAC,EAAO,QAAO;CACnB,IAAM,IAAS,IAAI,KAAK,EAAM;AAC9B,KAAI,OAAO,MAAM,EAAO,SAAS,CAAC,CAAE,QAAO;CAC3C,IAAM,IAAgB,KAAK,OAAO,EAAO,SAAS,GAAG,KAAK,KAAK,KAAK,MAAO,IAAI;AAG/E,QAFI,IAAgB,IAAU,YAC1B,IAAgB,KAAW,GAAG,EAAc,QACzC,GAAG,KAAK,MAAM,IAAgB,GAAG,CAAC,IAAI,IAAgB,GAAG;;AAGlE,SAAS,EAAkB,GAA0B;AACnD,SAAQ,GAAR;EACE,KAAK,WACH,QAAO;GACL,MAAM;GACN,OAAO;GACP,OAAO;GACR;EACH,KAAK,SACH,QAAO;GACL,MAAM;GACN,OAAO;GACP,OAAO;GACR;EACH,KAAK,UACH,QAAO;GACL,MAAM;GACN,OAAO;GACP,OAAO;GACR;EACH,QACE,QAAO;GAAE,MAAM;GAAS,OAAO;GAAM,OAAO;GAAoC;;;AAItF,SAAS,EAAiB,GAA0C;AAClE,SAAQ,GAAR;EACE,KAAK,SACH,QAAO;EACT,KAAK,OACH,QAAO;EACT,KAAK,SACH,QAAO;EACT,KAAK,MACH,QAAO;EACT,QACE,QAAO;;;AAIb,SAAS,EAAc,GAA0B;AAC/C,KAAI,CAAC,EAAK,gBAAiB,QAAO;CAClC,IAAM,IAAI,EAAK;AACf,QAAO;EAAC,EAAE;EAAQ,EAAE;EAAM,EAAE;EAAM,EAAE;EAAQ,CAAC,OAAO,QAAQ,CAAC,KAAK,KAAK;;AAGzE,IAAM,IAAyC;CAAE,QAAQ;CAAG,MAAM;CAAG,QAAQ;CAAG,KAAK;CAAG,EAM3E,UAAyB;CACpC,IAAM,EAAE,eAAY,mBAAgB,GAAc,EAC5C,IAAW,GAAa,MAAM,IAE9B,EAAE,MAAM,IAAQ,EAAE,EAAE,WAAW,MAAmB,EAAe,EAAS,EAC1E,EAAE,MAAM,GAAO,WAAW,MAAmB,EAAe,EAAS,EACrE,IAAmB,GAA2B,EAE9C,CAAC,GAAS,KAAc,EAAsB;EAClD,QAAQ;EACR,MAAM;EACN,UAAU;EACV,QAAQ;EACT,CAAC,EACI,GAAG,KAAW,EAAS,EAAE;AAG/B,SAAgB;EACd,IAAM,IAAW,kBAAkB,GAAS,MAAM,IAAI,EAAE,EAAE,IAAM;AAChE,eAAa,cAAc,EAAS;IACnC,EAAE,CAAC;CAEN,IAAM,IAAc,QAAc,EAAM,MAAM,MAAM,EAAE,WAAW,cAAc,IAAI,MAAM,CAAC,EAAM,CAAC,EAE3F,IAAgB,QAAc;EAClC,IAAI,IAAO,CAAC,GAAG,EAAM;AAKrB,UAJI,EAAQ,WAAQ,IAAO,EAAK,QAAQ,MAAM,EAAE,WAAW,EAAQ,OAAO,GACtE,EAAQ,SAAM,IAAO,EAAK,QAAQ,MAAM,EAAE,SAAS,EAAQ,KAAK,GAChE,EAAQ,aAAU,IAAO,EAAK,QAAQ,MAAM,EAAE,aAAa,EAAQ,SAAS,GAExE,EAAQ,QAAhB;GACE,KAAK;AACH,MAAK,MAAM,GAAG,OAAO,EAAe,EAAE,aAAa,MAAM,EAAe,EAAE,aAAa,GAAG;AAC1F;GACF,KAAK;AACH,MAAK,MAAM,GAAG,MAAM,IAAI,KAAK,EAAE,MAAM,CAAC,SAAS,GAAG,IAAI,KAAK,EAAE,MAAM,CAAC,SAAS,CAAC;AAC9E;GACF,KAAK;AACH,MAAK,MAAM,GAAG,OAAO,EAAE,YAAY,QAAQ,EAAE,YAAY,KAAK;AAC9D;;AAEJ,SAAO;IACN,CAAC,GAAO,EAAQ,CAAC,EAEd,IAAiB,QACf,EAAM,QAAQ,MAAM,EAAE,WAAW,YAAY,CAAC,QACpD,CAAC,EAAM,CACR,EACK,IAAe,QAAc,EAAM,QAAQ,MAAM,EAAE,WAAW,UAAU,CAAC,QAAQ,CAAC,EAAM,CAAC,EAEzF,KAAsB,GAAwB,MAAkB;AACpE,KAAY,OAAU;GAAE,GAAG;IAAO,IAAM;GAAO,EAAE;IAG7C,KAAmB,MAAmB;AAC1C,IAAiB,OAAO;GAAE;GAAQ,QAAQ;GAAe,CAAC;IAGtD,KAAsB,MAAmB;AAC7C,IAAiB,OAAO;GAAE;GAAQ,QAAQ;GAAa,CAAC;IAGpD,KAAsB,MAAkB;AACvC,QACL,OAAO,SAAS,OAAO,OAAO,EAAM,QAAQ,OAAO,GAAG;IAGlD,KAA4B,MAAqB;EACrD,IAAM,IAAO,EAAc,EAAK;AAChC,EAAI,KACF,OAAO,KAAK,6BAA6B,mBAAmB,EAAK,IAAI,SAAS;;AAiBlF,QAbI,KAAkB,IAElB,kBAAC,GAAD;EAAY,OAAM;EAAY,aAAY;YACxC,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAS,WAAU,2DAA4D,CAAA,EAC/E,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAAoB,CAAA,CAC3D;;GACF,CAAA;EACK,CAAA,GAKf,kBAAC,GAAD;EAAY,OAAM;EAAY,aAAY;YAA1C,CACE,kBAAC,GAAD;GAAa,WAAU;aAAO;GAKhB,CAAA,EAEd,kBAAC,OAAD;GAAK,WAAU;aAAf;IAEE,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OACE,OAAM;OACN,OAAO,GAAO,cAAc;OAC5B,MAAM,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA;OAC3C,CAAA;MACF,kBAAC,GAAD;OACE,OAAM;OACN,OAAO;OACP,MAAM,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;OAC1C,CAAA;MACF,kBAAC,GAAD;OACE,OAAM;OACN,OAAO;OACP,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;OACxC,CAAA;MACF,kBAAC,GAAD;OACE,OAAM;OACN,OAAO,EAAe,GAAO,iBAAiB,GAAG,EAAE,uBAAuB,GAAG,CAAC;OAC9E,MAAM,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA;OACzC,CAAA;MACF,kBAAC,GAAD;OACE,OAAM;OACN,OACE,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CACG,GAAO,iBAAiB,GACzB,kBAAC,GAAD,EAAM,WAAU,6DAA8D,CAAA,CACzE;;OAET,MAAM,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA;OAClC,CAAA;MACE;;IAGL,KACC,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,MAAD;MAAI,WAAU;gBAAiD;MAAiB,CAAA,EAChF,kBAAC,OAAD;MAAK,WAAU;gBAAf,CAEE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,MAAD;UAAI,WAAU;oBACX,EAAY,UAAU,UAAU,EAAY,YAAY,EAAY;UAClE,CAAA;gBACG;UACN,IAAM,IAAM,EAAkB,EAAY,KAAK,EACzC,IAAW,EAAI;AACrB,iBACE,kBAAC,QAAD;WACE,WAAW,EACT,mFACA,EAAI,MACL;qBAJH,CAME,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAC/B,EAAI,MACA;;aAEP;SACJ,kBAAC,QAAD;UACE,WAAW,EACT,wFACA,EAAiB,EAAY,SAAS,CACvC;oBAEA,EAAY;UACR,CAAA;SACH;WACN,kBAAC,KAAD;QAAG,WAAU;kBAAoC,EAAY;QAAa,CAAA,CACtE,EAAA,CAAA,EACL,EAAoB,EAAY,MAAM,IACrC,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAoB,EAAY,MAAM;SACrC,CAAA,EACJ,kBAAC,KAAD;SAAG,WAAU;mBAA8B;SAAkB,CAAA,CACzD;UAEJ;UAGN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD,EAAA,UAAA;UACE,kBAAC,KAAD;WAAG,WAAU;qBAA0C;WAAY,CAAA;UACnE,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAY,gBAAgB;WAC3B,CAAA;UACH,EAAc,EAAY,IACzB,kBAAC,KAAD;WAAG,WAAU;qBACV,EAAc,EAAY;WACzB,CAAA;UAEF,EAAA,CAAA,EACL,EAAY,eACX,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;UAAG,WAAU;oBAA0C;UAAQ,CAAA,EAC/D,kBAAC,KAAD;UAAG,WAAU;oBAA6B,EAAY;UAAgB,CAAA,CAClE,EAAA,CAAA,CAEJ;;QAEL,EAAY,SACX,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,KAAD;UAAG,WAAU;oBAAb,CACE,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA,EAAA,SAEnC;aACJ,kBAAC,KAAD;UAAG,WAAU;oBAA2C,EAAY;UAAU,CAAA,CAC1E;;QAGR,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACG,EAAY,iBACX,kBAAC,UAAD;WACE,MAAK;WACL,eAAe,EAAmB,EAAY,cAAc;WAC5D,WAAU;qBAHZ,CAKE,kBAAC,GAAD,EAAO,WAAU,eAAgB,CAAA,EAAA,gBAE1B;;UAEV,EAAY,SAAS,cAAc,EAAc,EAAY,IAC5D,kBAAC,UAAD;WACE,MAAK;WACL,eAAe,EAAyB,EAAY;WACpD,WAAU;qBAHZ,CAKE,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,EAAA,WAE/B;;UAEX,kBAAC,UAAD;WACE,MAAK;WACL,eAAe,EAAmB,EAAY,GAAG;WACjD,WAAU;qBAHZ,CAKE,kBAAC,GAAD,EAAc,WAAU,eAAgB,CAAA,EAAA,gBAEjC;;UACL;;QACF;SACF;QACF;;IAIR,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,UAAD;QACE,OAAO,EAAQ;QACf,WAAW,MAAM,EAAmB,UAAU,EAAE,OAAO,MAAM;QAC7D,WAAU;kBAHZ;SAKE,kBAAC,UAAD;UAAQ,OAAM;oBAAG;UAAkB,CAAA;SACnC,kBAAC,UAAD;UAAQ,OAAM;oBAAU;UAAsB,CAAA;SAC9C,kBAAC,UAAD;UAAQ,OAAM;oBAAc;UAAoB,CAAA;SAChD,kBAAC,UAAD;UAAQ,OAAM;oBAAY;UAAkB,CAAA;SACrC;;OACT,kBAAC,UAAD;QACE,OAAO,EAAQ;QACf,WAAW,MAAM,EAAmB,QAAQ,EAAE,OAAO,MAAM;QAC3D,WAAU;kBAHZ;SAKE,kBAAC,UAAD;UAAQ,OAAM;oBAAG;UAAkB,CAAA;SACnC,kBAAC,UAAD;UAAQ,OAAM;oBAAW;UAAiB,CAAA;SAC1C,kBAAC,UAAD;UAAQ,OAAM;oBAAS;UAAe,CAAA;SACtC,kBAAC,UAAD;UAAQ,OAAM;oBAAU;UAAgB,CAAA;SACjC;;OACT,kBAAC,UAAD;QACE,OAAO,EAAQ;QACf,WAAW,MAAM,EAAmB,YAAY,EAAE,OAAO,MAAM;QAC/D,WAAU;kBAHZ;SAKE,kBAAC,UAAD;UAAQ,OAAM;oBAAG;UAAuB,CAAA;SACxC,kBAAC,UAAD;UAAQ,OAAM;oBAAS;UAAe,CAAA;SACtC,kBAAC,UAAD;UAAQ,OAAM;oBAAO;UAAa,CAAA;SAClC,kBAAC,UAAD;UAAQ,OAAM;oBAAS;UAAe,CAAA;SACtC,kBAAC,UAAD;UAAQ,OAAM;oBAAM;UAAY,CAAA;SACzB;;OACT,kBAAC,UAAD;QACE,OAAO,EAAQ;QACf,WAAW,MAAM,EAAmB,UAAU,EAAE,OAAO,MAAM;QAC7D,WAAU;kBAHZ;SAKE,kBAAC,UAAD;UAAQ,OAAM;oBAAW;UAAyB,CAAA;SAClD,kBAAC,UAAD;UAAQ,OAAM;oBAAO;UAAqB,CAAA;SAC1C,kBAAC,UAAD;UAAQ,OAAM;oBAAW;UAAyB,CAAA;SAC3C;;OACL;;KACF,CAAA;IAGL,EAAc,WAAW,IACxB,kBAAC,GAAD;KACE,MAAM,kBAAC,GAAD,EAAe,WAAU,aAAc,CAAA;KAC7C,OAAM;KACN,aAAY;KACZ,CAAA,GAEF,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAc,KAAK,MAAS;MAC3B,IAAM,IAAa,EAAkB,EAAK,KAAK,EACzC,IAAW,EAAW,MACtB,IAAgB,EAAoB,EAAK,MAAM,EAC/C,IAAU,EAAc,EAAK;AACnC,aACE,kBAAC,OAAD;OAEE,WAAU;iBAFZ;QAKE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;UAAK,WAAU;oBAAf;WACE,kBAAC,MAAD;YAAI,WAAU;sBACX,EAAK,UAAU,UAAU,EAAK,YAAY,EAAK;YAC7C,CAAA;WACL,kBAAC,QAAD;YACE,WAAW,EACT,mFACA,EAAW,MACZ;sBAJH,CAME,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAC/B,EAAW,MACP;;WACP,kBAAC,QAAD;YACE,WAAW,EACT,wFACA,EAAiB,EAAK,SAAS,CAChC;sBAEA,EAAK;YACD,CAAA;WACH;aACN,kBAAC,KAAD;UAAG,WAAU;oBAAb,CACG,EAAK,UACL,EAAK,eAAe,MAAM,EAAK,iBAAiB,GAC/C;YACA,EAAA,CAAA,EACL,EAAK,WAAW,KACf,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,KAAD;WAAG,WAAU;qBAAb,CACE,kBAAC,GAAD,EAAa,WAAU,WAAY,CAAA,EAClC,EAAe,EAAK,UAAU;YAC7B,uBAAuB;YACvB,OAAO;YACR,CAAC,CACA;cACJ,kBAAC,KAAD;WAAG,WAAU;qBAA8B;WAAY,CAAA,CACnD;YAEJ;;QAGN,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACG,EAAK,eACJ,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;WAAG,WAAU;qBAA8B;WAAQ,CAAA,EACnD,kBAAC,KAAD;WAAG,WAAU;qBAA0C,EAAK;WAAgB,CAAA,CACxE,EAAA,CAAA;UAEP,KACC,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;WAAG,WAAU;qBAA8B;WAAoB,CAAA,EAC/D,kBAAC,KAAD;WAAG,WAAU;qBAA6B;WAAY,CAAA,CAClD,EAAA,CAAA;UAEP,KACC,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;WAAG,WAAU;qBAA8B;WAAQ,CAAA,EACnD,kBAAC,KAAD;WACE,WAAW,EACT,uBACA,MAAkB,YACd,2BACA,oBACL;qBAEA;WACC,CAAA,CACA,EAAA,CAAA;UAEJ;;QAGL,EAAK,WAAW,aACf,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,UAAD;WACE,MAAK;WACL,eAAe,EAAgB,EAAK,GAAG;WACvC,UAAU,MAAgB;WAC1B,WAAW,EACT,iGACA,MAAgB,OAEZ,wFADA,sDAEL;qBATH,CAWE,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,EACrC,IAAc,2BAA2B,aACnC;;UACR,EAAK,iBACJ,kBAAC,UAAD;WACE,MAAK;WACL,eAAe,EAAmB,EAAK,cAAc;WACrD,WAAU;qBAHZ,CAKE,kBAAC,GAAD,EAAO,WAAU,eAAgB,CAAA,EAAA,OAE1B;;UAEV,EAAK,SAAS,cAAc,EAAK,YAAY,QAC5C,kBAAC,QAAD;WAAM,WAAU;qBAAhB;YACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;YAC7B,EAAK;YAAS;YACV;;UAEL;;QAEP,EAAK,WAAW,iBAAiB,EAAK,OAAO,GAAa,MACzD,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,UAAD;UACE,MAAK;UACL,eAAe,EAAmB,EAAK,GAAG;UAC1C,WAAU;oBAHZ,CAKE,kBAAC,GAAD,EAAc,WAAU,eAAgB,CAAA,EAAA,WAEjC;aACT,kBAAC,UAAD;UACE,MAAK;UACL,eAAe,EAAW,gBAAgB,EAAK,KAAK;UACpD,WAAU;oBAHZ,CAIC,WAEC,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,CAC/B;YACL;;QAEP,EAAK,WAAW,eACf,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD,EAAa,QAAO,aAAc,CAAA,EAClC,kBAAC,UAAD;UACE,MAAK;UACL,eAAe,EAAW,gBAAgB,EAAK,KAAK;UACpD,WAAU;oBAHZ,CAIC,WAEC,kBAAC,GAAD,EAAY,WAAU,eAAgB,CAAA,CAC/B;YACL;;QAEJ;SAlJC,EAAK,GAkJN;OAER;KACE,CAAA;IAEJ;KACK"}

package/dist/kadaikodi/pages/worker/WorkerProfilePage.d.ts

@@ -0,0 +1,18 @@
+/**
+ * Worker Profile Page
+ *
+ * Full-featured profile page with:
+ * - 6 sidebar tabs: Personal Info, Work Details, Address, Documents, Achievements, Notifications
+ * - Edit/Save/Cancel mode toggle with all form fields becoming editable
+ * - Profile image upload with camera icon overlay
+ * - Personal Info: first/last name, email, phone, DOB + Emergency Contact
+ * - Work Details: Employee ID, Designation, Department, Work Location, Joining Date, Employment Type + 3 stat cards
+ * - Address tab: Current address + Permanent address with "same as current" checkbox
+ * - Documents tab: PAN, Aadhar (masked, readonly), Bank Name, Account Number, IFSC Code + security notice
+ * - Achievements tab: badges + Performance Metrics with progress bars
+ * - Notifications tab: 5 toggle switches for notification preferences
+ *
+ * @module kadaikodi/pages/worker
+ */
+export declare const WorkerProfilePage: () => import("react").JSX.Element;
+//# sourceMappingURL=WorkerProfilePage.d.ts.map

package/dist/kadaikodi/pages/worker/WorkerProfilePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkerProfilePage.d.ts","sourceRoot":"","sources":["../../../../src/kadaikodi/pages/worker/WorkerProfilePage.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;GAeG;AAyFH,eAAO,MAAM,iBAAiB,mCA8yB7B,CAAC"}