@burdenoff/microfe-atheletebridge 2026.624.1 → 2026.625.2

package/dist/atheletebridge/pages/customer/CartDiscoveryPage.js

@@ -5,35 +5,36 @@ import { EmptyState as r } from "../../components/EmptyState.js";
 import { useInvestmentOpportunities as i, useProviders as a } from "../../hooks/useAthleteBridgeApi.js";
 import { formatCurrency as o, formatDistance as s } from "../../utils/formatters.js";
 import { useMemo as c, useState as l } from "react";
-import { AlertCircle as u, Calendar as d, CheckCircle2 as f, Clock as p, Home as m, Info as h, Loader2 as g, MapPin as _, Search as v, Star as y, Tag as b, TrendingUp as x, X as S } from "lucide-react";
-import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { AlertCircle as u, Calendar as d, CheckCircle2 as f, Clock as p, Home as m, Info as h, Loader2 as g, MapPin as _, Search as v, Star as y, Tag as ee, TrendingUp as b, X as x } from "lucide-react";
+import { Fragment as S, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { EmphasisPanel as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
 //#region src/atheletebridge/pages/customer/CartDiscoveryPage.tsx
-var E = "All";
-function D() {
-	let { navigateTo: D } = e(), [O, k] = l(""), [A, j] = l(E), [M, N] = l(""), [P, F] = l(""), [I, L] = l("rating"), [R, z] = l(9), [B, V] = l(!1), [H, U] = l(null), { data: W = [], isLoading: G, isError: K } = a(), { data: q = [] } = i(), J = c(() => {
+var D = "All";
+function O() {
+	let { navigateTo: O } = e(), [k, A] = l(""), [j, M] = l(D), [N, P] = l(""), [F, I] = l(""), [L, R] = l("rating"), [z, B] = l(9), [V, H] = l(!1), [U, W] = l(null), { data: G = [], isLoading: K, isError: q } = a(), { data: J = [] } = i(), Y = c(() => {
 		let e = /* @__PURE__ */ new Set();
-		return W.forEach((t) => {
+		return G.forEach((t) => {
 			t.category && e.add(t.category);
-		}), [E, ...Array.from(e)];
-	}, [W]), Y = c(() => {
-		let e = [...W];
-		if (O.trim()) {
-			let t = O.toLowerCase();
+		}), [D, ...Array.from(e)];
+	}, [G]), X = c(() => {
+		let e = [...G];
+		if (k.trim()) {
+			let t = k.toLowerCase();
 			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.category.toLowerCase().includes(t));
 		}
-		if (A !== E && (e = e.filter((e) => e.category === A)), M) {
-			let t = parseFloat(M);
+		if (j !== D && (e = e.filter((e) => e.category === j)), N) {
+			let t = parseFloat(N);
 			e = e.filter((e) => e.rating >= t);
 		}
-		switch (P && (e = e.filter((e) => {
+		switch (F && (e = e.filter((e) => {
 			let t = e.averageOrderValue ?? 0;
-			switch (P) {
+			switch (F) {
 				case "low": return t <= 300;
 				case "medium": return t > 300 && t <= 800;
 				case "high": return t > 800;
 				default: return !0;
 			}
-		})), I) {
+		})), L) {
 			case "rating":
 				e.sort((e, t) => t.rating - e.rating);
 				break;
@@ -49,34 +50,34 @@ function D() {
 		}
 		return e;
 	}, [
-		W,
-		O,
-		A,
-		M,
-		P,
-		I
-	]), X = Y.slice(0, R), Z = R < Y.length, Q = A !== E || M !== "" || P !== "" || O.trim() !== "", $ = () => {
-		k(""), j(E), N(""), F(""), L("rating"), z(9);
+		G,
+		k,
+		j,
+		N,
+		F,
+		L
+	]), Z = X.slice(0, z), Q = z < X.length, te = j !== D || N !== "" || F !== "" || k.trim() !== "", $ = () => {
+		A(""), M(D), P(""), I(""), R("rating"), B(9);
 	};
-	return G ? /* @__PURE__ */ w(n, {
+	return K ? /* @__PURE__ */ C(n, {
 		title: "Discover Carts",
 		description: "Finding services and shops near you...",
-		children: /* @__PURE__ */ w("div", {
+		children: /* @__PURE__ */ C("div", {
 			className: "flex h-[60vh] items-center justify-center",
-			children: /* @__PURE__ */ w(g, { className: "h-8 w-8 animate-spin text-primary" })
+			children: /* @__PURE__ */ C(g, { className: "h-8 w-8 animate-spin text-primary" })
 		})
-	}) : K ? /* @__PURE__ */ w(n, {
+	}) : q ? /* @__PURE__ */ C(n, {
 		title: "Discover Carts",
 		description: "Error loading carts",
-		children: /* @__PURE__ */ T("div", {
+		children: /* @__PURE__ */ w("div", {
 			className: "flex h-[60vh] flex-col items-center justify-center gap-4",
 			children: [
-				/* @__PURE__ */ w(u, { className: "h-12 w-12 text-status-error-text" }),
-				/* @__PURE__ */ w("h2", {
+				/* @__PURE__ */ C(u, { className: "h-12 w-12 text-status-error-text" }),
+				/* @__PURE__ */ C("h2", {
 					className: "text-xl font-semibold",
 					children: "Error loading service providers"
 				}),
-				/* @__PURE__ */ w("button", {
+				/* @__PURE__ */ C("button", {
 					type: "button",
 					onClick: () => window.location.reload(),
 					className: "rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text",
@@ -84,171 +85,180 @@ function D() {
 				})
 			]
 		})
-	}) : /* @__PURE__ */ T(n, {
+	}) : /* @__PURE__ */ w(n, {
 		title: "Discover Carts",
 		description: "Find services and shops near you",
-		actions: /* @__PURE__ */ T("span", {
+		actions: /* @__PURE__ */ w("span", {
 			className: "text-sm text-text-secondary",
-			children: [Y.length, " carts found"]
+			children: [X.length, " carts found"]
 		}),
 		children: [
-			/* @__PURE__ */ T("div", {
-				className: "relative",
-				children: [
-					/* @__PURE__ */ w(v, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }),
-					/* @__PURE__ */ w("input", {
-						type: "text",
-						placeholder: "Search carts, services, or items...",
-						value: O,
-						onChange: (e) => k(e.target.value),
-						className: t("w-full rounded-lg border border-border-subtle bg-bg-surface py-2.5 pl-10 pr-10 text-sm text-text-primary", "placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]")
-					}),
-					O && /* @__PURE__ */ w("button", {
-						type: "button",
-						onClick: () => k(""),
-						className: "absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary",
-						children: /* @__PURE__ */ w(S, { className: "h-4 w-4" })
-					})
-				]
-			}),
-			/* @__PURE__ */ w("div", {
-				className: "mt-4 flex flex-wrap gap-2",
-				children: J.map((e) => /* @__PURE__ */ w("button", {
-					type: "button",
-					onClick: () => j(e),
-					className: t("rounded-full px-3 py-1.5 text-xs font-medium transition-colors", A === e ? "bg-foreground text-background" : "bg-bg-sunken text-text-secondary hover:bg-accent hover:text-text-primary"),
-					children: e
-				}, e))
+			/* @__PURE__ */ C(E, {
+				className: "mb-6",
+				children: "Find the right service provider near you. Search by name, filter by category, rating and price, then sort to surface the best match. Tap any cart to see its offerings and place an order — this is your starting point for discovering local services."
 			}),
-			/* @__PURE__ */ T("div", {
-				className: "mt-4 flex flex-wrap items-center gap-3",
+			/* @__PURE__ */ w(T, {
+				className: "p-4",
 				children: [
-					/* @__PURE__ */ T("select", {
-						value: M,
-						onChange: (e) => N(e.target.value),
-						className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+					/* @__PURE__ */ w("div", {
+						className: "relative",
 						children: [
-							/* @__PURE__ */ w("option", {
-								value: "",
-								children: "Any Rating"
+							/* @__PURE__ */ C(v, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }),
+							/* @__PURE__ */ C("input", {
+								type: "text",
+								placeholder: "Search carts, services, or items...",
+								value: k,
+								onChange: (e) => A(e.target.value),
+								className: t("w-full rounded-lg border border-border-subtle bg-bg-surface py-2.5 pl-10 pr-10 text-sm text-text-primary", "placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]")
 							}),
-							/* @__PURE__ */ w("option", {
-								value: "4.5",
-								children: "4.5+ Stars"
-							}),
-							/* @__PURE__ */ w("option", {
-								value: "4.0",
-								children: "4.0+ Stars"
-							}),
-							/* @__PURE__ */ w("option", {
-								value: "3.5",
-								children: "3.5+ Stars"
+							k && /* @__PURE__ */ C("button", {
+								type: "button",
+								onClick: () => A(""),
+								className: "absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary",
+								children: /* @__PURE__ */ C(x, { className: "h-4 w-4" })
 							})
 						]
 					}),
-					/* @__PURE__ */ T("select", {
-						value: P,
-						onChange: (e) => F(e.target.value),
-						className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
-						children: [
-							/* @__PURE__ */ w("option", {
-								value: "",
-								children: "Any Price"
-							}),
-							/* @__PURE__ */ w("option", {
-								value: "low",
-								children: "Under ₹300"
-							}),
-							/* @__PURE__ */ w("option", {
-								value: "medium",
-								children: "₹300 - ₹800"
-							}),
-							/* @__PURE__ */ w("option", {
-								value: "high",
-								children: "₹800+"
-							})
-						]
+					/* @__PURE__ */ C("div", {
+						className: "mt-4 flex flex-wrap gap-2",
+						children: Y.map((e) => /* @__PURE__ */ C("button", {
+							type: "button",
+							onClick: () => M(e),
+							className: t("rounded-full px-3 py-1.5 text-xs font-medium transition-colors", j === e ? "bg-foreground text-background" : "bg-bg-sunken text-text-secondary hover:bg-accent hover:text-text-primary"),
+							children: e
+						}, e))
 					}),
-					/* @__PURE__ */ T("select", {
-						value: I,
-						onChange: (e) => L(e.target.value),
-						className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+					/* @__PURE__ */ w("div", {
+						className: "mt-4 flex flex-wrap items-center gap-3",
 						children: [
-							/* @__PURE__ */ w("option", {
-								value: "rating",
-								children: "Highest Rated"
+							/* @__PURE__ */ w("select", {
+								value: N,
+								onChange: (e) => P(e.target.value),
+								className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+								children: [
+									/* @__PURE__ */ C("option", {
+										value: "",
+										children: "Any Rating"
+									}),
+									/* @__PURE__ */ C("option", {
+										value: "4.5",
+										children: "4.5+ Stars"
+									}),
+									/* @__PURE__ */ C("option", {
+										value: "4.0",
+										children: "4.0+ Stars"
+									}),
+									/* @__PURE__ */ C("option", {
+										value: "3.5",
+										children: "3.5+ Stars"
+									})
+								]
 							}),
-							/* @__PURE__ */ w("option", {
-								value: "popularity",
-								children: "Most Popular"
+							/* @__PURE__ */ w("select", {
+								value: F,
+								onChange: (e) => I(e.target.value),
+								className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+								children: [
+									/* @__PURE__ */ C("option", {
+										value: "",
+										children: "Any Price"
+									}),
+									/* @__PURE__ */ C("option", {
+										value: "low",
+										children: "Under ₹300"
+									}),
+									/* @__PURE__ */ C("option", {
+										value: "medium",
+										children: "₹300 - ₹800"
+									}),
+									/* @__PURE__ */ C("option", {
+										value: "high",
+										children: "₹800+"
+									})
+								]
 							}),
-							/* @__PURE__ */ w("option", {
-								value: "distance",
-								children: "Nearest"
+							/* @__PURE__ */ w("select", {
+								value: L,
+								onChange: (e) => R(e.target.value),
+								className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+								children: [
+									/* @__PURE__ */ C("option", {
+										value: "rating",
+										children: "Highest Rated"
+									}),
+									/* @__PURE__ */ C("option", {
+										value: "popularity",
+										children: "Most Popular"
+									}),
+									/* @__PURE__ */ C("option", {
+										value: "distance",
+										children: "Nearest"
+									}),
+									/* @__PURE__ */ C("option", {
+										value: "newest",
+										children: "Newest"
+									})
+								]
 							}),
-							/* @__PURE__ */ w("option", {
-								value: "newest",
-								children: "Newest"
+							te && /* @__PURE__ */ C("button", {
+								type: "button",
+								onClick: $,
+								className: "rounded-lg border border-border-subtle px-3 py-2 text-xs font-medium text-text-secondary hover:text-text-primary transition-colors",
+								children: "Clear All Filters"
 							})
 						]
-					}),
-					Q && /* @__PURE__ */ w("button", {
-						type: "button",
-						onClick: $,
-						className: "rounded-lg border border-border-subtle px-3 py-2 text-xs font-medium text-text-secondary hover:text-text-primary transition-colors",
-						children: "Clear All Filters"
 					})
 				]
 			}),
-			X.length > 0 ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("div", {
+			Z.length > 0 ? /* @__PURE__ */ w(S, { children: [/* @__PURE__ */ C("div", {
 				className: "mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				children: X.map((e) => {
-					let n = q.find((t) => t.cartId === e.id);
-					return /* @__PURE__ */ T("div", {
+				children: Z.map((e) => {
+					let n = J.find((t) => t.cartId === e.id);
+					return /* @__PURE__ */ w("div", {
 						className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm overflow-hidden hover:shadow-md transition-shadow flex flex-col",
-						children: [/* @__PURE__ */ T("div", {
+						children: [/* @__PURE__ */ w("div", {
 							className: "relative h-40 bg-bg-sunken",
 							children: [
-								/* @__PURE__ */ w("img", {
+								/* @__PURE__ */ C("img", {
 									src: e.image,
 									alt: e.name,
 									className: "h-full w-full object-cover"
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ w("div", {
 									className: "absolute top-2 left-2 flex gap-1.5",
-									children: [/* @__PURE__ */ w("span", {
+									children: [/* @__PURE__ */ C("span", {
 										className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium backdrop-blur-sm", e.isOpen ? "bg-green-500/20 text-green-600 dark:text-green-400" : "bg-red-500/20 text-red-600 dark:text-red-400"),
 										children: e.isOpen ? "Open" : "Closed"
-									}), e.isVerified && /* @__PURE__ */ T("span", {
+									}), e.isVerified && /* @__PURE__ */ w("span", {
 										className: "inline-flex items-center gap-0.5 rounded-full bg-blue-500/20 px-2 py-0.5 text-xs font-medium text-blue-600 dark:text-blue-400 backdrop-blur-sm",
-										children: [/* @__PURE__ */ w(f, { className: "h-3 w-3" }), "Verified"]
+										children: [/* @__PURE__ */ C(f, { className: "h-3 w-3" }), "Verified"]
 									})]
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "absolute top-2 right-2",
-									children: /* @__PURE__ */ T("span", {
+									children: /* @__PURE__ */ w("span", {
 										className: "rounded-full bg-black/50 px-2 py-0.5 text-xs text-white backdrop-blur-sm",
 										children: [e.estimatedTime, " min"]
 									})
 								})
 							]
-						}), /* @__PURE__ */ T("div", {
+						}), /* @__PURE__ */ w("div", {
 							className: "flex flex-col flex-1 p-4",
 							children: [
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ w("div", {
 									className: "flex items-start justify-between gap-2 mb-1",
-									children: [/* @__PURE__ */ w("h3", {
+									children: [/* @__PURE__ */ C("h3", {
 										className: "text-sm font-semibold text-text-primary truncate flex-1",
 										children: e.name
-									}), /* @__PURE__ */ T("div", {
+									}), /* @__PURE__ */ w("div", {
 										className: "flex items-center gap-1 shrink-0",
 										children: [
-											/* @__PURE__ */ w(y, { className: "h-3.5 w-3.5 fill-yellow-400 text-yellow-400" }),
-											/* @__PURE__ */ w("span", {
+											/* @__PURE__ */ C(y, { className: "h-3.5 w-3.5 fill-yellow-400 text-yellow-400" }),
+											/* @__PURE__ */ C("span", {
 												className: "text-xs font-medium text-text-primary",
 												children: e.rating
 											}),
-											/* @__PURE__ */ T("span", {
+											/* @__PURE__ */ w("span", {
 												className: "text-xs text-text-secondary",
 												children: [
 													"(",
@@ -259,83 +269,83 @@ function D() {
 										]
 									})]
 								}),
-								/* @__PURE__ */ w("p", {
+								/* @__PURE__ */ C("p", {
 									className: "text-xs text-text-secondary mb-2",
 									children: e.category
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ C("div", {
 									className: "flex items-center gap-3 text-xs text-text-secondary mb-2",
-									children: /* @__PURE__ */ T("span", {
+									children: /* @__PURE__ */ w("span", {
 										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ w(_, { className: "h-3 w-3" }), e.location?.address?.split(",")[0] || "Unknown"]
+										children: [/* @__PURE__ */ C(_, { className: "h-3 w-3" }), e.location?.address?.split(",")[0] || "Unknown"]
 									})
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ w("div", {
 									className: "flex items-center gap-3 text-xs text-text-secondary mb-3",
-									children: [e.averageOrderValue && /* @__PURE__ */ T("span", { children: ["Avg ", o(e.averageOrderValue, { minimumFractionDigits: 0 })] }), /* @__PURE__ */ T("span", {
+									children: [e.averageOrderValue && /* @__PURE__ */ w("span", { children: ["Avg ", o(e.averageOrderValue, { minimumFractionDigits: 0 })] }), /* @__PURE__ */ w("span", {
 										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ w(_, { className: "h-3 w-3" }), s(e.distance)]
+										children: [/* @__PURE__ */ C(_, { className: "h-3 w-3" }), s(e.distance)]
 									})]
 								}),
-								e.serviceTypes?.includes("appointment") && /* @__PURE__ */ w("div", {
+								e.serviceTypes?.includes("appointment") && /* @__PURE__ */ C("div", {
 									className: "mb-3 rounded-md bg-blue-500/10 border border-blue-500/20 p-2",
-									children: /* @__PURE__ */ T("div", {
+									children: /* @__PURE__ */ w("div", {
 										className: "flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400",
-										children: [/* @__PURE__ */ w(d, { className: "h-3 w-3" }), /* @__PURE__ */ w("span", {
+										children: [/* @__PURE__ */ C(d, { className: "h-3 w-3" }), /* @__PURE__ */ C("span", {
 											className: "font-medium",
 											children: "Appointment available"
 										})]
 									})
 								}),
-								e.serviceTypes?.includes("direct_service") && /* @__PURE__ */ w("div", {
+								e.serviceTypes?.includes("direct_service") && /* @__PURE__ */ C("div", {
 									className: "mb-3 rounded-md bg-purple-500/10 border border-purple-500/20 p-2",
-									children: /* @__PURE__ */ T("div", {
+									children: /* @__PURE__ */ w("div", {
 										className: "flex items-center gap-1 text-xs text-purple-600 dark:text-purple-400",
-										children: [/* @__PURE__ */ w(m, { className: "h-3 w-3" }), /* @__PURE__ */ w("span", {
+										children: [/* @__PURE__ */ C(m, { className: "h-3 w-3" }), /* @__PURE__ */ C("span", {
 											className: "font-medium",
 											children: "Direct Service Available"
 										})]
 									})
 								}),
-								e.serviceTypes && e.serviceTypes.length > 0 && /* @__PURE__ */ w("div", {
+								e.serviceTypes && e.serviceTypes.length > 0 && /* @__PURE__ */ C("div", {
 									className: "flex flex-wrap gap-1 mb-3",
-									children: e.serviceTypes.slice(0, 3).map((e) => /* @__PURE__ */ w("span", {
+									children: e.serviceTypes.slice(0, 3).map((e) => /* @__PURE__ */ C("span", {
 										className: "rounded-full bg-bg-sunken px-2 py-0.5 text-[10px] text-text-secondary",
 										children: e.replace(/_/g, " ")
 									}, e))
 								}),
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ w("div", {
 									className: "mt-auto flex gap-2",
 									children: [
-										/* @__PURE__ */ w("button", {
+										/* @__PURE__ */ C("button", {
 											type: "button",
-											onClick: () => D(`/customer/cart/${e.id}`),
+											onClick: () => O(`/customer/cart/${e.id}`),
 											disabled: !e.isOpen,
 											className: t("flex-1 rounded-lg py-2 text-xs font-medium transition-opacity", e.isOpen ? "bg-foreground text-background hover:opacity-90" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
 											children: e.isOpen ? "View Services" : "Closed"
 										}),
-										e.serviceTypes?.includes("direct_service") && /* @__PURE__ */ w("button", {
+										e.serviceTypes?.includes("direct_service") && /* @__PURE__ */ C("button", {
 											type: "button",
-											onClick: () => D(`/customer/cart/${e.id}`),
+											onClick: () => O(`/customer/cart/${e.id}`),
 											className: "rounded-lg border border-border-subtle px-2 py-2 text-xs text-text-primary hover:bg-accent transition-colors",
 											title: "Book Direct Service",
-											children: /* @__PURE__ */ w(m, { className: "h-3.5 w-3.5" })
+											children: /* @__PURE__ */ C(m, { className: "h-3.5 w-3.5" })
 										}),
-										n && /* @__PURE__ */ w("button", {
+										n && /* @__PURE__ */ C("button", {
 											type: "button",
 											onClick: () => alert("Investment opportunity available! View in Investor section."),
 											className: "rounded-lg border border-green-500/30 bg-green-500/10 px-2 py-2 text-xs text-green-600 dark:text-green-400 hover:bg-green-500/20 transition-colors",
 											title: "Investment Opportunity",
-											children: /* @__PURE__ */ w(x, { className: "h-3.5 w-3.5" })
+											children: /* @__PURE__ */ C(b, { className: "h-3.5 w-3.5" })
 										}),
-										/* @__PURE__ */ w("button", {
+										/* @__PURE__ */ C("button", {
 											type: "button",
 											onClick: () => {
-												U(e), V(!0);
+												W(e), H(!0);
 											},
 											className: "rounded-lg border border-border-subtle px-2 py-2 text-xs text-text-primary hover:bg-accent transition-colors",
 											title: "Cart Info",
-											children: /* @__PURE__ */ w(h, { className: "h-3.5 w-3.5" })
+											children: /* @__PURE__ */ C(h, { className: "h-3.5 w-3.5" })
 										})
 									]
 								})
@@ -343,21 +353,22 @@ function D() {
 						})]
 					}, e.id);
 				})
-			}), Z && /* @__PURE__ */ w("div", {
+			}), Q && /* @__PURE__ */ C("div", {
 				className: "mt-8 text-center",
-				children: /* @__PURE__ */ w("button", {
+				children: /* @__PURE__ */ C("button", {
 					type: "button",
-					onClick: () => z((e) => e + 9),
+					onClick: () => B((e) => e + 9),
 					className: "rounded-lg border border-border-subtle px-6 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 					children: "Load More Carts"
 				})
-			})] }) : /* @__PURE__ */ w("div", {
+			})] }) : /* @__PURE__ */ C("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ w(r, {
-					icon: /* @__PURE__ */ w(v, { className: "h-12 w-12" }),
+				children: /* @__PURE__ */ C(r, {
+					illustration: "empty-search",
+					icon: /* @__PURE__ */ C(v, { className: "h-12 w-12" }),
 					title: "No carts found",
-					description: O ? `No results for "${O}". Try a different search term.` : "No carts available with these filters.",
-					action: /* @__PURE__ */ w("button", {
+					description: k ? `No results for "${k}". Try a different search term.` : "No carts available with these filters.",
+					action: /* @__PURE__ */ C("button", {
 						type: "button",
 						onClick: $,
 						className: "rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity",
@@ -365,171 +376,171 @@ function D() {
 					})
 				})
 			}),
-			B && H && /* @__PURE__ */ w("div", {
+			V && U && /* @__PURE__ */ C("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ w("div", {
+				children: /* @__PURE__ */ C("div", {
 					className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface",
-					children: /* @__PURE__ */ T("div", {
+					children: /* @__PURE__ */ w("div", {
 						className: "p-5",
 						children: [
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ w("div", {
 								className: "flex items-center justify-between mb-4",
-								children: [/* @__PURE__ */ w("h3", {
+								children: [/* @__PURE__ */ C("h3", {
 									className: "text-lg font-semibold text-text-primary",
 									children: "Cart Information"
-								}), /* @__PURE__ */ w("button", {
+								}), /* @__PURE__ */ C("button", {
 									type: "button",
-									onClick: () => V(!1),
+									onClick: () => H(!1),
 									className: "rounded-md p-1 text-text-secondary hover:text-text-primary transition-colors",
-									children: /* @__PURE__ */ w(S, { className: "h-5 w-5" })
+									children: /* @__PURE__ */ C(x, { className: "h-5 w-5" })
 								})]
 							}),
-							/* @__PURE__ */ w("div", {
+							/* @__PURE__ */ C("div", {
 								className: "h-48 rounded-lg overflow-hidden mb-4",
-								children: /* @__PURE__ */ w("img", {
-									src: H.image,
-									alt: H.name,
+								children: /* @__PURE__ */ C("img", {
+									src: U.image,
+									alt: U.name,
 									className: "h-full w-full object-cover"
 								})
 							}),
-							/* @__PURE__ */ w("h4", {
+							/* @__PURE__ */ C("h4", {
 								className: "text-xl font-semibold text-text-primary mb-1",
-								children: H.name
+								children: U.name
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ w("div", {
 								className: "flex flex-wrap items-center gap-3 mb-4",
-								children: [/* @__PURE__ */ T("div", {
+								children: [/* @__PURE__ */ w("div", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ w(y, { className: "h-3.5 w-3.5 fill-yellow-400 text-yellow-400" }),
-										/* @__PURE__ */ w("span", {
+										/* @__PURE__ */ C(y, { className: "h-3.5 w-3.5 fill-yellow-400 text-yellow-400" }),
+										/* @__PURE__ */ C("span", {
 											className: "text-sm font-medium",
-											children: H.rating
+											children: U.rating
 										}),
-										/* @__PURE__ */ T("span", {
+										/* @__PURE__ */ w("span", {
 											className: "text-xs text-text-secondary",
 											children: [
 												"(",
-												H.totalRatings,
+												U.totalRatings,
 												" reviews)"
 											]
 										})
 									]
-								}), /* @__PURE__ */ w("span", {
-									className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", H.isOpen ? "bg-green-500/20 text-green-600 dark:text-green-400" : "bg-red-500/20 text-red-600 dark:text-red-400"),
-									children: H.isOpen ? "Open" : "Closed"
+								}), /* @__PURE__ */ C("span", {
+									className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", U.isOpen ? "bg-green-500/20 text-green-600 dark:text-green-400" : "bg-red-500/20 text-red-600 dark:text-red-400"),
+									children: U.isOpen ? "Open" : "Closed"
 								})]
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ w("div", {
 								className: "grid grid-cols-1 gap-3 sm:grid-cols-2 mb-4",
 								children: [
-									/* @__PURE__ */ T("div", {
+									/* @__PURE__ */ w("div", {
 										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ T("p", {
+										children: [/* @__PURE__ */ w("p", {
 											className: "text-xs font-medium text-text-secondary flex items-center gap-1",
-											children: [/* @__PURE__ */ w(_, { className: "h-3 w-3" }), " Location"]
-										}), /* @__PURE__ */ w("p", {
+											children: [/* @__PURE__ */ C(_, { className: "h-3 w-3" }), " Location"]
+										}), /* @__PURE__ */ C("p", {
 											className: "mt-1 text-sm text-text-primary",
-											children: H.location.address
+											children: U.location.address
 										})]
 									}),
-									/* @__PURE__ */ T("div", {
+									/* @__PURE__ */ w("div", {
 										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ T("p", {
+										children: [/* @__PURE__ */ w("p", {
 											className: "text-xs font-medium text-text-secondary flex items-center gap-1",
-											children: [/* @__PURE__ */ w(b, { className: "h-3 w-3" }), " Category"]
-										}), /* @__PURE__ */ w("p", {
+											children: [/* @__PURE__ */ C(ee, { className: "h-3 w-3" }), " Category"]
+										}), /* @__PURE__ */ C("p", {
 											className: "mt-1 text-sm text-text-primary",
-											children: H.category
+											children: U.category
 										})]
 									}),
-									H.averageOrderValue && /* @__PURE__ */ T("div", {
+									U.averageOrderValue && /* @__PURE__ */ w("div", {
 										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ w("p", {
+										children: [/* @__PURE__ */ C("p", {
 											className: "text-xs font-medium text-text-secondary",
 											children: "Average Order"
-										}), /* @__PURE__ */ w("p", {
+										}), /* @__PURE__ */ C("p", {
 											className: "mt-1 text-sm text-text-primary",
-											children: o(H.averageOrderValue, { minimumFractionDigits: 0 })
+											children: o(U.averageOrderValue, { minimumFractionDigits: 0 })
 										})]
 									}),
-									/* @__PURE__ */ T("div", {
+									/* @__PURE__ */ w("div", {
 										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ T("p", {
+										children: [/* @__PURE__ */ w("p", {
 											className: "text-xs font-medium text-text-secondary flex items-center gap-1",
-											children: [/* @__PURE__ */ w(p, { className: "h-3 w-3" }), " Estimated Time"]
-										}), /* @__PURE__ */ T("p", {
+											children: [/* @__PURE__ */ C(p, { className: "h-3 w-3" }), " Estimated Time"]
+										}), /* @__PURE__ */ w("p", {
 											className: "mt-1 text-sm text-text-primary",
-											children: [H.estimatedTime, " minutes"]
+											children: [U.estimatedTime, " minutes"]
 										})]
 									}),
-									/* @__PURE__ */ T("div", {
+									/* @__PURE__ */ w("div", {
 										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ w("p", {
+										children: [/* @__PURE__ */ C("p", {
 											className: "text-xs font-medium text-text-secondary",
 											children: "Distance"
-										}), /* @__PURE__ */ w("p", {
+										}), /* @__PURE__ */ C("p", {
 											className: "mt-1 text-sm text-text-primary",
-											children: s(H.distance)
+											children: s(U.distance)
 										})]
 									}),
-									H.isVerified && /* @__PURE__ */ T("div", {
+									U.isVerified && /* @__PURE__ */ w("div", {
 										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ T("p", {
+										children: [/* @__PURE__ */ w("p", {
 											className: "text-xs font-medium text-text-secondary flex items-center gap-1",
-											children: [/* @__PURE__ */ w(f, { className: "h-3 w-3" }), " Verification"]
-										}), /* @__PURE__ */ w("p", {
+											children: [/* @__PURE__ */ C(f, { className: "h-3 w-3" }), " Verification"]
+										}), /* @__PURE__ */ C("p", {
 											className: "mt-1 text-sm text-text-primary",
 											children: "Verified cart"
 										})]
 									})
 								]
 							}),
-							H.serviceTypes && H.serviceTypes.length > 0 && /* @__PURE__ */ T("div", {
+							U.serviceTypes && U.serviceTypes.length > 0 && /* @__PURE__ */ w("div", {
 								className: "mb-4",
-								children: [/* @__PURE__ */ w("p", {
+								children: [/* @__PURE__ */ C("p", {
 									className: "text-xs font-medium text-text-secondary mb-2",
 									children: "Service Types"
-								}), /* @__PURE__ */ w("div", {
+								}), /* @__PURE__ */ C("div", {
 									className: "flex flex-wrap gap-2",
-									children: H.serviceTypes.map((e) => /* @__PURE__ */ w("span", {
+									children: U.serviceTypes.map((e) => /* @__PURE__ */ C("span", {
 										className: "rounded-full bg-bg-sunken px-2.5 py-1 text-xs text-text-secondary capitalize",
 										children: e.replace(/_/g, " ")
 									}, e))
 								})]
 							}),
-							H.businessHours && Object.keys(H.businessHours).length > 0 && /* @__PURE__ */ T("div", {
+							U.businessHours && Object.keys(U.businessHours).length > 0 && /* @__PURE__ */ w("div", {
 								className: "mb-4",
-								children: [/* @__PURE__ */ w("p", {
+								children: [/* @__PURE__ */ C("p", {
 									className: "text-xs font-medium text-text-secondary mb-2",
 									children: "Operating Hours"
-								}), /* @__PURE__ */ w("div", {
+								}), /* @__PURE__ */ C("div", {
 									className: "space-y-1",
-									children: Object.entries(H.businessHours).map(([e, t]) => /* @__PURE__ */ T("div", {
+									children: Object.entries(U.businessHours).map(([e, t]) => /* @__PURE__ */ w("div", {
 										className: "flex justify-between text-xs",
-										children: [/* @__PURE__ */ w("span", {
+										children: [/* @__PURE__ */ C("span", {
 											className: "capitalize text-text-primary",
 											children: e
-										}), /* @__PURE__ */ w("span", {
+										}), /* @__PURE__ */ C("span", {
 											className: "text-text-secondary",
 											children: t.isOpen ? `${t.open} - ${t.close}` : "Closed"
 										})]
 									}, e))
 								})]
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ w("div", {
 								className: "flex gap-3 mt-6",
-								children: [/* @__PURE__ */ w("button", {
+								children: [/* @__PURE__ */ C("button", {
 									type: "button",
 									onClick: () => {
-										V(!1), D(`/customer/carts/${H.id}`);
+										H(!1), O(`/customer/carts/${U.id}`);
 									},
-									disabled: !H.isOpen,
-									className: t("flex-1 rounded-lg py-2.5 text-sm font-medium transition-opacity", H.isOpen ? "bg-foreground text-background hover:opacity-90" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
-									children: H.isOpen ? "View Menu" : "Currently Closed"
-								}), /* @__PURE__ */ w("button", {
+									disabled: !U.isOpen,
+									className: t("flex-1 rounded-lg py-2.5 text-sm font-medium transition-opacity", U.isOpen ? "bg-foreground text-background hover:opacity-90" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
+									children: U.isOpen ? "View Menu" : "Currently Closed"
+								}), /* @__PURE__ */ C("button", {
 									type: "button",
-									onClick: () => V(!1),
+									onClick: () => H(!1),
 									className: "rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 									children: "Close"
 								})]
@@ -542,6 +553,6 @@ function D() {
 	});
 }
 //#endregion
-export { D as CartDiscoveryPage };
+export { O as CartDiscoveryPage };
 
 //# sourceMappingURL=CartDiscoveryPage.js.map