@burdenoff/microfe-adaptercloud 2026.625.2 → 2026.628.1

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

@@ -1,596 +0,0 @@
-import { useAdapterCloud as e } from "../../context/AdapterCloudContext.js";
-import { cn as t } from "../../utils/cn.js";
-import { PageLayout as n } from "../../components/PageLayout.js";
-import { StatusBadge as r } from "../../components/StatusBadge.js";
-import { EmptyState as i } from "../../components/EmptyState.js";
-import { formatCurrency as a, formatDate as o } from "../../utils/formatters.js";
-import { useMemo as s, useState as c } from "react";
-import { AlertTriangle as l, ArrowLeft as u, Calendar as d, CalendarCheck as f, CheckCircle2 as p, Circle as m, Clock as h, Headphones as g, MapPin as _, Phone as v, ShoppingBag as y, Star as b, XCircle as x } from "lucide-react";
-import { useParams as S } from "react-router-dom";
-import { jsx as C, jsxs as w } from "react/jsx-runtime";
-import { EmphasisPanel as T } from "@burdenoff/fe-libs/ui";
-//#region src/adaptercloud/pages/customer/BookingDetailsPage.tsx
-var E = [
-	{
-		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
-			}
-		]
-	}
-], 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 (!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"${E}".`,
-			action: /* @__PURE__ */ C("button", {
-				type: "button",
-				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 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: () => 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 #", j.id] })]
-		}),
-		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(T, {
-						className: "p-6",
-						children: [
-							/* @__PURE__ */ C("h2", {
-								className: "text-lg font-semibold text-text-primary",
-								children: j.serviceName
-							}),
-							/* @__PURE__ */ C("p", {
-								className: "mt-1 text-sm text-text-secondary",
-								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: 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: 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: [j.duration, " min"] })]
-									})
-								]
-							}),
-							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: j.notes
-								})]
-							}),
-							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-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: j.cancellationReason
-								})]
-							})
-						]
-					}),
-					/* @__PURE__ */ w("div", {
-						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",
-								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: j.provider.name
-											}),
-											/* @__PURE__ */ C("p", {
-												className: "text-xs text-text-secondary",
-												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-status-warning-text text-status-warning-text" }), /* @__PURE__ */ C("span", {
-													className: "text-xs font-medium text-text-primary",
-													children: j.provider.rating
-												})]
-											})
-										]
-									}),
-									/* @__PURE__ */ C("a", {
-										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" })
-									})
-								]
-							}),
-							/* @__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: j.provider.phone })]
-							})
-						]
-					}),
-					/* @__PURE__ */ w("div", {
-						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: 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-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-status-success-bg-subtle/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: () => {
-								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"]
-						}), P && /* @__PURE__ */ w("button", {
-							type: "button",
-							onClick: () => {
-								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"]
-						})]
-					})
-				]
-			}), /* @__PURE__ */ w("div", {
-				className: "space-y-6",
-				children: [
-					/* @__PURE__ */ w("div", {
-						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: "Cart Information"
-							}),
-							/* @__PURE__ */ w("div", {
-								className: "flex items-center gap-3 mb-4",
-								children: [/* @__PURE__ */ C("img", {
-									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: j.provider.name
-										}),
-										/* @__PURE__ */ C("p", {
-											className: "text-xs text-text-secondary",
-											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-status-warning-text text-status-warning-text" }),
-												/* @__PURE__ */ C("span", {
-													className: "text-xs font-medium text-text-primary",
-													children: j.provider.rating
-												}),
-												/* @__PURE__ */ w("span", {
-													className: "text-xs text-text-secondary",
-													children: [
-														"(",
-														j.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: j.provider.location
-									})]
-								})
-							}),
-							/* @__PURE__ */ C("button", {
-								type: "button",
-								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-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"
-						}), /* @__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: j.location.street
-								}),
-								/* @__PURE__ */ w("p", {
-									className: "text-sm text-text-secondary",
-									children: [
-										j.location.area,
-										", ",
-										j.location.city,
-										" - ",
-										j.location.pincode
-									]
-								}),
-								j.location.landmark && /* @__PURE__ */ w("p", {
-									className: "text-xs text-text-secondary mt-1",
-									children: ["Landmark: ", j.location.landmark]
-								})
-							] })]
-						})]
-					}),
-					/* @__PURE__ */ w("div", {
-						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"
-						}), /* @__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(j.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(j.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(j.pricing.tax, { minimumFractionDigits: 0 })
-									})]
-								}),
-								j.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(j.pricing.discount, { minimumFractionDigits: 0 })]
-									})]
-								}),
-								/* @__PURE__ */ w("div", {
-									className: "flex justify-between border-t border-border-subtle 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(j.pricing.total, { minimumFractionDigits: 0 })
-									})]
-								})
-							]
-						})]
-					}),
-					/* @__PURE__ */ w("div", {
-						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"
-						}), /* @__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(j.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: [
-											j.scheduledDate,
-											" at ",
-											j.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: [j.duration, " minutes"]
-									})] })]
-								})
-							]
-						})]
-					}),
-					F && /* @__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-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"]
-					})
-				]
-			})]
-		})]
-	});
-}
-//#endregion
-export { O as BookingDetailsPage };
-
-//# sourceMappingURL=BookingDetailsPage.js.map