@burdenoff/microfe-kadaikodi 2026.626.2 → 2026.704.2

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

@@ -3,593 +3,339 @@ 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";
-import { GlassCard as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
+import { useOrder as a } from "../../hooks/useKadaikodiApi.js";
+import { formatCurrency as o, formatDate as s } from "../../utils/formatters.js";
+import { useMemo as c, useState as l } from "react";
+import { ArrowLeft as u, CalendarCheck as d, CheckCircle2 as f, Circle as p, Headphones as m, MapPin as h, ShoppingBag as g, Star as _, XCircle as v } from "lucide-react";
+import { useParams as y } from "react-router-dom";
+import { jsx as b, jsxs as x } from "react/jsx-runtime";
+import { GlassCard as S, PagePurpose as C } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/customer/BookingDetailsPage.tsx
-var D = [
-	{
-		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
-			}
-		]
-	}
-], O = (e) => D.find((t) => t.id === e);
-function k() {
-	let { bookingId: D } = S(), { navigateTo: k } = e(), [A, j] = c(null), M = s(() => D ? O(D) : void 0, [D]), N = (e) => {
-		j(e), setTimeout(() => j(null), 3e3);
-	};
-	if (!M) return /* @__PURE__ */ C(n, {
+function w() {
+	let { bookingId: w } = y(), { navigateTo: T } = e(), { data: E, isLoading: D } = a(w), [O, k] = l(null), A = (e) => {
+		k(e), setTimeout(() => k(null), 3e3);
+	}, j = c(() => E ? E.timeline.length > 0 ? E.timeline.map((e) => ({
+		status: e.status,
+		label: e.description || e.status,
+		timestamp: e.timestamp,
+		completed: !0
+	})) : [{
+		status: "placed",
+		label: "Order placed",
+		timestamp: E.orderDate,
+		completed: !0
+	}] : [], [E]);
+	if (D) return /* @__PURE__ */ b(n, {
+		title: "Booking Details",
+		children: /* @__PURE__ */ b("div", {
+			className: "flex items-center justify-center py-20",
+			children: /* @__PURE__ */ b("div", { className: "h-12 w-12 animate-spin rounded-full border-b-2 border-foreground" })
+		})
+	});
+	if (!E) return /* @__PURE__ */ b(n, {
 		title: "Booking Not Found",
-		children: /* @__PURE__ */ C(i, {
-			icon: /* @__PURE__ */ C(f, { className: "h-12 w-12" }),
+		children: /* @__PURE__ */ b(i, {
+			icon: /* @__PURE__ */ b(d, { className: "h-12 w-12" }),
 			title: "Booking not found",
-			description: `No booking found with ID "${D}".`,
-			action: /* @__PURE__ */ C("button", {
+			description: `No booking found with ID "${w}".`,
+			action: /* @__PURE__ */ b("button", {
 				type: "button",
-				onClick: () => k("/customer/dashboard"),
+				onClick: () => T("/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 P = M.status === "cancelled", F = M.status === "completed", I = !P && !F;
-	return /* @__PURE__ */ w(n, {
-		title: /* @__PURE__ */ w("div", {
+	let M = E.status === "cancelled", N = E.status === "delivered", P = !M && !N, F = E.deliveryAddress, I = !!(F.street || F.area || F.city);
+	return /* @__PURE__ */ x(n, {
+		title: /* @__PURE__ */ x("div", {
 			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ C("button", {
+			children: [/* @__PURE__ */ b("button", {
 				type: "button",
-				onClick: () => k("/customer/dashboard"),
+				onClick: () => T("/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 #", M.id] })]
+				children: /* @__PURE__ */ b(u, { className: "h-5 w-5" })
+			}), /* @__PURE__ */ x("span", { children: ["Booking #", E.id] })]
 		}),
-		actions: /* @__PURE__ */ C(r, { status: M.status }),
+		actions: /* @__PURE__ */ b(r, { status: E.status }),
 		children: [
-			/* @__PURE__ */ C(E, {
+			/* @__PURE__ */ b(C, {
 				className: "mb-4",
-				children: "The full picture of one service booking — when and where it's happening, who's providing it, what it costs, and the actions you can take such as rescheduling or cancelling."
+				children: "The full picture of one service booking — who's providing it, what was ordered, what it costs, and the actions you can take such as contacting support or cancelling."
 			}),
-			A && /* @__PURE__ */ w("div", {
+			O && /* @__PURE__ */ x("div", {
 				className: "mb-4 rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle 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", {
+				children: [/* @__PURE__ */ b(f, { className: "h-4 w-4 text-status-success-text shrink-0" }), /* @__PURE__ */ b("p", {
 					className: "text-sm text-status-success-text",
-					children: A
+					children: O
 				})]
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ x("div", {
 				className: "grid grid-cols-1 gap-6 lg:grid-cols-3",
-				children: [/* @__PURE__ */ w("div", {
+				children: [/* @__PURE__ */ x("div", {
 					className: "lg:col-span-2 space-y-6",
 					children: [
-						/* @__PURE__ */ w(T, {
+						/* @__PURE__ */ x(S, {
 							treatment: "glass",
 							glow: !0,
 							className: "p-6",
 							children: [
-								/* @__PURE__ */ C("h2", {
+								/* @__PURE__ */ b("h2", {
 									className: "text-lg font-semibold text-text-primary",
-									children: M.serviceName
+									children: E.cartName
 								}),
-								/* @__PURE__ */ C("p", {
+								/* @__PURE__ */ x("p", {
 									className: "mt-1 text-sm text-text-secondary",
-									children: M.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: M.scheduledDate })]
-										}),
-										/* @__PURE__ */ w("div", {
-											className: "flex items-center gap-1.5",
-											children: [/* @__PURE__ */ C(h, { className: "h-4 w-4" }), /* @__PURE__ */ C("span", { children: M.scheduledTime })]
-										}),
-										/* @__PURE__ */ w("div", {
-											className: "flex items-center gap-1.5",
-											children: [/* @__PURE__ */ C(h, { className: "h-4 w-4" }), /* @__PURE__ */ w("span", { children: [M.duration, " min"] })]
-										})
-									]
-								}),
-								M.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: M.notes
-									})]
+									children: ["Order placed on ", s(E.orderDate)]
 								}),
-								M.cancellationReason && /* @__PURE__ */ w("div", {
-									className: "mt-4 rounded-md bg-status-error-bg-subtle border border-status-error-text/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-status-error-text" }), /* @__PURE__ */ C("p", {
-											className: "text-xs font-medium text-status-error-text",
-											children: "Cancellation Reason"
+								E.items.length > 0 && /* @__PURE__ */ b("div", {
+									className: "mt-4 space-y-1.5",
+									children: E.items.map((e, t) => /* @__PURE__ */ x("div", {
+										className: "flex justify-between text-sm",
+										children: [/* @__PURE__ */ x("span", {
+											className: "text-text-primary",
+											children: [
+												e.quantity,
+												"x ",
+												e.name
+											]
+										}), /* @__PURE__ */ b("span", {
+											className: "text-text-secondary",
+											children: o(e.price * e.quantity, { minimumFractionDigits: 0 })
 										})]
-									}), /* @__PURE__ */ C("p", {
-										className: "text-sm text-text-primary",
-										children: M.cancellationReason
-									})]
+									}, e.id || t))
 								})
 							]
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ x("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
-							children: [
-								/* @__PURE__ */ C("h2", {
-									className: "text-base font-semibold text-text-primary 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-bg-sunken text-text-secondary",
-											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-text-primary",
-													children: M.provider.name
-												}),
-												/* @__PURE__ */ C("p", {
-													className: "text-xs text-text-secondary",
-													children: M.provider.category
-												}),
-												/* @__PURE__ */ w("div", {
-													className: "flex items-center gap-1 mt-1",
-													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: M.provider.rating
-													})]
-												})
-											]
-										}),
-										/* @__PURE__ */ C("a", {
-											href: `tel:${M.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" })
+							children: [/* @__PURE__ */ b("h2", {
+								className: "text-base font-semibold text-text-primary mb-4",
+								children: "Service Provider"
+							}), /* @__PURE__ */ x("div", {
+								className: "flex items-center gap-4",
+								children: [
+									/* @__PURE__ */ b("div", {
+										className: "flex h-12 w-12 items-center justify-center rounded-full bg-bg-sunken text-text-secondary",
+										children: /* @__PURE__ */ b(g, { className: "h-6 w-6" })
+									}),
+									/* @__PURE__ */ b("div", {
+										className: "flex-1 min-w-0",
+										children: /* @__PURE__ */ b("p", {
+											className: "text-sm font-semibold text-text-primary",
+											children: E.cartName
 										})
-									]
-								}),
-								/* @__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: M.provider.phone })]
-								})
-							]
+									}),
+									/* @__PURE__ */ b("button", {
+										type: "button",
+										onClick: () => T(`/customer/carts/${E.cartId}`),
+										className: "rounded-lg border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
+										children: "View Cart"
+									})
+								]
+							})]
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ x("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-6",
-							children: [/* @__PURE__ */ C("h2", {
+							children: [/* @__PURE__ */ b("h2", {
 								className: "text-base font-semibold text-text-primary mb-5",
 								children: "Booking Timeline"
-							}), /* @__PURE__ */ C("div", {
+							}), /* @__PURE__ */ b("div", {
 								className: "relative",
-								children: M.timeline.map((e, n) => {
-									let r = n === M.timeline.length - 1, i = e.status === "cancelled", a = i ? x : e.completed ? p : m;
-									return /* @__PURE__ */ w("div", {
+								children: j.map((e, n) => {
+									let r = n === j.length - 1, i = e.status === "cancelled", a = i ? v : e.completed ? f : p;
+									return /* @__PURE__ */ x("div", {
 										className: "flex gap-4",
-										children: [/* @__PURE__ */ w("div", {
+										children: [/* @__PURE__ */ x("div", {
 											className: "flex flex-col items-center",
-											children: [/* @__PURE__ */ C("div", {
+											children: [/* @__PURE__ */ b("div", {
 												className: t("flex h-8 w-8 shrink-0 items-center justify-center rounded-full", i ? "bg-status-error-bg-subtle text-status-error-text" : e.completed ? "bg-status-success-bg-subtle 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-status-success-bg-subtle" : "bg-border") })]
-										}), /* @__PURE__ */ w("div", {
+												children: /* @__PURE__ */ b(a, { className: "h-4 w-4" })
+											}), !r && /* @__PURE__ */ b("div", { className: t("w-0.5 flex-1 my-1", e.completed ? "bg-status-success-bg-subtle" : "bg-border") })]
+										}), /* @__PURE__ */ x("div", {
 											className: t("pb-6", r && "pb-0"),
-											children: [/* @__PURE__ */ C("p", {
+											children: [/* @__PURE__ */ b("p", {
 												className: "text-sm font-medium text-text-primary",
 												children: e.label
-											}), /* @__PURE__ */ C("p", {
+											}), /* @__PURE__ */ b("p", {
 												className: "mt-0.5 text-xs text-text-secondary",
-												children: e.timestamp ? o(e.timestamp) : "Pending"
+												children: e.timestamp ? s(e.timestamp) : "Pending"
 											})]
 										})]
 									}, `${e.status}-${n}`);
 								})
 							})]
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ x("div", {
 							className: "flex flex-col sm:flex-row gap-3",
-							children: [/* @__PURE__ */ w("button", {
+							children: [/* @__PURE__ */ x("button", {
 								type: "button",
 								onClick: () => {
-									N("Support team will contact you shortly.");
+									A("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"]
-							}), F && /* @__PURE__ */ w("button", {
+								children: [/* @__PURE__ */ b(m, { className: "h-4 w-4" }), "Contact Support"]
+							}), N && /* @__PURE__ */ x("button", {
 								type: "button",
 								onClick: () => {
-									N("Thank you! Rating feature coming soon.");
+									A("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"]
+								children: [/* @__PURE__ */ b(_, { className: "h-4 w-4" }), "Rate Service"]
 							})]
 						})
 					]
-				}), /* @__PURE__ */ w("div", {
+				}), /* @__PURE__ */ x("div", {
 					className: "space-y-6",
 					children: [
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ x("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
 							children: [
-								/* @__PURE__ */ C("h3", {
+								/* @__PURE__ */ b("h3", {
 									className: "text-base font-semibold text-text-primary mb-3",
 									children: "Cart Information"
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ x("div", {
 									className: "flex items-center gap-3 mb-4",
-									children: [/* @__PURE__ */ C("img", {
-										src: M.provider.image,
-										alt: M.provider.name,
-										className: "h-14 w-14 rounded-lg object-cover"
-									}), /* @__PURE__ */ w("div", {
+									children: [/* @__PURE__ */ b("div", {
+										className: "flex h-14 w-14 shrink-0 items-center justify-center rounded-lg bg-bg-sunken text-text-secondary",
+										children: /* @__PURE__ */ b(g, { className: "h-6 w-6" })
+									}), /* @__PURE__ */ b("div", {
 										className: "min-w-0",
-										children: [
-											/* @__PURE__ */ C("p", {
-												className: "text-sm font-semibold text-text-primary",
-												children: M.provider.name
-											}),
-											/* @__PURE__ */ C("p", {
-												className: "text-xs text-text-secondary",
-												children: M.provider.category
-											}),
-											/* @__PURE__ */ w("div", {
-												className: "flex items-center gap-1 mt-0.5",
-												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: M.provider.rating
-													}),
-													/* @__PURE__ */ w("span", {
-														className: "text-xs text-text-secondary",
-														children: [
-															"(",
-															M.provider.reviewCount,
-															")"
-														]
-													})
-												]
-											})
-										]
+										children: /* @__PURE__ */ b("p", {
+											className: "text-sm font-semibold text-text-primary",
+											children: E.cartName
+										})
 									})]
 								}),
-								/* @__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-text-secondary shrink-0 mt-0.5" }), /* @__PURE__ */ C("span", {
-											className: "text-text-secondary",
-											children: M.provider.location
-										})]
-									})
-								}),
-								/* @__PURE__ */ C("button", {
+								/* @__PURE__ */ b("button", {
 									type: "button",
-									onClick: () => k(`/customer/carts/${M.provider.id}`),
+									onClick: () => T(`/customer/carts/${E.cartId}`),
 									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", {
+						I && /* @__PURE__ */ x("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-							children: [/* @__PURE__ */ C("h3", {
+							children: [/* @__PURE__ */ b("h3", {
 								className: "text-base font-semibold text-text-primary mb-3",
 								children: "Service Location"
-							}), /* @__PURE__ */ w("div", {
+							}), /* @__PURE__ */ x("div", {
 								className: "flex items-start gap-3",
-								children: [/* @__PURE__ */ C(_, { className: "mt-0.5 h-5 w-5 shrink-0 text-text-secondary" }), /* @__PURE__ */ w("div", { children: [
-									/* @__PURE__ */ C("p", {
+								children: [/* @__PURE__ */ b(h, { className: "mt-0.5 h-5 w-5 shrink-0 text-text-secondary" }), /* @__PURE__ */ x("div", { children: [
+									F.street && /* @__PURE__ */ b("p", {
 										className: "text-sm text-text-primary",
-										children: M.location.street
+										children: F.street
 									}),
-									/* @__PURE__ */ w("p", {
+									/* @__PURE__ */ x("p", {
 										className: "text-sm text-text-secondary",
-										children: [
-											M.location.area,
-											", ",
-											M.location.city,
-											" - ",
-											M.location.pincode
-										]
+										children: [[F.area, F.city].filter(Boolean).join(", "), F.pincode ? ` - ${F.pincode}` : ""]
 									}),
-									M.location.landmark && /* @__PURE__ */ w("p", {
+									F.landmark && /* @__PURE__ */ x("p", {
 										className: "text-xs text-text-secondary mt-1",
-										children: ["Landmark: ", M.location.landmark]
+										children: ["Landmark: ", F.landmark]
 									})
 								] })]
 							})]
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ x("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-							children: [/* @__PURE__ */ C("h3", {
+							children: [/* @__PURE__ */ b("h3", {
 								className: "text-base font-semibold text-text-primary mb-3",
 								children: "Price Breakdown"
-							}), /* @__PURE__ */ w("div", {
+							}), /* @__PURE__ */ x("div", {
 								className: "space-y-2.5 text-sm",
 								children: [
-									/* @__PURE__ */ w("div", {
+									/* @__PURE__ */ x("div", {
 										className: "flex justify-between",
-										children: [/* @__PURE__ */ C("span", {
+										children: [/* @__PURE__ */ b("span", {
 											className: "text-text-secondary",
-											children: "Service Charge"
-										}), /* @__PURE__ */ C("span", {
+											children: "Subtotal"
+										}), /* @__PURE__ */ b("span", {
 											className: "text-text-primary",
-											children: a(M.pricing.serviceCharge, { minimumFractionDigits: 0 })
+											children: o(E.subtotal, { minimumFractionDigits: 0 })
 										})]
 									}),
-									/* @__PURE__ */ w("div", {
+									/* @__PURE__ */ x("div", {
 										className: "flex justify-between",
-										children: [/* @__PURE__ */ C("span", {
+										children: [/* @__PURE__ */ b("span", {
 											className: "text-text-secondary",
-											children: "Convenience Fee"
-										}), /* @__PURE__ */ C("span", {
+											children: "Delivery Fee"
+										}), /* @__PURE__ */ b("span", {
 											className: "text-text-primary",
-											children: a(M.pricing.convenienceFee, { minimumFractionDigits: 0 })
+											children: E.deliveryFee === 0 ? "FREE" : o(E.deliveryFee, { minimumFractionDigits: 0 })
 										})]
 									}),
-									/* @__PURE__ */ w("div", {
+									/* @__PURE__ */ x("div", {
 										className: "flex justify-between",
-										children: [/* @__PURE__ */ C("span", {
+										children: [/* @__PURE__ */ b("span", {
 											className: "text-text-secondary",
 											children: "Tax"
-										}), /* @__PURE__ */ C("span", {
+										}), /* @__PURE__ */ b("span", {
 											className: "text-text-primary",
-											children: a(M.pricing.tax, { minimumFractionDigits: 0 })
+											children: o(E.taxes, { minimumFractionDigits: 0 })
 										})]
 									}),
-									M.pricing.discount > 0 && /* @__PURE__ */ w("div", {
+									E.discount != null && E.discount > 0 && /* @__PURE__ */ x("div", {
 										className: "flex justify-between",
-										children: [/* @__PURE__ */ C("span", {
+										children: [/* @__PURE__ */ b("span", {
 											className: "text-status-success-text",
 											children: "Discount"
-										}), /* @__PURE__ */ w("span", {
+										}), /* @__PURE__ */ x("span", {
 											className: "text-status-success-text",
-											children: ["-", a(M.pricing.discount, { minimumFractionDigits: 0 })]
+											children: ["-", o(E.discount, { minimumFractionDigits: 0 })]
 										})]
 									}),
-									/* @__PURE__ */ w("div", {
+									/* @__PURE__ */ x("div", {
 										className: "flex justify-between border-t border-border-subtle pt-2.5",
-										children: [/* @__PURE__ */ C("span", {
+										children: [/* @__PURE__ */ b("span", {
 											className: "font-semibold text-text-primary",
 											children: "Total"
-										}), /* @__PURE__ */ C("span", {
+										}), /* @__PURE__ */ b("span", {
 											className: "font-bold text-text-primary",
-											children: a(M.pricing.total, { minimumFractionDigits: 0 })
+											children: o(E.total, { minimumFractionDigits: 0 })
 										})]
 									})
 								]
 							})]
 						}),
-						/* @__PURE__ */ w("div", {
+						/* @__PURE__ */ x("div", {
 							className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-							children: [/* @__PURE__ */ C("h3", {
+							children: [/* @__PURE__ */ b("h3", {
 								className: "text-base font-semibold text-text-primary mb-3",
 								children: "Booking Info"
-							}), /* @__PURE__ */ w("div", {
+							}), /* @__PURE__ */ x("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-text-secondary" }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-											className: "text-xs text-text-secondary",
-											children: "Booked On"
-										}), /* @__PURE__ */ C("p", {
-											className: "text-sm text-text-primary",
-											children: o(M.createdAt)
-										})] })]
-									}),
-									/* @__PURE__ */ w("div", {
-										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ C(d, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-											className: "text-xs text-text-secondary",
-											children: "Scheduled"
-										}), /* @__PURE__ */ w("p", {
-											className: "text-sm text-text-primary",
-											children: [
-												M.scheduledDate,
-												" at ",
-												M.scheduledTime
-											]
-										})] })]
-									}),
-									/* @__PURE__ */ w("div", {
-										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ C(h, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-											className: "text-xs text-text-secondary",
-											children: "Duration"
-										}), /* @__PURE__ */ w("p", {
-											className: "text-sm text-text-primary",
-											children: [M.duration, " minutes"]
-										})] })]
-									})
-								]
+								children: [/* @__PURE__ */ x("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ b(d, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										className: "text-xs text-text-secondary",
+										children: "Booked On"
+									}), /* @__PURE__ */ b("p", {
+										className: "text-sm text-text-primary",
+										children: s(E.orderDate)
+									})] })]
+								}), /* @__PURE__ */ x("div", {
+									className: "flex items-center gap-2",
+									children: [/* @__PURE__ */ b(f, { className: "h-4 w-4 text-text-secondary" }), /* @__PURE__ */ x("div", { children: [/* @__PURE__ */ b("p", {
+										className: "text-xs text-text-secondary",
+										children: "Payment"
+									}), /* @__PURE__ */ x("p", {
+										className: "text-sm text-text-primary capitalize",
+										children: [
+											E.paymentMethod,
+											" · ",
+											E.paymentStatus
+										]
+									})] })]
+								})]
 							})]
 						}),
-						I && /* @__PURE__ */ w("button", {
+						P && /* @__PURE__ */ x("button", {
 							type: "button",
 							className: "w-full inline-flex items-center justify-center gap-2 rounded-lg border border-status-error-text/30 bg-status-error-bg-subtle px-4 py-3 text-sm font-medium text-status-error-text hover:bg-status-error-bg-subtle transition-colors",
-							children: [/* @__PURE__ */ C(x, { className: "h-4 w-4" }), "Cancel Booking"]
+							children: [/* @__PURE__ */ b(v, { className: "h-4 w-4" }), "Cancel Booking"]
 						})
 					]
 				})]
@@ -598,6 +344,6 @@ function k() {
 	});
 }
 //#endregion
-export { k as BookingDetailsPage };
+export { w as BookingDetailsPage };
 
 //# sourceMappingURL=BookingDetailsPage.js.map