@burdenoff/microfe-subscriberbot 2026.626.1 → 2026.628.1

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

@@ -1,626 +0,0 @@
-import { useSubscriberBot as e } from "../../context/SubscriberBotContext.js";
-import { cn as t } from "../../utils/cn.js";
-import { PageLayout as n } from "../../components/PageLayout.js";
-import { StatusBadge as r } from "../../components/StatusBadge.js";
-import { EmptyState as i } from "../../components/EmptyState.js";
-import { formatCurrency as a, formatDate as o } from "../../utils/formatters.js";
-import { useMemo as s, useState as c } from "react";
-import { AlertTriangle as l, ArrowLeft as u, Calendar as d, CalendarCheck as f, CheckCircle2 as p, Circle as m, Clock as h, Headphones as g, MapPin as _, Phone as v, ShoppingBag as y, Star as b, XCircle as x } from "lucide-react";
-import { useParams as S } from "react-router-dom";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { EmphasisPanel as T, NextSteps as E, PagePurpose as D } from "@burdenoff/fe-libs/ui";
-//#region src/subscriberbot/pages/customer/BookingDetailsPage.tsx
-var O = [
-	{
-		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
-			}
-		]
-	}
-], k = (e) => O.find((t) => t.id === e);
-function A() {
-	let { bookingId: O } = S(), { navigateTo: A } = e(), [j, M] = c(null), N = s(() => O ? k(O) : void 0, [O]), P = (e) => {
-		M(e), setTimeout(() => M(null), 3e3);
-	};
-	if (!N) 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 "${O}".`,
-			action: /* @__PURE__ */ C("button", {
-				type: "button",
-				onClick: () => A("/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 F = N.status === "cancelled", I = N.status === "completed", L = !F && !I, R = () => {
-		P("Support team will contact you shortly.");
-	}, z = () => {
-		P("Thank you! Rating feature coming soon.");
-	};
-	return /* @__PURE__ */ w(n, {
-		title: /* @__PURE__ */ w("div", {
-			className: "flex items-center gap-3",
-			children: [/* @__PURE__ */ C("button", {
-				type: "button",
-				onClick: () => A("/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 #", N.id] })]
-		}),
-		actions: /* @__PURE__ */ C(r, { status: N.status }),
-		children: [
-			j && /* @__PURE__ */ w("div", {
-				className: "mb-4 rounded-lg border border-status-success-border/30 bg-status-success-bg/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: j
-				})]
-			}),
-			/* @__PURE__ */ C(D, {
-				icon: /* @__PURE__ */ C(d, { className: "h-4 w-4" }),
-				className: "mb-6",
-				children: "Everything about one of your bookings — what was booked, when it's scheduled, who's providing it and what it costs. Follow the status timeline to see progress, contact the provider or support if plans change, and rate the service once it's done. Manage the whole booking from here without any back-and-forth."
-			}),
-			/* @__PURE__ */ C(E, {
-				storageKey: "subscriberbot-booking-details",
-				steps: [
-					{
-						id: "contact-support",
-						label: "Contact support",
-						description: "Get help with anything about this booking.",
-						icon: /* @__PURE__ */ C(v, { className: "h-4 w-4" }),
-						onClick: R
-					},
-					{
-						id: "view-provider",
-						label: "View the provider",
-						description: "See the cart behind this service or book again.",
-						icon: /* @__PURE__ */ C(d, { className: "h-4 w-4" }),
-						onClick: () => A(`/customer/carts/${N.provider.id}`)
-					},
-					{
-						id: "rate-service",
-						label: "Rate the service",
-						description: "Leave a review once your booking is complete.",
-						icon: /* @__PURE__ */ C(p, { className: "h-4 w-4" }),
-						onClick: z
-					}
-				]
-			}),
-			/* @__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(T, { children: [
-							/* @__PURE__ */ C("h2", {
-								className: "text-lg font-semibold text-text-primary",
-								children: N.serviceName
-							}),
-							/* @__PURE__ */ C("p", {
-								className: "mt-1 text-sm text-text-secondary",
-								children: N.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: N.scheduledDate })]
-									}),
-									/* @__PURE__ */ w("div", {
-										className: "flex items-center gap-1.5",
-										children: [/* @__PURE__ */ C(h, { className: "h-4 w-4" }), /* @__PURE__ */ C("span", { children: N.scheduledTime })]
-									}),
-									/* @__PURE__ */ w("div", {
-										className: "flex items-center gap-1.5",
-										children: [/* @__PURE__ */ C(h, { className: "h-4 w-4" }), /* @__PURE__ */ w("span", { children: [N.duration, " min"] })]
-									})
-								]
-							}),
-							N.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: N.notes
-								})]
-							}),
-							N.cancellationReason && /* @__PURE__ */ w("div", {
-								className: "mt-4 rounded-md bg-status-error-bg/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-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: N.cancellationReason
-								})]
-							})
-						] }),
-						/* @__PURE__ */ w("div", {
-							className: "rounded-lg border border-border-seam 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: N.provider.name
-												}),
-												/* @__PURE__ */ C("p", {
-													className: "text-xs text-text-secondary",
-													children: N.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: N.provider.rating
-													})]
-												})
-											]
-										}),
-										/* @__PURE__ */ C("a", {
-											href: `tel:${N.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" })
-										})
-									]
-								}),
-								/* @__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: N.provider.phone })]
-								})
-							]
-						}),
-						/* @__PURE__ */ w("div", {
-							className: "rounded-lg border border-border-seam bg-bg-surface p-6",
-							children: [/* @__PURE__ */ C("h2", {
-								className: "text-base font-semibold text-text-primary mb-5",
-								children: "Booking Timeline"
-							}), /* @__PURE__ */ C("div", {
-								className: "relative",
-								children: N.timeline.map((e, n) => {
-									let r = n === N.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-status-error-bg/10 text-status-error-text" : e.completed ? "bg-status-success-bg/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-status-success-bg/30" : "bg-border") })]
-										}), /* @__PURE__ */ w("div", {
-											className: t("pb-6", r && "pb-0"),
-											children: [/* @__PURE__ */ C("p", {
-												className: "text-sm font-medium text-text-primary",
-												children: e.label
-											}), /* @__PURE__ */ C("p", {
-												className: "mt-0.5 text-xs text-text-secondary",
-												children: e.timestamp ? o(e.timestamp) : "Pending"
-											})]
-										})]
-									}, `${e.status}-${n}`);
-								})
-							})]
-						}),
-						/* @__PURE__ */ w("div", {
-							className: "flex flex-col sm:flex-row gap-3",
-							children: [/* @__PURE__ */ w("button", {
-								type: "button",
-								onClick: R,
-								className: "flex-1 flex items-center justify-center gap-2 rounded-lg border border-border-seam 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"]
-							}), I && /* @__PURE__ */ w("button", {
-								type: "button",
-								onClick: z,
-								className: "flex-1 flex items-center justify-center gap-2 rounded-lg bg-foreground px-4 py-3 text-sm font-medium text-background hover:opacity-90 transition-opacity",
-								children: [/* @__PURE__ */ C(b, { className: "h-4 w-4" }), "Rate Service"]
-							})]
-						})
-					]
-				}), /* @__PURE__ */ w("div", {
-					className: "space-y-6",
-					children: [
-						/* @__PURE__ */ w("div", {
-							className: "rounded-lg border border-border-seam bg-bg-surface p-5",
-							children: [
-								/* @__PURE__ */ C("h3", {
-									className: "text-base font-semibold text-text-primary mb-3",
-									children: "Cart Information"
-								}),
-								/* @__PURE__ */ w("div", {
-									className: "flex items-center gap-3 mb-4",
-									children: [/* @__PURE__ */ C("img", {
-										src: N.provider.image,
-										alt: N.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: N.provider.name
-											}),
-											/* @__PURE__ */ C("p", {
-												className: "text-xs text-text-secondary",
-												children: N.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: N.provider.rating
-													}),
-													/* @__PURE__ */ w("span", {
-														className: "text-xs text-text-secondary",
-														children: [
-															"(",
-															N.provider.reviewCount,
-															")"
-														]
-													})
-												]
-											})
-										]
-									})]
-								}),
-								/* @__PURE__ */ C("div", {
-									className: "space-y-2 text-sm mb-4",
-									children: /* @__PURE__ */ w("div", {
-										className: "flex items-start gap-2",
-										children: [/* @__PURE__ */ C(_, { className: "h-4 w-4 text-text-secondary shrink-0 mt-0.5" }), /* @__PURE__ */ C("span", {
-											className: "text-text-secondary",
-											children: N.provider.location
-										})]
-									})
-								}),
-								/* @__PURE__ */ C("button", {
-									type: "button",
-									onClick: () => A(`/customer/carts/${N.provider.id}`),
-									className: "w-full rounded-lg border border-border-seam 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-seam bg-bg-surface p-5",
-							children: [/* @__PURE__ */ C("h3", {
-								className: "text-base font-semibold text-text-primary mb-3",
-								children: "Service Location"
-							}), /* @__PURE__ */ w("div", {
-								className: "flex items-start gap-3",
-								children: [/* @__PURE__ */ C(_, { className: "mt-0.5 h-5 w-5 shrink-0 text-text-secondary" }), /* @__PURE__ */ w("div", { children: [
-									/* @__PURE__ */ C("p", {
-										className: "text-sm text-text-primary",
-										children: N.location.street
-									}),
-									/* @__PURE__ */ w("p", {
-										className: "text-sm text-text-secondary",
-										children: [
-											N.location.area,
-											", ",
-											N.location.city,
-											" - ",
-											N.location.pincode
-										]
-									}),
-									N.location.landmark && /* @__PURE__ */ w("p", {
-										className: "text-xs text-text-secondary mt-1",
-										children: ["Landmark: ", N.location.landmark]
-									})
-								] })]
-							})]
-						}),
-						/* @__PURE__ */ w("div", {
-							className: "rounded-lg border border-border-seam bg-bg-surface p-5",
-							children: [/* @__PURE__ */ C("h3", {
-								className: "text-base font-semibold text-text-primary mb-3",
-								children: "Price Breakdown"
-							}), /* @__PURE__ */ w("div", {
-								className: "space-y-2.5 text-sm",
-								children: [
-									/* @__PURE__ */ w("div", {
-										className: "flex justify-between",
-										children: [/* @__PURE__ */ C("span", {
-											className: "text-text-secondary",
-											children: "Service Charge"
-										}), /* @__PURE__ */ C("span", {
-											className: "text-text-primary",
-											children: a(N.pricing.serviceCharge, { minimumFractionDigits: 0 })
-										})]
-									}),
-									/* @__PURE__ */ w("div", {
-										className: "flex justify-between",
-										children: [/* @__PURE__ */ C("span", {
-											className: "text-text-secondary",
-											children: "Convenience Fee"
-										}), /* @__PURE__ */ C("span", {
-											className: "text-text-primary",
-											children: a(N.pricing.convenienceFee, { minimumFractionDigits: 0 })
-										})]
-									}),
-									/* @__PURE__ */ w("div", {
-										className: "flex justify-between",
-										children: [/* @__PURE__ */ C("span", {
-											className: "text-text-secondary",
-											children: "Tax"
-										}), /* @__PURE__ */ C("span", {
-											className: "text-text-primary",
-											children: a(N.pricing.tax, { minimumFractionDigits: 0 })
-										})]
-									}),
-									N.pricing.discount > 0 && /* @__PURE__ */ w("div", {
-										className: "flex justify-between",
-										children: [/* @__PURE__ */ C("span", {
-											className: "text-status-success-text",
-											children: "Discount"
-										}), /* @__PURE__ */ w("span", {
-											className: "text-status-success-text",
-											children: ["-", a(N.pricing.discount, { minimumFractionDigits: 0 })]
-										})]
-									}),
-									/* @__PURE__ */ w("div", {
-										className: "flex justify-between border-t border-border-seam pt-2.5",
-										children: [/* @__PURE__ */ C("span", {
-											className: "font-semibold text-text-primary",
-											children: "Total"
-										}), /* @__PURE__ */ C("span", {
-											className: "font-bold text-text-primary",
-											children: a(N.pricing.total, { minimumFractionDigits: 0 })
-										})]
-									})
-								]
-							})]
-						}),
-						/* @__PURE__ */ w("div", {
-							className: "rounded-lg border border-border-seam bg-bg-surface p-5",
-							children: [/* @__PURE__ */ C("h3", {
-								className: "text-base font-semibold text-text-primary mb-3",
-								children: "Booking Info"
-							}), /* @__PURE__ */ w("div", {
-								className: "space-y-3",
-								children: [
-									/* @__PURE__ */ w("div", {
-										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ C(f, { className: "h-4 w-4 text-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(N.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: [
-												N.scheduledDate,
-												" at ",
-												N.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: [N.duration, " minutes"]
-										})] })]
-									})
-								]
-							})]
-						}),
-						L && /* @__PURE__ */ w("button", {
-							type: "button",
-							className: "w-full inline-flex items-center justify-center gap-2 rounded-lg border border-status-error-border/30 bg-status-error-bg/5 px-4 py-3 text-sm font-medium text-status-error-text hover:bg-status-error-bg/10 transition-colors",
-							children: [/* @__PURE__ */ C(x, { className: "h-4 w-4" }), "Cancel Booking"]
-						})
-					]
-				})]
-			})
-		]
-	});
-}
-//#endregion
-export { A as BookingDetailsPage };
-
-//# sourceMappingURL=BookingDetailsPage.js.map