@burdenoff/microfe-adaptercloud 2026.614.1

package/dist/adaptercloud/pages/customer/BookingDetailsPage.js

@@ -0,0 +1,593 @@
+import { useAdapterCloud as e } from "../../context/AdapterCloudContext.js";
+import { cn as t } from "../../utils/cn.js";
+import { PageLayout as n } from "../../components/PageLayout.js";
+import { StatusBadge as r } from "../../components/StatusBadge.js";
+import { EmptyState as i } from "../../components/EmptyState.js";
+import { formatCurrency as a, formatDate as o } from "../../utils/formatters.js";
+import { useMemo as s, useState as c } from "react";
+import { AlertTriangle as l, ArrowLeft as u, Calendar as d, CalendarCheck as f, CheckCircle2 as p, Circle as m, Clock as h, Headphones as g, MapPin as _, Phone as v, ShoppingBag as y, Star as b, XCircle as x } from "lucide-react";
+import { useParams as S } from "react-router-dom";
+import { jsx as C, jsxs as w } from "react/jsx-runtime";
+//#region src/adaptercloud/pages/customer/BookingDetailsPage.tsx
+var T = [
+	{
+		id: "BK-001",
+		serviceName: "Men's Haircut + Beard Trim",
+		serviceDescription: "Professional haircut and beard grooming service at your doorstep",
+		provider: {
+			id: "SERV-001",
+			name: "Quick Cuts Salon",
+			phone: "+91-9876543210",
+			rating: 4.6,
+			reviewCount: 248,
+			category: "Personal Care & Beauty",
+			image: "https://images.unsplash.com/photo-1562322140-8baeececf3df?w=400",
+			location: "Indiranagar, Bangalore"
+		},
+		scheduledDate: "2024-01-20",
+		scheduledTime: "10:00 AM",
+		duration: 50,
+		status: "confirmed",
+		location: {
+			street: "123 Main Street",
+			area: "Koramangala",
+			city: "Bangalore",
+			pincode: "560034",
+			landmark: "Near Metro Station"
+		},
+		pricing: {
+			serviceCharge: 450,
+			convenienceFee: 30,
+			tax: 48,
+			discount: 50,
+			total: 478
+		},
+		createdAt: "2024-01-16T14:30:00Z",
+		notes: "Please bring your own equipment",
+		timeline: [
+			{
+				status: "booked",
+				label: "Booking Placed",
+				timestamp: "2024-01-16T14:30:00Z",
+				completed: !0
+			},
+			{
+				status: "confirmed",
+				label: "Booking Confirmed",
+				timestamp: "2024-01-16T14:35:00Z",
+				completed: !0
+			},
+			{
+				status: "in_progress",
+				label: "Service Started",
+				timestamp: null,
+				completed: !1
+			},
+			{
+				status: "completed",
+				label: "Service Completed",
+				timestamp: null,
+				completed: !1
+			}
+		]
+	},
+	{
+		id: "BK-002",
+		serviceName: "Deep House Cleaning",
+		serviceDescription: "Complete house cleaning service including kitchen, bathrooms, and living areas",
+		provider: {
+			id: "SERV-005",
+			name: "Spotless Cleaning Services",
+			phone: "+91-9876543215",
+			rating: 4.8,
+			reviewCount: 312,
+			category: "Home Services",
+			image: "https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=400",
+			location: "Whitefield, Bangalore"
+		},
+		scheduledDate: "2024-01-18",
+		scheduledTime: "09:00 AM",
+		duration: 180,
+		status: "completed",
+		location: {
+			street: "456 Park Avenue",
+			area: "Indiranagar",
+			city: "Bangalore",
+			pincode: "560038"
+		},
+		pricing: {
+			serviceCharge: 1500,
+			convenienceFee: 50,
+			tax: 155,
+			discount: 0,
+			total: 1705
+		},
+		createdAt: "2024-01-15T10:00:00Z",
+		timeline: [
+			{
+				status: "booked",
+				label: "Booking Placed",
+				timestamp: "2024-01-15T10:00:00Z",
+				completed: !0
+			},
+			{
+				status: "confirmed",
+				label: "Booking Confirmed",
+				timestamp: "2024-01-15T10:05:00Z",
+				completed: !0
+			},
+			{
+				status: "in_progress",
+				label: "Service Started",
+				timestamp: "2024-01-18T09:10:00Z",
+				completed: !0
+			},
+			{
+				status: "completed",
+				label: "Service Completed",
+				timestamp: "2024-01-18T12:15:00Z",
+				completed: !0
+			}
+		]
+	},
+	{
+		id: "BK-003",
+		serviceName: "Facial Treatment",
+		serviceDescription: "Deep cleansing facial with natural ingredients for glowing skin",
+		provider: {
+			id: "SERV-002",
+			name: "Glow Beauty Services",
+			phone: "+91-9876543212",
+			rating: 4.7,
+			reviewCount: 180,
+			category: "Personal Care & Beauty",
+			image: "https://images.unsplash.com/photo-1560066984-138dadb4c035?w=400",
+			location: "HSR Layout, Bangalore"
+		},
+		scheduledDate: "2024-01-22",
+		scheduledTime: "02:00 PM",
+		duration: 60,
+		status: "cancelled",
+		location: {
+			street: "789 Lake View",
+			area: "HSR Layout",
+			city: "Bangalore",
+			pincode: "560102"
+		},
+		pricing: {
+			serviceCharge: 800,
+			convenienceFee: 30,
+			tax: 83,
+			discount: 0,
+			total: 913
+		},
+		createdAt: "2024-01-17T16:00:00Z",
+		cancellationReason: "Schedule conflict - need to reschedule",
+		timeline: [
+			{
+				status: "booked",
+				label: "Booking Placed",
+				timestamp: "2024-01-17T16:00:00Z",
+				completed: !0
+			},
+			{
+				status: "confirmed",
+				label: "Booking Confirmed",
+				timestamp: "2024-01-17T16:10:00Z",
+				completed: !0
+			},
+			{
+				status: "cancelled",
+				label: "Booking Cancelled",
+				timestamp: "2024-01-18T09:00:00Z",
+				completed: !0
+			}
+		]
+	}
+], E = (e) => T.find((t) => t.id === e);
+function D() {
+	let { bookingId: T } = S(), { navigateTo: D } = e(), [O, k] = c(null), A = s(() => T ? E(T) : void 0, [T]), j = (e) => {
+		k(e), setTimeout(() => k(null), 3e3);
+	};
+	if (!A) return /* @__PURE__ */ C(n, {
+		title: "Booking Not Found",
+		children: /* @__PURE__ */ C(i, {
+			icon: /* @__PURE__ */ C(f, { className: "h-12 w-12" }),
+			title: "Booking not found",
+			description: `No booking found with ID "${T}".`,
+			action: /* @__PURE__ */ C("button", {
+				type: "button",
+				onClick: () => D("/customer/dashboard"),
+				className: "rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity",
+				children: "Go to Dashboard"
+			})
+		})
+	});
+	let M = A.status === "cancelled", N = A.status === "completed", P = !M && !N;
+	return /* @__PURE__ */ w(n, {
+		title: /* @__PURE__ */ w("div", {
+			className: "flex items-center gap-3",
+			children: [/* @__PURE__ */ C("button", {
+				type: "button",
+				onClick: () => D("/customer/dashboard"),
+				className: "rounded-md p-1 text-muted-foreground hover:bg-accent hover:text-foreground transition-colors",
+				children: /* @__PURE__ */ C(u, { className: "h-5 w-5" })
+			}), /* @__PURE__ */ w("span", { children: ["Booking #", A.id] })]
+		}),
+		actions: /* @__PURE__ */ C(r, { status: A.status }),
+		children: [O && /* @__PURE__ */ w("div", {
+			className: "mb-4 rounded-lg border border-green-500/30 bg-green-500/10 p-3 flex items-center gap-2",
+			children: [/* @__PURE__ */ C(p, { className: "h-4 w-4 text-green-600 dark:text-green-400 shrink-0" }), /* @__PURE__ */ C("p", {
+				className: "text-sm text-green-600 dark:text-green-400",
+				children: O
+			})]
+		}), /* @__PURE__ */ w("div", {
+			className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
+			children: [/* @__PURE__ */ w("div", {
+				className: "lg:col-span-2 space-y-6",
+				children: [
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-6",
+						children: [
+							/* @__PURE__ */ C("h2", {
+								className: "text-lg font-semibold text-foreground",
+								children: A.serviceName
+							}),
+							/* @__PURE__ */ C("p", {
+								className: "mt-1 text-sm text-muted-foreground",
+								children: A.serviceDescription
+							}),
+							/* @__PURE__ */ w("div", {
+								className: "mt-4 flex flex-wrap gap-4 text-sm text-muted-foreground",
+								children: [
+									/* @__PURE__ */ w("div", {
+										className: "flex items-center gap-1.5",
+										children: [/* @__PURE__ */ C(d, { className: "h-4 w-4" }), /* @__PURE__ */ C("span", { children: A.scheduledDate })]
+									}),
+									/* @__PURE__ */ w("div", {
+										className: "flex items-center gap-1.5",
+										children: [/* @__PURE__ */ C(h, { className: "h-4 w-4" }), /* @__PURE__ */ C("span", { children: A.scheduledTime })]
+									}),
+									/* @__PURE__ */ w("div", {
+										className: "flex items-center gap-1.5",
+										children: [/* @__PURE__ */ C(h, { className: "h-4 w-4" }), /* @__PURE__ */ w("span", { children: [A.duration, " min"] })]
+									})
+								]
+							}),
+							A.notes && /* @__PURE__ */ w("div", {
+								className: "mt-4 rounded-md bg-muted p-3",
+								children: [/* @__PURE__ */ C("p", {
+									className: "text-xs text-muted-foreground mb-1",
+									children: "Notes"
+								}), /* @__PURE__ */ C("p", {
+									className: "text-sm text-foreground",
+									children: A.notes
+								})]
+							}),
+							A.cancellationReason && /* @__PURE__ */ w("div", {
+								className: "mt-4 rounded-md bg-red-500/5 border border-red-500/20 p-3",
+								children: [/* @__PURE__ */ w("div", {
+									className: "flex items-center gap-2 mb-1",
+									children: [/* @__PURE__ */ C(l, { className: "h-3.5 w-3.5 text-red-600 dark:text-red-400" }), /* @__PURE__ */ C("p", {
+										className: "text-xs font-medium text-red-600 dark:text-red-400",
+										children: "Cancellation Reason"
+									})]
+								}), /* @__PURE__ */ C("p", {
+									className: "text-sm text-foreground",
+									children: A.cancellationReason
+								})]
+							})
+						]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-6",
+						children: [
+							/* @__PURE__ */ C("h2", {
+								className: "text-base font-semibold text-foreground mb-4",
+								children: "Service Provider"
+							}),
+							/* @__PURE__ */ w("div", {
+								className: "flex items-center gap-4",
+								children: [
+									/* @__PURE__ */ C("div", {
+										className: "flex h-12 w-12 items-center justify-center rounded-full bg-muted text-muted-foreground",
+										children: /* @__PURE__ */ C(y, { className: "h-6 w-6" })
+									}),
+									/* @__PURE__ */ w("div", {
+										className: "flex-1 min-w-0",
+										children: [
+											/* @__PURE__ */ C("p", {
+												className: "text-sm font-semibold text-foreground",
+												children: A.provider.name
+											}),
+											/* @__PURE__ */ C("p", {
+												className: "text-xs text-muted-foreground",
+												children: A.provider.category
+											}),
+											/* @__PURE__ */ w("div", {
+												className: "flex items-center gap-1 mt-1",
+												children: [/* @__PURE__ */ C(b, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }), /* @__PURE__ */ C("span", {
+													className: "text-xs font-medium text-foreground",
+													children: A.provider.rating
+												})]
+											})
+										]
+									}),
+									/* @__PURE__ */ C("a", {
+										href: `tel:${A.provider.phone}`,
+										className: "flex h-10 w-10 items-center justify-center rounded-full bg-muted text-muted-foreground hover:bg-accent hover:text-foreground transition-colors",
+										children: /* @__PURE__ */ C(v, { className: "h-4 w-4" })
+									})
+								]
+							}),
+							/* @__PURE__ */ w("div", {
+								className: "mt-3 flex items-center gap-2 text-sm text-muted-foreground",
+								children: [/* @__PURE__ */ C(v, { className: "h-4 w-4 shrink-0" }), /* @__PURE__ */ C("span", { children: A.provider.phone })]
+							})
+						]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-6",
+						children: [/* @__PURE__ */ C("h2", {
+							className: "text-base font-semibold text-foreground mb-5",
+							children: "Booking Timeline"
+						}), /* @__PURE__ */ C("div", {
+							className: "relative",
+							children: A.timeline.map((e, n) => {
+								let r = n === A.timeline.length - 1, i = e.status === "cancelled", a = i ? x : e.completed ? p : m;
+								return /* @__PURE__ */ w("div", {
+									className: "flex gap-4",
+									children: [/* @__PURE__ */ w("div", {
+										className: "flex flex-col items-center",
+										children: [/* @__PURE__ */ C("div", {
+											className: t("flex h-8 w-8 shrink-0 items-center justify-center rounded-full", i ? "bg-red-500/10 text-red-600 dark:text-red-400" : e.completed ? "bg-green-500/10 text-green-600 dark:text-green-400" : "bg-muted text-muted-foreground"),
+											children: /* @__PURE__ */ C(a, { className: "h-4 w-4" })
+										}), !r && /* @__PURE__ */ C("div", { className: t("w-0.5 flex-1 my-1", e.completed ? "bg-green-500/30" : "bg-border") })]
+									}), /* @__PURE__ */ w("div", {
+										className: t("pb-6", r && "pb-0"),
+										children: [/* @__PURE__ */ C("p", {
+											className: "text-sm font-medium text-foreground",
+											children: e.label
+										}), /* @__PURE__ */ C("p", {
+											className: "mt-0.5 text-xs text-muted-foreground",
+											children: e.timestamp ? o(e.timestamp) : "Pending"
+										})]
+									})]
+								}, `${e.status}-${n}`);
+							})
+						})]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "flex flex-col sm:flex-row gap-3",
+						children: [/* @__PURE__ */ w("button", {
+							type: "button",
+							onClick: () => {
+								j("Support team will contact you shortly.");
+							},
+							className: "flex-1 flex items-center justify-center gap-2 rounded-lg border border-border px-4 py-3 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+							children: [/* @__PURE__ */ C(g, { className: "h-4 w-4" }), "Contact Support"]
+						}), N && /* @__PURE__ */ w("button", {
+							type: "button",
+							onClick: () => {
+								j("Thank you! Rating feature coming soon.");
+							},
+							className: "flex-1 flex items-center justify-center gap-2 rounded-lg bg-foreground px-4 py-3 text-sm font-medium text-background hover:opacity-90 transition-opacity",
+							children: [/* @__PURE__ */ C(b, { className: "h-4 w-4" }), "Rate Service"]
+						})]
+					})
+				]
+			}), /* @__PURE__ */ w("div", {
+				className: "space-y-6",
+				children: [
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-5",
+						children: [
+							/* @__PURE__ */ C("h3", {
+								className: "text-base font-semibold text-foreground mb-3",
+								children: "Cart Information"
+							}),
+							/* @__PURE__ */ w("div", {
+								className: "flex items-center gap-3 mb-4",
+								children: [/* @__PURE__ */ C("img", {
+									src: A.provider.image,
+									alt: A.provider.name,
+									className: "h-14 w-14 rounded-lg object-cover"
+								}), /* @__PURE__ */ w("div", {
+									className: "min-w-0",
+									children: [
+										/* @__PURE__ */ C("p", {
+											className: "text-sm font-semibold text-foreground",
+											children: A.provider.name
+										}),
+										/* @__PURE__ */ C("p", {
+											className: "text-xs text-muted-foreground",
+											children: A.provider.category
+										}),
+										/* @__PURE__ */ w("div", {
+											className: "flex items-center gap-1 mt-0.5",
+											children: [
+												/* @__PURE__ */ C(b, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }),
+												/* @__PURE__ */ C("span", {
+													className: "text-xs font-medium text-foreground",
+													children: A.provider.rating
+												}),
+												/* @__PURE__ */ w("span", {
+													className: "text-xs text-muted-foreground",
+													children: [
+														"(",
+														A.provider.reviewCount,
+														")"
+													]
+												})
+											]
+										})
+									]
+								})]
+							}),
+							/* @__PURE__ */ C("div", {
+								className: "space-y-2 text-sm mb-4",
+								children: /* @__PURE__ */ w("div", {
+									className: "flex items-start gap-2",
+									children: [/* @__PURE__ */ C(_, { className: "h-4 w-4 text-muted-foreground shrink-0 mt-0.5" }), /* @__PURE__ */ C("span", {
+										className: "text-muted-foreground",
+										children: A.provider.location
+									})]
+								})
+							}),
+							/* @__PURE__ */ C("button", {
+								type: "button",
+								onClick: () => D(`/customer/carts/${A.provider.id}`),
+								className: "w-full rounded-lg border border-border px-4 py-2.5 text-sm font-medium text-foreground hover:bg-accent transition-colors",
+								children: "View Cart Menu"
+							})
+						]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-5",
+						children: [/* @__PURE__ */ C("h3", {
+							className: "text-base font-semibold text-foreground mb-3",
+							children: "Service Location"
+						}), /* @__PURE__ */ w("div", {
+							className: "flex items-start gap-3",
+							children: [/* @__PURE__ */ C(_, { className: "mt-0.5 h-5 w-5 shrink-0 text-muted-foreground" }), /* @__PURE__ */ w("div", { children: [
+								/* @__PURE__ */ C("p", {
+									className: "text-sm text-foreground",
+									children: A.location.street
+								}),
+								/* @__PURE__ */ w("p", {
+									className: "text-sm text-muted-foreground",
+									children: [
+										A.location.area,
+										", ",
+										A.location.city,
+										" - ",
+										A.location.pincode
+									]
+								}),
+								A.location.landmark && /* @__PURE__ */ w("p", {
+									className: "text-xs text-muted-foreground mt-1",
+									children: ["Landmark: ", A.location.landmark]
+								})
+							] })]
+						})]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-5",
+						children: [/* @__PURE__ */ C("h3", {
+							className: "text-base font-semibold text-foreground mb-3",
+							children: "Price Breakdown"
+						}), /* @__PURE__ */ w("div", {
+							className: "space-y-2.5 text-sm",
+							children: [
+								/* @__PURE__ */ w("div", {
+									className: "flex justify-between",
+									children: [/* @__PURE__ */ C("span", {
+										className: "text-muted-foreground",
+										children: "Service Charge"
+									}), /* @__PURE__ */ C("span", {
+										className: "text-foreground",
+										children: a(A.pricing.serviceCharge, { minimumFractionDigits: 0 })
+									})]
+								}),
+								/* @__PURE__ */ w("div", {
+									className: "flex justify-between",
+									children: [/* @__PURE__ */ C("span", {
+										className: "text-muted-foreground",
+										children: "Convenience Fee"
+									}), /* @__PURE__ */ C("span", {
+										className: "text-foreground",
+										children: a(A.pricing.convenienceFee, { minimumFractionDigits: 0 })
+									})]
+								}),
+								/* @__PURE__ */ w("div", {
+									className: "flex justify-between",
+									children: [/* @__PURE__ */ C("span", {
+										className: "text-muted-foreground",
+										children: "Tax"
+									}), /* @__PURE__ */ C("span", {
+										className: "text-foreground",
+										children: a(A.pricing.tax, { minimumFractionDigits: 0 })
+									})]
+								}),
+								A.pricing.discount > 0 && /* @__PURE__ */ w("div", {
+									className: "flex justify-between",
+									children: [/* @__PURE__ */ C("span", {
+										className: "text-green-600 dark:text-green-400",
+										children: "Discount"
+									}), /* @__PURE__ */ w("span", {
+										className: "text-green-600 dark:text-green-400",
+										children: ["-", a(A.pricing.discount, { minimumFractionDigits: 0 })]
+									})]
+								}),
+								/* @__PURE__ */ w("div", {
+									className: "flex justify-between border-t border-border pt-2.5",
+									children: [/* @__PURE__ */ C("span", {
+										className: "font-semibold text-foreground",
+										children: "Total"
+									}), /* @__PURE__ */ C("span", {
+										className: "font-bold text-foreground",
+										children: a(A.pricing.total, { minimumFractionDigits: 0 })
+									})]
+								})
+							]
+						})]
+					}),
+					/* @__PURE__ */ w("div", {
+						className: "rounded-lg border border-border bg-card p-5",
+						children: [/* @__PURE__ */ C("h3", {
+							className: "text-base font-semibold text-foreground mb-3",
+							children: "Booking Info"
+						}), /* @__PURE__ */ w("div", {
+							className: "space-y-3",
+							children: [
+								/* @__PURE__ */ w("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ C(f, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										className: "text-xs text-muted-foreground",
+										children: "Booked On"
+									}), /* @__PURE__ */ C("p", {
+										className: "text-sm text-foreground",
+										children: o(A.createdAt)
+									})] })]
+								}),
+								/* @__PURE__ */ w("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ C(d, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										className: "text-xs text-muted-foreground",
+										children: "Scheduled"
+									}), /* @__PURE__ */ w("p", {
+										className: "text-sm text-foreground",
+										children: [
+											A.scheduledDate,
+											" at ",
+											A.scheduledTime
+										]
+									})] })]
+								}),
+								/* @__PURE__ */ w("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ C(h, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+										className: "text-xs text-muted-foreground",
+										children: "Duration"
+									}), /* @__PURE__ */ w("p", {
+										className: "text-sm text-foreground",
+										children: [A.duration, " minutes"]
+									})] })]
+								})
+							]
+						})]
+					}),
+					P && /* @__PURE__ */ w("button", {
+						type: "button",
+						className: "w-full inline-flex items-center justify-center gap-2 rounded-lg border border-red-500/30 bg-red-500/5 px-4 py-3 text-sm font-medium text-red-600 dark:text-red-400 hover:bg-red-500/10 transition-colors",
+						children: [/* @__PURE__ */ C(x, { className: "h-4 w-4" }), "Cancel Booking"]
+					})
+				]
+			})]
+		})]
+	});
+}
+//#endregion
+export { D as BookingDetailsPage };
+
+//# sourceMappingURL=BookingDetailsPage.js.map

package/dist/adaptercloud/pages/customer/BookingDetailsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BookingDetailsPage.js","names":[],"sources":["../../../../src/adaptercloud/pages/customer/BookingDetailsPage.tsx"],"sourcesContent":["/**\n * Booking Details Page\n * @module adaptercloud/pages/customer\n *\n * Detailed view of a service booking with service name, provider info,\n * scheduled date/time, booking status timeline, location info,\n * price breakdown, Contact Support button, Rate Service button (when completed),\n * Cart Information sidebar, cancel button.\n * Uses route param :bookingId from useParams().\n */\n\nimport { useMemo, useState } from 'react';\nimport { useParams } from 'react-router-dom';\nimport {\n  ArrowLeft,\n  Calendar,\n  Clock,\n  MapPin,\n  Phone,\n  Star,\n  CheckCircle2,\n  Circle,\n  XCircle,\n  ShoppingBag,\n  CalendarCheck,\n  AlertTriangle,\n  Headphones,\n  MessageSquare,\n  IndianRupee,\n} from 'lucide-react';\nimport { PageLayout } from '../../components/PageLayout';\nimport { StatusBadge } from '../../components/StatusBadge';\nimport { EmptyState } from '../../components/EmptyState';\nimport { useAdapterCloud } from '../../context/AdapterCloudContext';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency, formatDate } from '../../utils/formatters';\n\n// ============================================================================\n// Types\n// ============================================================================\n\ntype BookingStatus = 'confirmed' | 'in_progress' | 'completed' | 'cancelled';\n\ninterface BookingTimelineEvent {\n  status: string;\n  label: string;\n  timestamp: string | null;\n  completed: boolean;\n}\n\ninterface MockBooking {\n  id: string;\n  serviceName: string;\n  serviceDescription: string;\n  provider: {\n    id: string;\n    name: string;\n    phone: string;\n    rating: number;\n    reviewCount: number;\n    category: string;\n    image: string;\n    location: string;\n  };\n  scheduledDate: string;\n  scheduledTime: string;\n  duration: number;\n  status: BookingStatus;\n  location: {\n    street: string;\n    area: string;\n    city: string;\n    pincode: string;\n    landmark?: string;\n  };\n  pricing: {\n    serviceCharge: number;\n    convenienceFee: number;\n    tax: number;\n    discount: number;\n    total: number;\n  };\n  createdAt: string;\n  notes?: string;\n  cancellationReason?: string;\n  timeline: BookingTimelineEvent[];\n}\n\n// ============================================================================\n// Mock Data\n// ============================================================================\n\nconst mockBookings: MockBooking[] = [\n  {\n    id: 'BK-001',\n    serviceName: \"Men's Haircut + Beard Trim\",\n    serviceDescription: 'Professional haircut and beard grooming service at your doorstep',\n    provider: {\n      id: 'SERV-001',\n      name: 'Quick Cuts Salon',\n      phone: '+91-9876543210',\n      rating: 4.6,\n      reviewCount: 248,\n      category: 'Personal Care & Beauty',\n      image: 'https://images.unsplash.com/photo-1562322140-8baeececf3df?w=400',\n      location: 'Indiranagar, Bangalore',\n    },\n    scheduledDate: '2024-01-20',\n    scheduledTime: '10:00 AM',\n    duration: 50,\n    status: 'confirmed',\n    location: {\n      street: '123 Main Street',\n      area: 'Koramangala',\n      city: 'Bangalore',\n      pincode: '560034',\n      landmark: 'Near Metro Station',\n    },\n    pricing: {\n      serviceCharge: 450,\n      convenienceFee: 30,\n      tax: 48,\n      discount: 50,\n      total: 478,\n    },\n    createdAt: '2024-01-16T14:30:00Z',\n    notes: 'Please bring your own equipment',\n    timeline: [\n      {\n        status: 'booked',\n        label: 'Booking Placed',\n        timestamp: '2024-01-16T14:30:00Z',\n        completed: true,\n      },\n      {\n        status: 'confirmed',\n        label: 'Booking Confirmed',\n        timestamp: '2024-01-16T14:35:00Z',\n        completed: true,\n      },\n      { status: 'in_progress', label: 'Service Started', timestamp: null, completed: false },\n      { status: 'completed', label: 'Service Completed', timestamp: null, completed: false },\n    ],\n  },\n  {\n    id: 'BK-002',\n    serviceName: 'Deep House Cleaning',\n    serviceDescription:\n      'Complete house cleaning service including kitchen, bathrooms, and living areas',\n    provider: {\n      id: 'SERV-005',\n      name: 'Spotless Cleaning Services',\n      phone: '+91-9876543215',\n      rating: 4.8,\n      reviewCount: 312,\n      category: 'Home Services',\n      image: 'https://images.unsplash.com/photo-1558618666-fcd25c85cd64?w=400',\n      location: 'Whitefield, Bangalore',\n    },\n    scheduledDate: '2024-01-18',\n    scheduledTime: '09:00 AM',\n    duration: 180,\n    status: 'completed',\n    location: {\n      street: '456 Park Avenue',\n      area: 'Indiranagar',\n      city: 'Bangalore',\n      pincode: '560038',\n    },\n    pricing: {\n      serviceCharge: 1500,\n      convenienceFee: 50,\n      tax: 155,\n      discount: 0,\n      total: 1705,\n    },\n    createdAt: '2024-01-15T10:00:00Z',\n    timeline: [\n      {\n        status: 'booked',\n        label: 'Booking Placed',\n        timestamp: '2024-01-15T10:00:00Z',\n        completed: true,\n      },\n      {\n        status: 'confirmed',\n        label: 'Booking Confirmed',\n        timestamp: '2024-01-15T10:05:00Z',\n        completed: true,\n      },\n      {\n        status: 'in_progress',\n        label: 'Service Started',\n        timestamp: '2024-01-18T09:10:00Z',\n        completed: true,\n      },\n      {\n        status: 'completed',\n        label: 'Service Completed',\n        timestamp: '2024-01-18T12:15:00Z',\n        completed: true,\n      },\n    ],\n  },\n  {\n    id: 'BK-003',\n    serviceName: 'Facial Treatment',\n    serviceDescription: 'Deep cleansing facial with natural ingredients for glowing skin',\n    provider: {\n      id: 'SERV-002',\n      name: 'Glow Beauty Services',\n      phone: '+91-9876543212',\n      rating: 4.7,\n      reviewCount: 180,\n      category: 'Personal Care & Beauty',\n      image: 'https://images.unsplash.com/photo-1560066984-138dadb4c035?w=400',\n      location: 'HSR Layout, Bangalore',\n    },\n    scheduledDate: '2024-01-22',\n    scheduledTime: '02:00 PM',\n    duration: 60,\n    status: 'cancelled',\n    location: {\n      street: '789 Lake View',\n      area: 'HSR Layout',\n      city: 'Bangalore',\n      pincode: '560102',\n    },\n    pricing: {\n      serviceCharge: 800,\n      convenienceFee: 30,\n      tax: 83,\n      discount: 0,\n      total: 913,\n    },\n    createdAt: '2024-01-17T16:00:00Z',\n    cancellationReason: 'Schedule conflict - need to reschedule',\n    timeline: [\n      {\n        status: 'booked',\n        label: 'Booking Placed',\n        timestamp: '2024-01-17T16:00:00Z',\n        completed: true,\n      },\n      {\n        status: 'confirmed',\n        label: 'Booking Confirmed',\n        timestamp: '2024-01-17T16:10:00Z',\n        completed: true,\n      },\n      {\n        status: 'cancelled',\n        label: 'Booking Cancelled',\n        timestamp: '2024-01-18T09:00:00Z',\n        completed: true,\n      },\n    ],\n  },\n];\n\nconst getBookingById = (bookingId: string): MockBooking | undefined =>\n  mockBookings.find((b) => b.id === bookingId);\n\n// ============================================================================\n// Component\n// ============================================================================\n\nexport function BookingDetailsPage() {\n  const { bookingId } = useParams<{ bookingId: string }>();\n  const { navigateTo } = useAdapterCloud();\n  const [statusMessage, setStatusMessage] = useState<string | null>(null);\n\n  const booking = useMemo(() => (bookingId ? getBookingById(bookingId) : undefined), [bookingId]);\n\n  const showStatus = (msg: string) => {\n    setStatusMessage(msg);\n    setTimeout(() => setStatusMessage(null), 3000);\n  };\n\n  if (!booking) {\n    return (\n      <PageLayout title=\"Booking Not Found\">\n        <EmptyState\n          icon={<CalendarCheck className=\"h-12 w-12\" />}\n          title=\"Booking not found\"\n          description={`No booking found with ID \"${bookingId}\".`}\n          action={\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/customer/dashboard')}\n              className=\"rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n            >\n              Go to Dashboard\n            </button>\n          }\n        />\n      </PageLayout>\n    );\n  }\n\n  const isCancelled = booking.status === 'cancelled';\n  const isCompleted = booking.status === 'completed';\n  const canCancel = !isCancelled && !isCompleted;\n\n  const handleContactSupport = () => {\n    showStatus('Support team will contact you shortly.');\n  };\n\n  const handleRateService = () => {\n    showStatus('Thank you! Rating feature coming soon.');\n  };\n\n  return (\n    <PageLayout\n      title={\n        <div className=\"flex items-center gap-3\">\n          <button\n            type=\"button\"\n            onClick={() => navigateTo('/customer/dashboard')}\n            className=\"rounded-md p-1 text-muted-foreground hover:bg-accent hover:text-foreground transition-colors\"\n          >\n            <ArrowLeft className=\"h-5 w-5\" />\n          </button>\n          <span>Booking #{booking.id}</span>\n        </div>\n      }\n      actions={<StatusBadge status={booking.status} />}\n    >\n      {/* Status message */}\n      {statusMessage && (\n        <div className=\"mb-4 rounded-lg border border-green-500/30 bg-green-500/10 p-3 flex items-center gap-2\">\n          <CheckCircle2 className=\"h-4 w-4 text-green-600 dark:text-green-400 shrink-0\" />\n          <p className=\"text-sm text-green-600 dark:text-green-400\">{statusMessage}</p>\n        </div>\n      )}\n\n      <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-3\">\n        {/* Left: Main Content */}\n        <div className=\"lg:col-span-2 space-y-6\">\n          {/* Service Info */}\n          <div className=\"rounded-lg border border-border bg-card p-6\">\n            <h2 className=\"text-lg font-semibold text-foreground\">{booking.serviceName}</h2>\n            <p className=\"mt-1 text-sm text-muted-foreground\">{booking.serviceDescription}</p>\n\n            <div className=\"mt-4 flex flex-wrap gap-4 text-sm text-muted-foreground\">\n              <div className=\"flex items-center gap-1.5\">\n                <Calendar className=\"h-4 w-4\" />\n                <span>{booking.scheduledDate}</span>\n              </div>\n              <div className=\"flex items-center gap-1.5\">\n                <Clock className=\"h-4 w-4\" />\n                <span>{booking.scheduledTime}</span>\n              </div>\n              <div className=\"flex items-center gap-1.5\">\n                <Clock className=\"h-4 w-4\" />\n                <span>{booking.duration} min</span>\n              </div>\n            </div>\n\n            {booking.notes && (\n              <div className=\"mt-4 rounded-md bg-muted p-3\">\n                <p className=\"text-xs text-muted-foreground mb-1\">Notes</p>\n                <p className=\"text-sm text-foreground\">{booking.notes}</p>\n              </div>\n            )}\n\n            {booking.cancellationReason && (\n              <div className=\"mt-4 rounded-md bg-red-500/5 border border-red-500/20 p-3\">\n                <div className=\"flex items-center gap-2 mb-1\">\n                  <AlertTriangle className=\"h-3.5 w-3.5 text-red-600 dark:text-red-400\" />\n                  <p className=\"text-xs font-medium text-red-600 dark:text-red-400\">\n                    Cancellation Reason\n                  </p>\n                </div>\n                <p className=\"text-sm text-foreground\">{booking.cancellationReason}</p>\n              </div>\n            )}\n          </div>\n\n          {/* Provider Info */}\n          <div className=\"rounded-lg border border-border bg-card p-6\">\n            <h2 className=\"text-base font-semibold text-foreground mb-4\">Service Provider</h2>\n            <div className=\"flex items-center gap-4\">\n              <div className=\"flex h-12 w-12 items-center justify-center rounded-full bg-muted text-muted-foreground\">\n                <ShoppingBag className=\"h-6 w-6\" />\n              </div>\n              <div className=\"flex-1 min-w-0\">\n                <p className=\"text-sm font-semibold text-foreground\">{booking.provider.name}</p>\n                <p className=\"text-xs text-muted-foreground\">{booking.provider.category}</p>\n                <div className=\"flex items-center gap-1 mt-1\">\n                  <Star className=\"h-3 w-3 fill-yellow-400 text-yellow-400\" />\n                  <span className=\"text-xs font-medium text-foreground\">\n                    {booking.provider.rating}\n                  </span>\n                </div>\n              </div>\n              <a\n                href={`tel:${booking.provider.phone}`}\n                className=\"flex h-10 w-10 items-center justify-center rounded-full bg-muted text-muted-foreground hover:bg-accent hover:text-foreground transition-colors\"\n              >\n                <Phone className=\"h-4 w-4\" />\n              </a>\n            </div>\n            <div className=\"mt-3 flex items-center gap-2 text-sm text-muted-foreground\">\n              <Phone className=\"h-4 w-4 shrink-0\" />\n              <span>{booking.provider.phone}</span>\n            </div>\n          </div>\n\n          {/* Booking Status Timeline */}\n          <div className=\"rounded-lg border border-border bg-card p-6\">\n            <h2 className=\"text-base font-semibold text-foreground mb-5\">Booking Timeline</h2>\n            <div className=\"relative\">\n              {booking.timeline.map((event, index) => {\n                const isLast = index === booking.timeline.length - 1;\n                const isCancelledEvent = event.status === 'cancelled';\n                const Icon = isCancelledEvent ? XCircle : event.completed ? CheckCircle2 : Circle;\n\n                return (\n                  <div key={`${event.status}-${index}`} className=\"flex gap-4\">\n                    <div className=\"flex flex-col items-center\">\n                      <div\n                        className={cn(\n                          'flex h-8 w-8 shrink-0 items-center justify-center rounded-full',\n                          isCancelledEvent\n                            ? 'bg-red-500/10 text-red-600 dark:text-red-400'\n                            : event.completed\n                              ? 'bg-green-500/10 text-green-600 dark:text-green-400'\n                              : 'bg-muted text-muted-foreground'\n                        )}\n                      >\n                        <Icon className=\"h-4 w-4\" />\n                      </div>\n                      {!isLast && (\n                        <div\n                          className={cn(\n                            'w-0.5 flex-1 my-1',\n                            event.completed ? 'bg-green-500/30' : 'bg-border'\n                          )}\n                        />\n                      )}\n                    </div>\n                    <div className={cn('pb-6', isLast && 'pb-0')}>\n                      <p className=\"text-sm font-medium text-foreground\">{event.label}</p>\n                      <p className=\"mt-0.5 text-xs text-muted-foreground\">\n                        {event.timestamp ? formatDate(event.timestamp) : 'Pending'}\n                      </p>\n                    </div>\n                  </div>\n                );\n              })}\n            </div>\n          </div>\n\n          {/* Action Buttons: Contact Support + Rate Service */}\n          <div className=\"flex flex-col sm:flex-row gap-3\">\n            <button\n              type=\"button\"\n              onClick={handleContactSupport}\n              className=\"flex-1 flex items-center justify-center gap-2 rounded-lg border border-border px-4 py-3 text-sm font-medium text-foreground hover:bg-accent transition-colors\"\n            >\n              <Headphones className=\"h-4 w-4\" />\n              Contact Support\n            </button>\n\n            {isCompleted && (\n              <button\n                type=\"button\"\n                onClick={handleRateService}\n                className=\"flex-1 flex items-center justify-center gap-2 rounded-lg bg-foreground px-4 py-3 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n              >\n                <Star className=\"h-4 w-4\" />\n                Rate Service\n              </button>\n            )}\n          </div>\n        </div>\n\n        {/* Right: Sidebar */}\n        <div className=\"space-y-6\">\n          {/* Cart Information */}\n          <div className=\"rounded-lg border border-border bg-card p-5\">\n            <h3 className=\"text-base font-semibold text-foreground mb-3\">Cart Information</h3>\n            <div className=\"flex items-center gap-3 mb-4\">\n              <img\n                src={booking.provider.image}\n                alt={booking.provider.name}\n                className=\"h-14 w-14 rounded-lg object-cover\"\n              />\n              <div className=\"min-w-0\">\n                <p className=\"text-sm font-semibold text-foreground\">{booking.provider.name}</p>\n                <p className=\"text-xs text-muted-foreground\">{booking.provider.category}</p>\n                <div className=\"flex items-center gap-1 mt-0.5\">\n                  <Star className=\"h-3 w-3 fill-yellow-400 text-yellow-400\" />\n                  <span className=\"text-xs font-medium text-foreground\">\n                    {booking.provider.rating}\n                  </span>\n                  <span className=\"text-xs text-muted-foreground\">\n                    ({booking.provider.reviewCount})\n                  </span>\n                </div>\n              </div>\n            </div>\n\n            <div className=\"space-y-2 text-sm mb-4\">\n              <div className=\"flex items-start gap-2\">\n                <MapPin className=\"h-4 w-4 text-muted-foreground shrink-0 mt-0.5\" />\n                <span className=\"text-muted-foreground\">{booking.provider.location}</span>\n              </div>\n            </div>\n\n            <button\n              type=\"button\"\n              onClick={() => navigateTo(`/customer/carts/${booking.provider.id}`)}\n              className=\"w-full rounded-lg border border-border px-4 py-2.5 text-sm font-medium text-foreground hover:bg-accent transition-colors\"\n            >\n              View Cart Menu\n            </button>\n          </div>\n\n          {/* Location Info */}\n          <div className=\"rounded-lg border border-border bg-card p-5\">\n            <h3 className=\"text-base font-semibold text-foreground mb-3\">Service Location</h3>\n            <div className=\"flex items-start gap-3\">\n              <MapPin className=\"mt-0.5 h-5 w-5 shrink-0 text-muted-foreground\" />\n              <div>\n                <p className=\"text-sm text-foreground\">{booking.location.street}</p>\n                <p className=\"text-sm text-muted-foreground\">\n                  {booking.location.area}, {booking.location.city} - {booking.location.pincode}\n                </p>\n                {booking.location.landmark && (\n                  <p className=\"text-xs text-muted-foreground mt-1\">\n                    Landmark: {booking.location.landmark}\n                  </p>\n                )}\n              </div>\n            </div>\n          </div>\n\n          {/* Price Breakdown */}\n          <div className=\"rounded-lg border border-border bg-card p-5\">\n            <h3 className=\"text-base font-semibold text-foreground mb-3\">Price Breakdown</h3>\n            <div className=\"space-y-2.5 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Service Charge</span>\n                <span className=\"text-foreground\">\n                  {formatCurrency(booking.pricing.serviceCharge, { minimumFractionDigits: 0 })}\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Convenience Fee</span>\n                <span className=\"text-foreground\">\n                  {formatCurrency(booking.pricing.convenienceFee, { minimumFractionDigits: 0 })}\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Tax</span>\n                <span className=\"text-foreground\">\n                  {formatCurrency(booking.pricing.tax, { minimumFractionDigits: 0 })}\n                </span>\n              </div>\n              {booking.pricing.discount > 0 && (\n                <div className=\"flex justify-between\">\n                  <span className=\"text-green-600 dark:text-green-400\">Discount</span>\n                  <span className=\"text-green-600 dark:text-green-400\">\n                    -{formatCurrency(booking.pricing.discount, { minimumFractionDigits: 0 })}\n                  </span>\n                </div>\n              )}\n              <div className=\"flex justify-between border-t border-border pt-2.5\">\n                <span className=\"font-semibold text-foreground\">Total</span>\n                <span className=\"font-bold text-foreground\">\n                  {formatCurrency(booking.pricing.total, { minimumFractionDigits: 0 })}\n                </span>\n              </div>\n            </div>\n          </div>\n\n          {/* Booking Info */}\n          <div className=\"rounded-lg border border-border bg-card p-5\">\n            <h3 className=\"text-base font-semibold text-foreground mb-3\">Booking Info</h3>\n            <div className=\"space-y-3\">\n              <div className=\"flex items-center gap-2\">\n                <CalendarCheck className=\"h-4 w-4 text-muted-foreground\" />\n                <div>\n                  <p className=\"text-xs text-muted-foreground\">Booked On</p>\n                  <p className=\"text-sm text-foreground\">{formatDate(booking.createdAt)}</p>\n                </div>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n                <div>\n                  <p className=\"text-xs text-muted-foreground\">Scheduled</p>\n                  <p className=\"text-sm text-foreground\">\n                    {booking.scheduledDate} at {booking.scheduledTime}\n                  </p>\n                </div>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <Clock className=\"h-4 w-4 text-muted-foreground\" />\n                <div>\n                  <p className=\"text-xs text-muted-foreground\">Duration</p>\n                  <p className=\"text-sm text-foreground\">{booking.duration} minutes</p>\n                </div>\n              </div>\n            </div>\n          </div>\n\n          {/* Cancel Button */}\n          {canCancel && (\n            <button\n              type=\"button\"\n              className=\"w-full inline-flex items-center justify-center gap-2 rounded-lg border border-red-500/30 bg-red-500/5 px-4 py-3 text-sm font-medium text-red-600 dark:text-red-400 hover:bg-red-500/10 transition-colors\"\n            >\n              <XCircle className=\"h-4 w-4\" />\n              Cancel Booking\n            </button>\n          )}\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}