@burdenoff/microfe-adaptercloud 2026.624.1 → 2026.625.2

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

@@ -8,8 +8,9 @@ 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";
+import { EmphasisPanel as T } from "@burdenoff/fe-libs/ui";
 //#region src/adaptercloud/pages/customer/BookingDetailsPage.tsx
-var T = [
+var E = [
 	{
 		id: "BK-001",
 		serviceName: "Men's Haircut + Beard Trim",
@@ -184,103 +185,105 @@ var T = [
 			}
 		]
 	}
-], 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);
+], D = (e) => E.find((t) => t.id === e);
+function O() {
+	let { bookingId: E } = S(), { navigateTo: O } = e(), [k, A] = c(null), j = s(() => E ? D(E) : void 0, [E]), M = (e) => {
+		A(e), setTimeout(() => A(null), 3e3);
 	};
-	if (!A) return /* @__PURE__ */ C(n, {
+	if (!j) return /* @__PURE__ */ C(n, {
 		title: "Booking Not Found",
 		children: /* @__PURE__ */ C(i, {
+			illustration: "empty-generic",
 			icon: /* @__PURE__ */ C(f, { className: "h-12 w-12" }),
 			title: "Booking not found",
-			description: `No booking found with ID "${T}".`,
+			description: `No booking found with ID"${E}".`,
 			action: /* @__PURE__ */ C("button", {
 				type: "button",
-				onClick: () => D("/customer/dashboard"),
+				onClick: () => O("/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;
+	let N = j.status === "cancelled", P = j.status === "completed", F = !N && !P;
 	return /* @__PURE__ */ w(n, {
 		title: /* @__PURE__ */ w("div", {
 			className: "flex items-center gap-3",
 			children: [/* @__PURE__ */ C("button", {
 				type: "button",
-				onClick: () => D("/customer/dashboard"),
+				onClick: () => O("/customer/dashboard"),
 				className: "rounded-md p-1 text-text-secondary hover:bg-accent hover:text-text-primary transition-colors",
 				children: /* @__PURE__ */ C(u, { className: "h-5 w-5" })
-			}), /* @__PURE__ */ w("span", { children: ["Booking #", A.id] })]
+			}), /* @__PURE__ */ w("span", { children: ["Booking #", j.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
+		purpose: "Everything about this service booking in one place — the service, schedule, and price, the cart you booked with, and the actions you can take such as rescheduling, contacting the provider, or cancelling.",
+		actions: /* @__PURE__ */ C(r, { status: j.status }),
+		children: [k && /* @__PURE__ */ w("div", {
+			className: "mb-4 rounded-lg border border-status-success-border/30 bg-status-success-bg-subtle/10 p-3 flex items-center gap-2",
+			children: [/* @__PURE__ */ C(p, { className: "h-4 w-4 text-status-success-text shrink-0" }), /* @__PURE__ */ C("p", {
+				className: "text-sm text-status-success-text",
+				children: k
 			})]
 		}), /* @__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-subtle bg-bg-surface p-6",
+					/* @__PURE__ */ w(T, {
+						className: "p-6",
 						children: [
 							/* @__PURE__ */ C("h2", {
 								className: "text-lg font-semibold text-text-primary",
-								children: A.serviceName
+								children: j.serviceName
 							}),
 							/* @__PURE__ */ C("p", {
 								className: "mt-1 text-sm text-text-secondary",
-								children: A.serviceDescription
+								children: j.serviceDescription
 							}),
 							/* @__PURE__ */ w("div", {
 								className: "mt-4 flex flex-wrap gap-4 text-sm text-text-secondary",
 								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 })]
+										children: [/* @__PURE__ */ C(d, { className: "h-4 w-4" }), /* @__PURE__ */ C("span", { children: j.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 })]
+										children: [/* @__PURE__ */ C(h, { className: "h-4 w-4" }), /* @__PURE__ */ C("span", { children: j.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"] })]
+										children: [/* @__PURE__ */ C(h, { className: "h-4 w-4" }), /* @__PURE__ */ w("span", { children: [j.duration, " min"] })]
 									})
 								]
 							}),
-							A.notes && /* @__PURE__ */ w("div", {
+							j.notes && /* @__PURE__ */ w("div", {
 								className: "mt-4 rounded-md bg-bg-sunken p-3",
 								children: [/* @__PURE__ */ C("p", {
 									className: "text-xs text-text-secondary mb-1",
 									children: "Notes"
 								}), /* @__PURE__ */ C("p", {
 									className: "text-sm text-text-primary",
-									children: A.notes
+									children: j.notes
 								})]
 							}),
-							A.cancellationReason && /* @__PURE__ */ w("div", {
-								className: "mt-4 rounded-md bg-red-500/5 border border-red-500/20 p-3",
+							j.cancellationReason && /* @__PURE__ */ w("div", {
+								className: "mt-4 rounded-md bg-status-error-bg-subtle/5 border border-status-error-border/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: [/* @__PURE__ */ C(l, { className: "h-3.5 w-3.5 text-status-error-text" }), /* @__PURE__ */ C("p", {
+										className: "text-xs font-medium text-status-error-text",
 										children: "Cancellation Reason"
 									})]
 								}), /* @__PURE__ */ C("p", {
 									className: "text-sm text-text-primary",
-									children: A.cancellationReason
+									children: j.cancellationReason
 								})]
 							})
 						]
 					}),
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 						children: [
 							/* @__PURE__ */ C("h2", {
 								className: "text-base font-semibold text-text-primary mb-4",
@@ -298,23 +301,23 @@ function D() {
 										children: [
 											/* @__PURE__ */ C("p", {
 												className: "text-sm font-semibold text-text-primary",
-												children: A.provider.name
+												children: j.provider.name
 											}),
 											/* @__PURE__ */ C("p", {
 												className: "text-xs text-text-secondary",
-												children: A.provider.category
+												children: j.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", {
+												children: [/* @__PURE__ */ C(b, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), /* @__PURE__ */ C("span", {
 													className: "text-xs font-medium text-text-primary",
-													children: A.provider.rating
+													children: j.provider.rating
 												})]
 											})
 										]
 									}),
 									/* @__PURE__ */ C("a", {
-										href: `tel:${A.provider.phone}`,
+										href: `tel:${j.provider.phone}`,
 										className: "flex h-10 w-10 items-center justify-center rounded-full bg-bg-sunken text-text-secondary hover:bg-accent hover:text-text-primary transition-colors",
 										children: /* @__PURE__ */ C(v, { className: "h-4 w-4" })
 									})
@@ -322,27 +325,27 @@ function D() {
 							}),
 							/* @__PURE__ */ w("div", {
 								className: "mt-3 flex items-center gap-2 text-sm text-text-secondary",
-								children: [/* @__PURE__ */ C(v, { className: "h-4 w-4 shrink-0" }), /* @__PURE__ */ C("span", { children: A.provider.phone })]
+								children: [/* @__PURE__ */ C(v, { className: "h-4 w-4 shrink-0" }), /* @__PURE__ */ C("span", { children: j.provider.phone })]
 							})
 						]
 					}),
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop",
 						children: [/* @__PURE__ */ C("h2", {
 							className: "text-base font-semibold text-text-primary 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;
+							children: j.timeline.map((e, n) => {
+								let r = n === j.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-bg-sunken text-text-secondary"),
+											className: t("flex h-8 w-8 shrink-0 items-center justify-center rounded-full", i ? "bg-status-error-bg-subtle/10 text-status-error-text" : e.completed ? "bg-status-success-bg-subtle/10 text-status-success-text" : "bg-bg-sunken text-text-secondary"),
 											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") })]
+										}), !r && /* @__PURE__ */ C("div", { className: t("w-0.5 flex-1 my-1", e.completed ? "bg-status-success-bg-subtle/30" : "bg-border") })]
 									}), /* @__PURE__ */ w("div", {
 										className: t("pb-6", r && "pb-0"),
 										children: [/* @__PURE__ */ C("p", {
@@ -362,14 +365,14 @@ function D() {
 						children: [/* @__PURE__ */ w("button", {
 							type: "button",
 							onClick: () => {
-								j("Support team will contact you shortly.");
+								M("Support team will contact you shortly.");
 							},
 							className: "flex-1 flex items-center justify-center gap-2 rounded-lg border border-border-subtle px-4 py-3 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 							children: [/* @__PURE__ */ C(g, { className: "h-4 w-4" }), "Contact Support"]
-						}), N && /* @__PURE__ */ w("button", {
+						}), P && /* @__PURE__ */ w("button", {
 							type: "button",
 							onClick: () => {
-								j("Thank you! Rating feature coming soon.");
+								M("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"]
@@ -380,7 +383,7 @@ function D() {
 				className: "space-y-6",
 				children: [
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 						children: [
 							/* @__PURE__ */ C("h3", {
 								className: "text-base font-semibold text-text-primary mb-3",
@@ -389,33 +392,33 @@ function D() {
 							/* @__PURE__ */ w("div", {
 								className: "flex items-center gap-3 mb-4",
 								children: [/* @__PURE__ */ C("img", {
-									src: A.provider.image,
-									alt: A.provider.name,
+									src: j.provider.image,
+									alt: j.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-text-primary",
-											children: A.provider.name
+											children: j.provider.name
 										}),
 										/* @__PURE__ */ C("p", {
 											className: "text-xs text-text-secondary",
-											children: A.provider.category
+											children: j.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(b, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }),
 												/* @__PURE__ */ C("span", {
 													className: "text-xs font-medium text-text-primary",
-													children: A.provider.rating
+													children: j.provider.rating
 												}),
 												/* @__PURE__ */ w("span", {
 													className: "text-xs text-text-secondary",
 													children: [
 														"(",
-														A.provider.reviewCount,
+														j.provider.reviewCount,
 														")"
 													]
 												})
@@ -430,20 +433,20 @@ function D() {
 									className: "flex items-start gap-2",
 									children: [/* @__PURE__ */ C(_, { className: "h-4 w-4 text-text-secondary shrink-0 mt-0.5" }), /* @__PURE__ */ C("span", {
 										className: "text-text-secondary",
-										children: A.provider.location
+										children: j.provider.location
 									})]
 								})
 							}),
 							/* @__PURE__ */ C("button", {
 								type: "button",
-								onClick: () => D(`/customer/carts/${A.provider.id}`),
+								onClick: () => O(`/customer/carts/${j.provider.id}`),
 								className: "w-full rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 								children: "View Cart Menu"
 							})
 						]
 					}),
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 						children: [/* @__PURE__ */ C("h3", {
 							className: "text-base font-semibold text-text-primary mb-3",
 							children: "Service Location"
@@ -452,27 +455,27 @@ function D() {
 							children: [/* @__PURE__ */ C(_, { className: "mt-0.5 h-5 w-5 shrink-0 text-text-secondary" }), /* @__PURE__ */ w("div", { children: [
 								/* @__PURE__ */ C("p", {
 									className: "text-sm text-text-primary",
-									children: A.location.street
+									children: j.location.street
 								}),
 								/* @__PURE__ */ w("p", {
 									className: "text-sm text-text-secondary",
 									children: [
-										A.location.area,
+										j.location.area,
 										", ",
-										A.location.city,
+										j.location.city,
 										" - ",
-										A.location.pincode
+										j.location.pincode
 									]
 								}),
-								A.location.landmark && /* @__PURE__ */ w("p", {
+								j.location.landmark && /* @__PURE__ */ w("p", {
 									className: "text-xs text-text-secondary mt-1",
-									children: ["Landmark: ", A.location.landmark]
+									children: ["Landmark: ", j.location.landmark]
 								})
 							] })]
 						})]
 					}),
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 						children: [/* @__PURE__ */ C("h3", {
 							className: "text-base font-semibold text-text-primary mb-3",
 							children: "Price Breakdown"
@@ -486,7 +489,7 @@ function D() {
 										children: "Service Charge"
 									}), /* @__PURE__ */ C("span", {
 										className: "text-text-primary",
-										children: a(A.pricing.serviceCharge, { minimumFractionDigits: 0 })
+										children: a(j.pricing.serviceCharge, { minimumFractionDigits: 0 })
 									})]
 								}),
 								/* @__PURE__ */ w("div", {
@@ -496,7 +499,7 @@ function D() {
 										children: "Convenience Fee"
 									}), /* @__PURE__ */ C("span", {
 										className: "text-text-primary",
-										children: a(A.pricing.convenienceFee, { minimumFractionDigits: 0 })
+										children: a(j.pricing.convenienceFee, { minimumFractionDigits: 0 })
 									})]
 								}),
 								/* @__PURE__ */ w("div", {
@@ -506,17 +509,17 @@ function D() {
 										children: "Tax"
 									}), /* @__PURE__ */ C("span", {
 										className: "text-text-primary",
-										children: a(A.pricing.tax, { minimumFractionDigits: 0 })
+										children: a(j.pricing.tax, { minimumFractionDigits: 0 })
 									})]
 								}),
-								A.pricing.discount > 0 && /* @__PURE__ */ w("div", {
+								j.pricing.discount > 0 && /* @__PURE__ */ w("div", {
 									className: "flex justify-between",
 									children: [/* @__PURE__ */ C("span", {
-										className: "text-green-600 dark:text-green-400",
+										className: "text-status-success-text",
 										children: "Discount"
 									}), /* @__PURE__ */ w("span", {
-										className: "text-green-600 dark:text-green-400",
-										children: ["-", a(A.pricing.discount, { minimumFractionDigits: 0 })]
+										className: "text-status-success-text",
+										children: ["-", a(j.pricing.discount, { minimumFractionDigits: 0 })]
 									})]
 								}),
 								/* @__PURE__ */ w("div", {
@@ -526,14 +529,14 @@ function D() {
 										children: "Total"
 									}), /* @__PURE__ */ C("span", {
 										className: "font-bold text-text-primary",
-										children: a(A.pricing.total, { minimumFractionDigits: 0 })
+										children: a(j.pricing.total, { minimumFractionDigits: 0 })
 									})]
 								})
 							]
 						})]
 					}),
 					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
+						className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
 						children: [/* @__PURE__ */ C("h3", {
 							className: "text-base font-semibold text-text-primary mb-3",
 							children: "Booking Info"
@@ -547,7 +550,7 @@ function D() {
 										children: "Booked On"
 									}), /* @__PURE__ */ C("p", {
 										className: "text-sm text-text-primary",
-										children: o(A.createdAt)
+										children: o(j.createdAt)
 									})] })]
 								}),
 								/* @__PURE__ */ w("div", {
@@ -558,9 +561,9 @@ function D() {
 									}), /* @__PURE__ */ w("p", {
 										className: "text-sm text-text-primary",
 										children: [
-											A.scheduledDate,
+											j.scheduledDate,
 											" at ",
-											A.scheduledTime
+											j.scheduledTime
 										]
 									})] })]
 								}),
@@ -571,15 +574,15 @@ function D() {
 										children: "Duration"
 									}), /* @__PURE__ */ w("p", {
 										className: "text-sm text-text-primary",
-										children: [A.duration, " minutes"]
+										children: [j.duration, " minutes"]
 									})] })]
 								})
 							]
 						})]
 					}),
-					P && /* @__PURE__ */ w("button", {
+					F && /* @__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",
+						className: "w-full inline-flex items-center justify-center gap-2 rounded-lg border border-status-error-border/30 bg-status-error-bg-subtle/5 px-4 py-3 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle/10 transition-colors",
 						children: [/* @__PURE__ */ C(x, { className: "h-4 w-4" }), "Cancel Booking"]
 					})
 				]
@@ -588,6 +591,6 @@ function D() {
 	});
 }
 //#endregion
-export { D as BookingDetailsPage };
+export { O as BookingDetailsPage };
 
 //# sourceMappingURL=BookingDetailsPage.js.map

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

@@ -1 +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-text-secondary hover:bg-accent hover:text-text-primary 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-subtle bg-bg-surface p-6\">\n            <h2 className=\"text-lg font-semibold text-text-primary\">{booking.serviceName}</h2>\n            <p className=\"mt-1 text-sm text-text-secondary\">{booking.serviceDescription}</p>\n\n            <div className=\"mt-4 flex flex-wrap gap-4 text-sm text-text-secondary\">\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-bg-sunken p-3\">\n                <p className=\"text-xs text-text-secondary mb-1\">Notes</p>\n                <p className=\"text-sm text-text-primary\">{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-text-primary\">{booking.cancellationReason}</p>\n              </div>\n            )}\n          </div>\n\n          {/* Provider Info */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-6\">\n            <h2 className=\"text-base font-semibold text-text-primary 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-bg-sunken text-text-secondary\">\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-text-primary\">{booking.provider.name}</p>\n                <p className=\"text-xs text-text-secondary\">{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-text-primary\">\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-bg-sunken text-text-secondary hover:bg-accent hover:text-text-primary 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-text-secondary\">\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-subtle bg-bg-surface p-6\">\n            <h2 className=\"text-base font-semibold text-text-primary 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-bg-sunken text-text-secondary'\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-text-primary\">{event.label}</p>\n                      <p className=\"mt-0.5 text-xs text-text-secondary\">\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-subtle px-4 py-3 text-sm font-medium text-text-primary 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-subtle bg-bg-surface p-5\">\n            <h3 className=\"text-base font-semibold text-text-primary 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-text-primary\">{booking.provider.name}</p>\n                <p className=\"text-xs text-text-secondary\">{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-text-primary\">\n                    {booking.provider.rating}\n                  </span>\n                  <span className=\"text-xs text-text-secondary\">\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-text-secondary shrink-0 mt-0.5\" />\n                <span className=\"text-text-secondary\">{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-subtle px-4 py-2.5 text-sm font-medium text-text-primary 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-subtle bg-bg-surface p-5\">\n            <h3 className=\"text-base font-semibold text-text-primary 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-text-secondary\" />\n              <div>\n                <p className=\"text-sm text-text-primary\">{booking.location.street}</p>\n                <p className=\"text-sm text-text-secondary\">\n                  {booking.location.area}, {booking.location.city} - {booking.location.pincode}\n                </p>\n                {booking.location.landmark && (\n                  <p className=\"text-xs text-text-secondary 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-subtle bg-bg-surface p-5\">\n            <h3 className=\"text-base font-semibold text-text-primary mb-3\">Price Breakdown</h3>\n            <div className=\"space-y-2.5 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-text-secondary\">Service Charge</span>\n                <span className=\"text-text-primary\">\n                  {formatCurrency(booking.pricing.serviceCharge, { minimumFractionDigits: 0 })}\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-text-secondary\">Convenience Fee</span>\n                <span className=\"text-text-primary\">\n                  {formatCurrency(booking.pricing.convenienceFee, { minimumFractionDigits: 0 })}\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-text-secondary\">Tax</span>\n                <span className=\"text-text-primary\">\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-subtle pt-2.5\">\n                <span className=\"font-semibold text-text-primary\">Total</span>\n                <span className=\"font-bold text-text-primary\">\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-subtle bg-bg-surface p-5\">\n            <h3 className=\"text-base font-semibold text-text-primary 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-text-secondary\" />\n                <div>\n                  <p className=\"text-xs text-text-secondary\">Booked On</p>\n                  <p className=\"text-sm text-text-primary\">{formatDate(booking.createdAt)}</p>\n                </div>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <Calendar className=\"h-4 w-4 text-text-secondary\" />\n                <div>\n                  <p className=\"text-xs text-text-secondary\">Scheduled</p>\n                  <p className=\"text-sm text-text-primary\">\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-text-secondary\" />\n                <div>\n                  <p className=\"text-xs text-text-secondary\">Duration</p>\n                  <p className=\"text-sm text-text-primary\">{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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"}
+{"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 { EmphasisPanel } from '@burdenoff/fe-libs/ui';\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          illustration=\"empty-generic\"\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-text-secondary hover:bg-accent hover:text-text-primary transition-colors\"\n          >\n            <ArrowLeft className=\"h-5 w-5\" />\n          </button>\n          <span>Booking #{booking.id}</span>\n        </div>\n      }\n      purpose=\"Everything about this service booking in one place — the service, schedule, and price, the cart you booked with, and the actions you can take such as rescheduling, contacting the provider, or cancelling.\"\n      actions={<StatusBadge status={booking.status} />}\n    >\n      {/* Status message */}\n      {statusMessage && (\n        <div className=\"mb-4 rounded-lg border border-status-success-border/30 bg-status-success-bg-subtle/10 p-3 flex items-center gap-2\">\n          <CheckCircle2 className=\"h-4 w-4 text-status-success-text shrink-0\" />\n          <p className=\"text-sm text-status-success-text\">{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 (emphasis zone) */}\n          <EmphasisPanel className=\"p-6\">\n            <h2 className=\"text-lg font-semibold text-text-primary\">{booking.serviceName}</h2>\n            <p className=\"mt-1 text-sm text-text-secondary\">{booking.serviceDescription}</p>\n\n            <div className=\"mt-4 flex flex-wrap gap-4 text-sm text-text-secondary\">\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-bg-sunken p-3\">\n                <p className=\"text-xs text-text-secondary mb-1\">Notes</p>\n                <p className=\"text-sm text-text-primary\">{booking.notes}</p>\n              </div>\n            )}\n\n            {booking.cancellationReason && (\n              <div className=\"mt-4 rounded-md bg-status-error-bg-subtle/5 border border-status-error-border/20 p-3\">\n                <div className=\"flex items-center gap-2 mb-1\">\n                  <AlertTriangle className=\"h-3.5 w-3.5 text-status-error-text\" />\n                  <p className=\"text-xs font-medium text-status-error-text\">\n                    Cancellation Reason\n                  </p>\n                </div>\n                <p className=\"text-sm text-text-primary\">{booking.cancellationReason}</p>\n              </div>\n            )}\n          </EmphasisPanel>\n\n          {/* Provider Info */}\n          <div className=\"rounded-lg border border-border-seam bg-bg-surface p-6 bg-gloss-card shadow-pop\">\n            <h2 className=\"text-base font-semibold text-text-primary 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-bg-sunken text-text-secondary\">\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-text-primary\">{booking.provider.name}</p>\n                <p className=\"text-xs text-text-secondary\">{booking.provider.category}</p>\n                <div className=\"flex items-center gap-1 mt-1\">\n                  <Star className=\"h-3 w-3 fill-status-warning-text text-status-warning-text\" />\n                  <span className=\"text-xs font-medium text-text-primary\">\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-bg-sunken text-text-secondary hover:bg-accent hover:text-text-primary 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-text-secondary\">\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-seam bg-bg-surface p-6 bg-gloss-card shadow-pop\">\n            <h2 className=\"text-base font-semibold text-text-primary 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-status-error-bg-subtle/10 text-status-error-text'\n                            : event.completed\n                              ? 'bg-status-success-bg-subtle/10 text-status-success-text'\n                              : 'bg-bg-sunken text-text-secondary'\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-status-success-bg-subtle/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-text-primary\">{event.label}</p>\n                      <p className=\"mt-0.5 text-xs text-text-secondary\">\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-subtle px-4 py-3 text-sm font-medium text-text-primary 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-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\">\n            <h3 className=\"text-base font-semibold text-text-primary 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-text-primary\">{booking.provider.name}</p>\n                <p className=\"text-xs text-text-secondary\">{booking.provider.category}</p>\n                <div className=\"flex items-center gap-1 mt-0.5\">\n                  <Star className=\"h-3 w-3 fill-status-warning-text text-status-warning-text\" />\n                  <span className=\"text-xs font-medium text-text-primary\">\n                    {booking.provider.rating}\n                  </span>\n                  <span className=\"text-xs text-text-secondary\">\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-text-secondary shrink-0 mt-0.5\" />\n                <span className=\"text-text-secondary\">{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-subtle px-4 py-2.5 text-sm font-medium text-text-primary 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-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\">\n            <h3 className=\"text-base font-semibold text-text-primary 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-text-secondary\" />\n              <div>\n                <p className=\"text-sm text-text-primary\">{booking.location.street}</p>\n                <p className=\"text-sm text-text-secondary\">\n                  {booking.location.area}, {booking.location.city} - {booking.location.pincode}\n                </p>\n                {booking.location.landmark && (\n                  <p className=\"text-xs text-text-secondary 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-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\">\n            <h3 className=\"text-base font-semibold text-text-primary mb-3\">Price Breakdown</h3>\n            <div className=\"space-y-2.5 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-text-secondary\">Service Charge</span>\n                <span className=\"text-text-primary\">\n                  {formatCurrency(booking.pricing.serviceCharge, { minimumFractionDigits: 0 })}\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-text-secondary\">Convenience Fee</span>\n                <span className=\"text-text-primary\">\n                  {formatCurrency(booking.pricing.convenienceFee, { minimumFractionDigits: 0 })}\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-text-secondary\">Tax</span>\n                <span className=\"text-text-primary\">\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-status-success-text\">Discount</span>\n                  <span className=\"text-status-success-text\">\n                    -{formatCurrency(booking.pricing.discount, { minimumFractionDigits: 0 })}\n                  </span>\n                </div>\n              )}\n              <div className=\"flex justify-between border-t border-border-subtle pt-2.5\">\n                <span className=\"font-semibold text-text-primary\">Total</span>\n                <span className=\"font-bold text-text-primary\">\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-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\">\n            <h3 className=\"text-base font-semibold text-text-primary 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-text-secondary\" />\n                <div>\n                  <p className=\"text-xs text-text-secondary\">Booked On</p>\n                  <p className=\"text-sm text-text-primary\">{formatDate(booking.createdAt)}</p>\n                </div>\n              </div>\n              <div className=\"flex items-center gap-2\">\n                <Calendar className=\"h-4 w-4 text-text-secondary\" />\n                <div>\n                  <p className=\"text-xs text-text-secondary\">Scheduled</p>\n                  <p className=\"text-sm text-text-primary\">\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-text-secondary\" />\n                <div>\n                  <p className=\"text-xs text-text-secondary\">Duration</p>\n                  <p className=\"text-sm text-text-primary\">{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-status-error-border/30 bg-status-error-bg-subtle/5 px-4 py-3 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle/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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"}