@burdenoff/microfe-proserviceworld 2026.509.101

package/dist/proserviceworld/pages/BookingsPage.js

@@ -0,0 +1,425 @@
+import { useProServiceWorldStore as e } from "../store/proserviceworldStore.js";
+import { useMemo as t, useState as n } from "react";
+import { ArrowUpDown as r, Calendar as i, CheckCircle2 as a, ChevronRight as o, Clock as s, DollarSign as c, Filter as l, Loader2 as u, Search as d, User as f, XCircle as p } from "lucide-react";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+import { Badge as g, Button as _, Card as v, CardContent as y, CardHeader as b, CardTitle as x, Input as S } from "@burdenoff/fe-libs/ui";
+//#region src/proserviceworld/pages/BookingsPage.tsx
+var C = {
+	pending: {
+		label: "Pending",
+		color: "text-yellow-600",
+		icon: s,
+		badgeVariant: "secondary"
+	},
+	in_progress: {
+		label: "In Progress",
+		color: "text-blue-600",
+		icon: u,
+		badgeVariant: "default"
+	},
+	completed: {
+		label: "Completed",
+		color: "text-green-600",
+		icon: a,
+		badgeVariant: "outline"
+	},
+	cancelled: {
+		label: "Cancelled",
+		color: "text-red-600",
+		icon: p,
+		badgeVariant: "destructive"
+	}
+};
+function w() {
+	let { bookings: s } = e(), [p, w] = n(""), [T, E] = n("all"), [D, O] = n("date"), [k, A] = n(!1), [j, M] = n(null), N = t(() => {
+		let e = s;
+		if (T !== "all" && (e = e.filter((e) => e.status === T)), p.trim()) {
+			let t = p.toLowerCase();
+			e = e.filter((e) => e.title.toLowerCase().includes(t) || e.providerName.toLowerCase().includes(t) || e.serviceName.toLowerCase().includes(t));
+		}
+		return e = [...e].sort((e, t) => {
+			let n = D === "date" ? new Date(t.createdAt).getTime() - new Date(e.createdAt).getTime() : D === "budget" ? t.budget - e.budget : t.progress - e.progress;
+			return k ? -n : n;
+		}), e;
+	}, [
+		s,
+		p,
+		T,
+		D,
+		k
+	]), P = j ? s.find((e) => e.id === j) : null, F = t(() => {
+		let e = { all: s.length };
+		for (let t of s) e[t.status] = (e[t.status] ?? 0) + 1;
+		return e;
+	}, [s]), I = s.reduce((e, t) => e + t.budget, 0), L = Math.round(s.filter((e) => e.status === "in_progress").reduce((e, t) => e + t.progress, 0) / Math.max(1, s.filter((e) => e.status === "in_progress").length)), R = (e) => {
+		D === e ? A(!k) : (O(e), A(!1));
+	};
+	return /* @__PURE__ */ h("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: "flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between",
+				children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h1", {
+					className: "text-2xl font-semibold",
+					children: "Bookings"
+				}), /* @__PURE__ */ m("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Manage and track all your service bookings."
+				})] }), /* @__PURE__ */ h(_, {
+					size: "sm",
+					children: [/* @__PURE__ */ m(i, { className: "mr-2 h-4 w-4" }), " New Booking"]
+				})]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "grid gap-4 sm:grid-cols-2 lg:grid-cols-4",
+				children: [
+					/* @__PURE__ */ m(v, { children: /* @__PURE__ */ m(y, {
+						className: "pt-4",
+						children: /* @__PURE__ */ h("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ m("div", {
+								className: "rounded-lg bg-blue-100 p-2 dark:bg-blue-950",
+								children: /* @__PURE__ */ m(i, { className: "h-5 w-5 text-blue-600" })
+							}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+								className: "text-2xl font-bold",
+								children: s.length
+							}), /* @__PURE__ */ m("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Total Bookings"
+							})] })]
+						})
+					}) }),
+					/* @__PURE__ */ m(v, { children: /* @__PURE__ */ m(y, {
+						className: "pt-4",
+						children: /* @__PURE__ */ h("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ m("div", {
+								className: "rounded-lg bg-green-100 p-2 dark:bg-green-950",
+								children: /* @__PURE__ */ m(a, { className: "h-5 w-5 text-green-600" })
+							}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+								className: "text-2xl font-bold",
+								children: F.completed ?? 0
+							}), /* @__PURE__ */ m("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Completed"
+							})] })]
+						})
+					}) }),
+					/* @__PURE__ */ m(v, { children: /* @__PURE__ */ m(y, {
+						className: "pt-4",
+						children: /* @__PURE__ */ h("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ m("div", {
+								className: "rounded-lg bg-yellow-100 p-2 dark:bg-yellow-950",
+								children: /* @__PURE__ */ m(u, { className: "h-5 w-5 text-yellow-600" })
+							}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("p", {
+								className: "text-2xl font-bold",
+								children: [L, "%"]
+							}), /* @__PURE__ */ m("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Avg. In-Progress"
+							})] })]
+						})
+					}) }),
+					/* @__PURE__ */ m(v, { children: /* @__PURE__ */ m(y, {
+						className: "pt-4",
+						children: /* @__PURE__ */ h("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ m("div", {
+								className: "rounded-lg bg-purple-100 p-2 dark:bg-purple-950",
+								children: /* @__PURE__ */ m(c, { className: "h-5 w-5 text-purple-600" })
+							}), /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("p", {
+								className: "text-2xl font-bold",
+								children: ["$", I.toLocaleString()]
+							}), /* @__PURE__ */ m("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Total Budget"
+							})] })]
+						})
+					}) })
+				]
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "flex flex-col gap-4 sm:flex-row sm:items-center",
+				children: [/* @__PURE__ */ h("div", {
+					className: "relative flex-1",
+					children: [/* @__PURE__ */ m(d, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground" }), /* @__PURE__ */ m(S, {
+						placeholder: "Search bookings by title, provider, or service...",
+						value: p,
+						onChange: (e) => w(e.target.value),
+						className: "pl-10"
+					})]
+				}), /* @__PURE__ */ h("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ m(l, { className: "h-4 w-4 text-muted-foreground" }), [
+						"all",
+						"pending",
+						"in_progress",
+						"completed",
+						"cancelled"
+					].map((e) => /* @__PURE__ */ h(_, {
+						variant: T === e ? "default" : "outline",
+						size: "sm",
+						onClick: () => E(e),
+						children: [e === "all" ? "All" : C[e].label, /* @__PURE__ */ h("span", {
+							className: "ml-1 text-xs opacity-70",
+							children: [
+								"(",
+								F[e] ?? 0,
+								")"
+							]
+						})]
+					}, e))]
+				})]
+			}),
+			/* @__PURE__ */ m("div", {
+				className: "flex gap-2",
+				children: [
+					{
+						field: "date",
+						label: "Date"
+					},
+					{
+						field: "budget",
+						label: "Budget"
+					},
+					{
+						field: "progress",
+						label: "Progress"
+					}
+				].map(({ field: e, label: t }) => /* @__PURE__ */ h("button", {
+					onClick: () => R(e),
+					className: `flex items-center gap-1 rounded border px-3 py-1 text-xs ${D === e ? "border-primary bg-primary/5 text-primary" : "text-muted-foreground hover:bg-muted/50"}`,
+					children: [/* @__PURE__ */ m(r, { className: "h-3 w-3" }), t]
+				}, e))
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "grid gap-6 lg:grid-cols-3",
+				children: [/* @__PURE__ */ m("div", {
+					className: `space-y-3 ${P ? "lg:col-span-2" : "lg:col-span-3"}`,
+					children: N.length === 0 ? /* @__PURE__ */ m(v, { children: /* @__PURE__ */ m(y, {
+						className: "py-12 text-center text-muted-foreground",
+						children: "No bookings match your filters."
+					}) }) : N.map((e) => {
+						let t = C[e.status], n = t.icon;
+						return /* @__PURE__ */ m(v, {
+							className: `cursor-pointer transition-colors hover:bg-muted/30 ${j === e.id ? "border-primary ring-1 ring-primary" : ""}`,
+							onClick: () => M(j === e.id ? null : e.id),
+							children: /* @__PURE__ */ h(y, {
+								className: "pt-4",
+								children: [/* @__PURE__ */ h("div", {
+									className: "flex items-start justify-between gap-4",
+									children: [/* @__PURE__ */ h("div", {
+										className: "flex-1 space-y-2",
+										children: [
+											/* @__PURE__ */ h("div", {
+												className: "flex items-center gap-2",
+												children: [/* @__PURE__ */ m(n, { className: `h-4 w-4 ${t.color}` }), /* @__PURE__ */ m("h3", {
+													className: "font-medium",
+													children: e.title
+												})]
+											}),
+											/* @__PURE__ */ m("p", {
+												className: "text-sm text-muted-foreground line-clamp-1",
+												children: e.description
+											}),
+											/* @__PURE__ */ h("div", {
+												className: "flex flex-wrap items-center gap-4 text-xs text-muted-foreground",
+												children: [
+													/* @__PURE__ */ h("span", {
+														className: "flex items-center gap-1",
+														children: [
+															/* @__PURE__ */ m(f, { className: "h-3 w-3" }),
+															" ",
+															e.providerName
+														]
+													}),
+													/* @__PURE__ */ h("span", {
+														className: "flex items-center gap-1",
+														children: [
+															/* @__PURE__ */ m(i, { className: "h-3 w-3" }),
+															" ",
+															e.startDate
+														]
+													}),
+													/* @__PURE__ */ h("span", {
+														className: "flex items-center gap-1",
+														children: [
+															/* @__PURE__ */ m(c, { className: "h-3 w-3" }),
+															" $",
+															e.budget.toLocaleString()
+														]
+													})
+												]
+											})
+										]
+									}), /* @__PURE__ */ h("div", {
+										className: "flex flex-col items-end gap-2",
+										children: [
+											/* @__PURE__ */ m(g, {
+												variant: t.badgeVariant,
+												children: t.label
+											}),
+											e.status === "in_progress" && /* @__PURE__ */ h("span", {
+												className: "text-sm font-medium",
+												children: [e.progress, "%"]
+											}),
+											/* @__PURE__ */ m(o, { className: "h-4 w-4 text-muted-foreground" })
+										]
+									})]
+								}), e.status === "in_progress" && /* @__PURE__ */ m("div", {
+									className: "mt-3",
+									children: /* @__PURE__ */ m("div", {
+										className: "h-2 w-full overflow-hidden rounded-full bg-muted",
+										children: /* @__PURE__ */ m("div", {
+											className: "h-2 rounded-full bg-blue-500 transition-all",
+											style: { width: `${e.progress}%` }
+										})
+									})
+								})]
+							})
+						}, e.id);
+					})
+				}), P && /* @__PURE__ */ m("div", {
+					className: "space-y-4",
+					children: /* @__PURE__ */ h(v, { children: [/* @__PURE__ */ m(b, { children: /* @__PURE__ */ h("div", {
+						className: "flex items-center justify-between",
+						children: [/* @__PURE__ */ m(x, {
+							className: "text-base",
+							children: "Booking Details"
+						}), /* @__PURE__ */ m(_, {
+							variant: "outline",
+							size: "sm",
+							onClick: () => M(null),
+							children: "Close"
+						})]
+					}) }), /* @__PURE__ */ h(y, {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h3", {
+								className: "font-semibold",
+								children: P.title
+							}), /* @__PURE__ */ m("p", {
+								className: "mt-1 text-sm text-muted-foreground",
+								children: P.description
+							})] }),
+							/* @__PURE__ */ m(g, {
+								variant: C[P.status].badgeVariant,
+								children: C[P.status].label
+							}),
+							P.status === "in_progress" && /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("div", {
+								className: "flex items-center justify-between text-sm",
+								children: [/* @__PURE__ */ m("span", {
+									className: "text-muted-foreground",
+									children: "Progress"
+								}), /* @__PURE__ */ h("span", {
+									className: "font-medium",
+									children: [P.progress, "%"]
+								})]
+							}), /* @__PURE__ */ m("div", {
+								className: "mt-1 h-2 w-full overflow-hidden rounded-full bg-muted",
+								children: /* @__PURE__ */ m("div", {
+									className: "h-2 rounded-full bg-blue-500",
+									style: { width: `${P.progress}%` }
+								})
+							})] }),
+							/* @__PURE__ */ h("div", {
+								className: "space-y-2 border-t pt-3 text-sm",
+								children: [
+									/* @__PURE__ */ h("div", {
+										className: "flex justify-between",
+										children: [/* @__PURE__ */ m("span", {
+											className: "text-muted-foreground",
+											children: "Service"
+										}), /* @__PURE__ */ m("span", {
+											className: "font-medium",
+											children: P.serviceName
+										})]
+									}),
+									/* @__PURE__ */ h("div", {
+										className: "flex justify-between",
+										children: [/* @__PURE__ */ m("span", {
+											className: "text-muted-foreground",
+											children: "Provider"
+										}), /* @__PURE__ */ m("span", {
+											className: "font-medium",
+											children: P.providerName
+										})]
+									}),
+									/* @__PURE__ */ h("div", {
+										className: "flex justify-between",
+										children: [/* @__PURE__ */ m("span", {
+											className: "text-muted-foreground",
+											children: "Budget"
+										}), /* @__PURE__ */ h("span", {
+											className: "font-medium",
+											children: ["$", P.budget.toLocaleString()]
+										})]
+									}),
+									/* @__PURE__ */ h("div", {
+										className: "flex justify-between",
+										children: [/* @__PURE__ */ m("span", {
+											className: "text-muted-foreground",
+											children: "Start Date"
+										}), /* @__PURE__ */ m("span", {
+											className: "font-medium",
+											children: P.startDate
+										})]
+									}),
+									/* @__PURE__ */ h("div", {
+										className: "flex justify-between",
+										children: [/* @__PURE__ */ m("span", {
+											className: "text-muted-foreground",
+											children: "End Date"
+										}), /* @__PURE__ */ m("span", {
+											className: "font-medium",
+											children: P.endDate
+										})]
+									}),
+									/* @__PURE__ */ h("div", {
+										className: "flex justify-between",
+										children: [/* @__PURE__ */ m("span", {
+											className: "text-muted-foreground",
+											children: "Payment"
+										}), /* @__PURE__ */ m(g, {
+											variant: "secondary",
+											children: P.paymentStatus
+										})]
+									}),
+									/* @__PURE__ */ h("div", {
+										className: "flex justify-between",
+										children: [/* @__PURE__ */ m("span", {
+											className: "text-muted-foreground",
+											children: "Method"
+										}), /* @__PURE__ */ m("span", {
+											className: "font-medium",
+											children: P.paymentMethod.replace("_", " ")
+										})]
+									})
+								]
+							}),
+							/* @__PURE__ */ h("div", {
+								className: "flex gap-2 border-t pt-3",
+								children: [/* @__PURE__ */ m(_, {
+									className: "flex-1",
+									size: "sm",
+									variant: "outline",
+									children: "Message Provider"
+								}), P.status === "pending" && /* @__PURE__ */ m(_, {
+									className: "flex-1",
+									size: "sm",
+									variant: "destructive",
+									children: "Cancel"
+								})]
+							})
+						]
+					})] })
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { w as BookingsPage };
+
+//# sourceMappingURL=BookingsPage.js.map

package/dist/proserviceworld/pages/BookingsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BookingsPage.js","names":[],"sources":["../../../src/proserviceworld/pages/BookingsPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  Search,\n  Clock,\n  CheckCircle2,\n  XCircle,\n  Loader2,\n  Calendar,\n  DollarSign,\n  User,\n  ChevronRight,\n  Filter,\n  ArrowUpDown,\n} from 'lucide-react';\nimport { useProServiceWorldStore } from '../store/proserviceworldStore';\nimport type { BookingStatus } from '../types';\n\nconst statusConfig: Record<\n  BookingStatus,\n  {\n    label: string;\n    color: string;\n    icon: typeof Clock;\n    badgeVariant: 'default' | 'secondary' | 'outline' | 'destructive';\n  }\n> = {\n  pending: { label: 'Pending', color: 'text-yellow-600', icon: Clock, badgeVariant: 'secondary' },\n  in_progress: {\n    label: 'In Progress',\n    color: 'text-blue-600',\n    icon: Loader2,\n    badgeVariant: 'default',\n  },\n  completed: {\n    label: 'Completed',\n    color: 'text-green-600',\n    icon: CheckCircle2,\n    badgeVariant: 'outline',\n  },\n  cancelled: {\n    label: 'Cancelled',\n    color: 'text-red-600',\n    icon: XCircle,\n    badgeVariant: 'destructive',\n  },\n};\n\ntype SortField = 'date' | 'budget' | 'progress';\n\nexport function BookingsPage() {\n  const { bookings } = useProServiceWorldStore();\n  const [searchQuery, setSearchQuery] = useState('');\n  const [statusFilter, setStatusFilter] = useState<BookingStatus | 'all'>('all');\n  const [sortField, setSortField] = useState<SortField>('date');\n  const [sortAsc, setSortAsc] = useState(false);\n  const [selectedBookingId, setSelectedBookingId] = useState<string | null>(null);\n\n  const filtered = useMemo(() => {\n    let result = bookings;\n\n    if (statusFilter !== 'all') {\n      result = result.filter((b) => b.status === statusFilter);\n    }\n\n    if (searchQuery.trim()) {\n      const q = searchQuery.toLowerCase();\n      result = result.filter(\n        (b) =>\n          b.title.toLowerCase().includes(q) ||\n          b.providerName.toLowerCase().includes(q) ||\n          b.serviceName.toLowerCase().includes(q)\n      );\n    }\n\n    result = [...result].sort((a, b) => {\n      const cmp =\n        sortField === 'date'\n          ? new Date(b.createdAt).getTime() - new Date(a.createdAt).getTime()\n          : sortField === 'budget'\n            ? b.budget - a.budget\n            : b.progress - a.progress;\n      return sortAsc ? -cmp : cmp;\n    });\n\n    return result;\n  }, [bookings, searchQuery, statusFilter, sortField, sortAsc]);\n\n  const selectedBooking = selectedBookingId\n    ? bookings.find((b) => b.id === selectedBookingId)\n    : null;\n\n  const statusCounts = useMemo(() => {\n    const counts: Record<string, number> = { all: bookings.length };\n    for (const b of bookings) {\n      counts[b.status] = (counts[b.status] ?? 0) + 1;\n    }\n    return counts;\n  }, [bookings]);\n\n  const totalBudget = bookings.reduce((sum, b) => sum + b.budget, 0);\n  const avgProgress = Math.round(\n    bookings.filter((b) => b.status === 'in_progress').reduce((sum, b) => sum + b.progress, 0) /\n      Math.max(1, bookings.filter((b) => b.status === 'in_progress').length)\n  );\n\n  const handleSort = (field: SortField) => {\n    if (sortField === field) setSortAsc(!sortAsc);\n    else {\n      setSortField(field);\n      setSortAsc(false);\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      {/* Header */}\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Bookings</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Manage and track all your service bookings.\n          </p>\n        </div>\n        <Button size=\"sm\">\n          <Calendar className=\"mr-2 h-4 w-4\" /> New Booking\n        </Button>\n      </div>\n\n      {/* Stats */}\n      <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"rounded-lg bg-blue-100 p-2 dark:bg-blue-950\">\n                <Calendar className=\"h-5 w-5 text-blue-600\" />\n              </div>\n              <div>\n                <p className=\"text-2xl font-bold\">{bookings.length}</p>\n                <p className=\"text-xs text-muted-foreground\">Total Bookings</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"rounded-lg bg-green-100 p-2 dark:bg-green-950\">\n                <CheckCircle2 className=\"h-5 w-5 text-green-600\" />\n              </div>\n              <div>\n                <p className=\"text-2xl font-bold\">{statusCounts.completed ?? 0}</p>\n                <p className=\"text-xs text-muted-foreground\">Completed</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"rounded-lg bg-yellow-100 p-2 dark:bg-yellow-950\">\n                <Loader2 className=\"h-5 w-5 text-yellow-600\" />\n              </div>\n              <div>\n                <p className=\"text-2xl font-bold\">{avgProgress}%</p>\n                <p className=\"text-xs text-muted-foreground\">Avg. In-Progress</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"rounded-lg bg-purple-100 p-2 dark:bg-purple-950\">\n                <DollarSign className=\"h-5 w-5 text-purple-600\" />\n              </div>\n              <div>\n                <p className=\"text-2xl font-bold\">${totalBudget.toLocaleString()}</p>\n                <p className=\"text-xs text-muted-foreground\">Total Budget</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n\n      {/* Filters */}\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center\">\n        <div className=\"relative flex-1\">\n          <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-muted-foreground\" />\n          <Input\n            placeholder=\"Search bookings by title, provider, or service...\"\n            value={searchQuery}\n            onChange={(e) => setSearchQuery(e.target.value)}\n            className=\"pl-10\"\n          />\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <Filter className=\"h-4 w-4 text-muted-foreground\" />\n          {(['all', 'pending', 'in_progress', 'completed', 'cancelled'] as const).map((status) => (\n            <Button\n              key={status}\n              variant={statusFilter === status ? 'default' : 'outline'}\n              size=\"sm\"\n              onClick={() => setStatusFilter(status)}\n            >\n              {status === 'all' ? 'All' : statusConfig[status].label}\n              <span className=\"ml-1 text-xs opacity-70\">({statusCounts[status] ?? 0})</span>\n            </Button>\n          ))}\n        </div>\n      </div>\n\n      {/* Sort controls */}\n      <div className=\"flex gap-2\">\n        {[\n          { field: 'date' as SortField, label: 'Date' },\n          { field: 'budget' as SortField, label: 'Budget' },\n          { field: 'progress' as SortField, label: 'Progress' },\n        ].map(({ field, label }) => (\n          <button\n            key={field}\n            onClick={() => handleSort(field)}\n            className={`flex items-center gap-1 rounded border px-3 py-1 text-xs ${\n              sortField === field\n                ? 'border-primary bg-primary/5 text-primary'\n                : 'text-muted-foreground hover:bg-muted/50'\n            }`}\n          >\n            <ArrowUpDown className=\"h-3 w-3\" />\n            {label}\n          </button>\n        ))}\n      </div>\n\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        {/* Booking list */}\n        <div className={`space-y-3 ${selectedBooking ? 'lg:col-span-2' : 'lg:col-span-3'}`}>\n          {filtered.length === 0 ? (\n            <Card>\n              <CardContent className=\"py-12 text-center text-muted-foreground\">\n                No bookings match your filters.\n              </CardContent>\n            </Card>\n          ) : (\n            filtered.map((booking) => {\n              const config = statusConfig[booking.status];\n              const StatusIcon = config.icon;\n              return (\n                <Card\n                  key={booking.id}\n                  className={`cursor-pointer transition-colors hover:bg-muted/30 ${\n                    selectedBookingId === booking.id ? 'border-primary ring-1 ring-primary' : ''\n                  }`}\n                  onClick={() =>\n                    setSelectedBookingId(selectedBookingId === booking.id ? null : booking.id)\n                  }\n                >\n                  <CardContent className=\"pt-4\">\n                    <div className=\"flex items-start justify-between gap-4\">\n                      <div className=\"flex-1 space-y-2\">\n                        <div className=\"flex items-center gap-2\">\n                          <StatusIcon className={`h-4 w-4 ${config.color}`} />\n                          <h3 className=\"font-medium\">{booking.title}</h3>\n                        </div>\n                        <p className=\"text-sm text-muted-foreground line-clamp-1\">\n                          {booking.description}\n                        </p>\n                        <div className=\"flex flex-wrap items-center gap-4 text-xs text-muted-foreground\">\n                          <span className=\"flex items-center gap-1\">\n                            <User className=\"h-3 w-3\" /> {booking.providerName}\n                          </span>\n                          <span className=\"flex items-center gap-1\">\n                            <Calendar className=\"h-3 w-3\" /> {booking.startDate}\n                          </span>\n                          <span className=\"flex items-center gap-1\">\n                            <DollarSign className=\"h-3 w-3\" /> ${booking.budget.toLocaleString()}\n                          </span>\n                        </div>\n                      </div>\n                      <div className=\"flex flex-col items-end gap-2\">\n                        <Badge variant={config.badgeVariant}>{config.label}</Badge>\n                        {booking.status === 'in_progress' && (\n                          <span className=\"text-sm font-medium\">{booking.progress}%</span>\n                        )}\n                        <ChevronRight className=\"h-4 w-4 text-muted-foreground\" />\n                      </div>\n                    </div>\n\n                    {/* Progress bar for in-progress bookings */}\n                    {booking.status === 'in_progress' && (\n                      <div className=\"mt-3\">\n                        <div className=\"h-2 w-full overflow-hidden rounded-full bg-muted\">\n                          <div\n                            className=\"h-2 rounded-full bg-blue-500 transition-all\"\n                            style={{ width: `${booking.progress}%` }}\n                          />\n                        </div>\n                      </div>\n                    )}\n                  </CardContent>\n                </Card>\n              );\n            })\n          )}\n        </div>\n\n        {/* Detail panel */}\n        {selectedBooking && (\n          <div className=\"space-y-4\">\n            <Card>\n              <CardHeader>\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle className=\"text-base\">Booking Details</CardTitle>\n                  <Button variant=\"outline\" size=\"sm\" onClick={() => setSelectedBookingId(null)}>\n                    Close\n                  </Button>\n                </div>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <div>\n                  <h3 className=\"font-semibold\">{selectedBooking.title}</h3>\n                  <p className=\"mt-1 text-sm text-muted-foreground\">\n                    {selectedBooking.description}\n                  </p>\n                </div>\n\n                <Badge variant={statusConfig[selectedBooking.status].badgeVariant}>\n                  {statusConfig[selectedBooking.status].label}\n                </Badge>\n\n                {selectedBooking.status === 'in_progress' && (\n                  <div>\n                    <div className=\"flex items-center justify-between text-sm\">\n                      <span className=\"text-muted-foreground\">Progress</span>\n                      <span className=\"font-medium\">{selectedBooking.progress}%</span>\n                    </div>\n                    <div className=\"mt-1 h-2 w-full overflow-hidden rounded-full bg-muted\">\n                      <div\n                        className=\"h-2 rounded-full bg-blue-500\"\n                        style={{ width: `${selectedBooking.progress}%` }}\n                      />\n                    </div>\n                  </div>\n                )}\n\n                <div className=\"space-y-2 border-t pt-3 text-sm\">\n                  <div className=\"flex justify-between\">\n                    <span className=\"text-muted-foreground\">Service</span>\n                    <span className=\"font-medium\">{selectedBooking.serviceName}</span>\n                  </div>\n                  <div className=\"flex justify-between\">\n                    <span className=\"text-muted-foreground\">Provider</span>\n                    <span className=\"font-medium\">{selectedBooking.providerName}</span>\n                  </div>\n                  <div className=\"flex justify-between\">\n                    <span className=\"text-muted-foreground\">Budget</span>\n                    <span className=\"font-medium\">${selectedBooking.budget.toLocaleString()}</span>\n                  </div>\n                  <div className=\"flex justify-between\">\n                    <span className=\"text-muted-foreground\">Start Date</span>\n                    <span className=\"font-medium\">{selectedBooking.startDate}</span>\n                  </div>\n                  <div className=\"flex justify-between\">\n                    <span className=\"text-muted-foreground\">End Date</span>\n                    <span className=\"font-medium\">{selectedBooking.endDate}</span>\n                  </div>\n                  <div className=\"flex justify-between\">\n                    <span className=\"text-muted-foreground\">Payment</span>\n                    <Badge variant=\"secondary\">{selectedBooking.paymentStatus}</Badge>\n                  </div>\n                  <div className=\"flex justify-between\">\n                    <span className=\"text-muted-foreground\">Method</span>\n                    <span className=\"font-medium\">\n                      {selectedBooking.paymentMethod.replace('_', ' ')}\n                    </span>\n                  </div>\n                </div>\n\n                <div className=\"flex gap-2 border-t pt-3\">\n                  <Button className=\"flex-1\" size=\"sm\" variant=\"outline\">\n                    Message Provider\n                  </Button>\n                  {selectedBooking.status === 'pending' && (\n                    <Button className=\"flex-1\" size=\"sm\" variant=\"destructive\">\n                      Cancel\n                    </Button>\n                  )}\n                </div>\n              </CardContent>\n            </Card>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/proserviceworld/pages/DashboardPage.d.ts

@@ -0,0 +1,2 @@
+export declare function DashboardPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DashboardPage.d.ts.map

package/dist/proserviceworld/pages/DashboardPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardPage.d.ts","sourceRoot":"","sources":["../../../src/proserviceworld/pages/DashboardPage.tsx"],"names":[],"mappings":"AAwBA,wBAAgB,aAAa,4CAypB5B"}