@burdenoff/microfe-kadaikodi 2026.802.1 → 2026.830.1

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

@@ -2,43 +2,47 @@ import { useKadaikodi as e } from "../../context/KadaikodiContext.js";
 import { cn as t } from "../../utils/cn.js";
 import { PageLayout as n } from "../../components/PageLayout.js";
 import { EmptyState as r } from "../../components/EmptyState.js";
-import { useInvestmentOpportunities as i, useProviders as a } from "../../hooks/useKadaikodiApi.js";
-import { formatCurrency as o, formatDistance as s } from "../../utils/formatters.js";
-import { RatingStars as c } from "../../components/viz/RatingStars.js";
-import { SegmentedTabs as l } from "../../components/viz/SegmentedTabs.js";
+import { useInvestmentOpportunities as ee, useProviders as i } from "../../hooks/useKadaikodiApi.js";
+import { formatCurrency as a, formatDistance as o } from "../../utils/formatters.js";
+import { RatingStars as te } from "../../components/viz/RatingStars.js";
+import { SegmentedTabs as ne } from "../../components/viz/SegmentedTabs.js";
 import "../../components/viz/index.js";
-import { ProviderImage as u, useFavorites as d } from "./shared.js";
-import { useMemo as f, useState as p } from "react";
-import { AlertCircle as ee, Calendar as te, CheckCircle2 as m, Clock as h, Heart as g, Home as _, Info as v, Loader2 as y, MapPin as b, Search as x, Star as ne, Tag as re, TrendingUp as S, X as C } from "lucide-react";
-import { Fragment as w, jsx as T, jsxs as E } from "react/jsx-runtime";
-import { EmphasisPanel as D, PagePurpose as O } from "@burdenoff/fe-libs/ui";
+import { ProviderImage as s, useFavorites as c } from "./shared.js";
+import { useMemo as l, useState as u } from "react";
+import { AlertCircle as d, Calendar as f, CheckCircle2 as p, Clock as m, Heart as re, Home as h, Info as ie, 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 ae, jsx as C, jsxs as w } from "react/jsx-runtime";
+import { EmphasisPanel as T, PagePurpose as E } from "@burdenoff/fe-libs/ui";
 //#region src/kadaikodi/pages/customer/CartDiscoveryPage.tsx
-var k = "All";
-function A() {
-	let { navigateTo: A } = e(), [j, M] = p(""), [N, P] = p(k), [F, I] = p(""), [L, R] = p(""), [z, B] = p("rating"), [V, H] = p(9), [U, W] = p(!1), [G, K] = p(null), { data: q = [], isLoading: J, isError: Y } = a(), { data: ie = [] } = i(), X = d(), ae = f(() => {
+var D = "All", O = {
+	low: "Under ₹300",
+	medium: "₹300 – ₹800",
+	high: "₹800+"
+};
+function k() {
+	let { navigateTo: k } = e(), [A, j] = u(""), [M, N] = u(D), [P, F] = u(""), [I, L] = u(""), [R, z] = u(!1), [B, V] = u("rating"), [H, U] = u(9), [W, G] = u(!1), [K, q] = u(null), { data: J = [], isLoading: oe, isError: se } = i(), { data: ce = [] } = ee(), Y = c(), le = l(() => {
 		let e = /* @__PURE__ */ new Set();
-		return q.forEach((t) => {
+		return J.forEach((t) => {
 			t.category && e.add(t.category);
-		}), [k, ...Array.from(e)];
-	}, [q]), Z = f(() => {
-		let e = [...q];
-		if (j.trim()) {
-			let t = j.toLowerCase();
+		}), [D, ...Array.from(e)];
+	}, [J]), X = l(() => {
+		let e = [...J];
+		if (A.trim()) {
+			let t = A.toLowerCase();
 			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.category.toLowerCase().includes(t));
 		}
-		if (N !== k && (e = e.filter((e) => e.category === N)), F) {
-			let t = parseFloat(F);
+		if (M !== D && (e = e.filter((e) => e.category === M)), P) {
+			let t = parseFloat(P);
 			e = e.filter((e) => e.rating >= t);
 		}
-		switch (L && (e = e.filter((e) => {
+		switch (I && (e = e.filter((e) => {
 			let t = e.averageOrderValue ?? 0;
-			switch (L) {
+			switch (I) {
 				case "low": return t <= 300;
 				case "medium": return t > 300 && t <= 800;
 				case "high": return t > 800;
 				default: return !0;
 			}
-		})), z) {
+		})), R && (e = e.filter((e) => e.isOpen)), B) {
 			case "rating":
 				e.sort((e, t) => t.rating - e.rating);
 				break;
@@ -54,34 +58,64 @@ function A() {
 		}
 		return e;
 	}, [
-		q,
-		j,
-		N,
-		F,
-		L,
-		z
-	]), Q = Z.slice(0, V), oe = V < Z.length, se = N !== k || F !== "" || L !== "" || j.trim() !== "", $ = () => {
-		M(""), P(k), I(""), R(""), B("rating"), H(9);
+		J,
+		A,
+		M,
+		P,
+		I,
+		R,
+		B
+	]), Z = X.slice(0, H), ue = H < X.length, Q = l(() => {
+		let e = [];
+		return A.trim() && e.push({
+			id: "search",
+			label: `"${A.trim()}"`,
+			clear: () => j("")
+		}), M !== D && e.push({
+			id: "category",
+			label: M,
+			clear: () => N(D)
+		}), P && e.push({
+			id: "rating",
+			label: `${P}+ stars`,
+			clear: () => F("")
+		}), I && e.push({
+			id: "price",
+			label: O[I],
+			clear: () => L("")
+		}), R && e.push({
+			id: "open",
+			label: "Open now",
+			clear: () => z(!1)
+		}), e;
+	}, [
+		A,
+		M,
+		P,
+		I,
+		R
+	]), de = Q.length > 0, $ = () => {
+		j(""), N(D), F(""), L(""), z(!1), V("rating"), U(9);
 	};
-	return J ? /* @__PURE__ */ T(n, {
+	return oe ? /* @__PURE__ */ C(n, {
 		title: "Discover Carts",
 		description: "Finding services and shops near you...",
-		children: /* @__PURE__ */ T("div", {
+		children: /* @__PURE__ */ C("div", {
 			className: "flex h-[60vh] items-center justify-center",
-			children: /* @__PURE__ */ T(y, { className: "h-8 w-8 animate-spin text-primary" })
+			children: /* @__PURE__ */ C(g, { className: "h-8 w-8 animate-spin text-primary" })
 		})
-	}) : Y ? /* @__PURE__ */ T(n, {
+	}) : se ? /* @__PURE__ */ C(n, {
 		title: "Discover Carts",
 		description: "Error loading carts",
-		children: /* @__PURE__ */ E("div", {
+		children: /* @__PURE__ */ w("div", {
 			className: "flex h-[60vh] flex-col items-center justify-center gap-4",
 			children: [
-				/* @__PURE__ */ T(ee, { className: "h-12 w-12 text-status-error-text" }),
-				/* @__PURE__ */ T("h2", {
+				/* @__PURE__ */ C(d, { className: "h-12 w-12 text-status-error-text" }),
+				/* @__PURE__ */ C("h2", {
 					className: "text-xl font-semibold",
 					children: "Error loading service providers"
 				}),
-				/* @__PURE__ */ T("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",
@@ -89,202 +123,218 @@ function A() {
 				})
 			]
 		})
-	}) : /* @__PURE__ */ E(n, {
+	}) : /* @__PURE__ */ w(n, {
 		title: "Discover Carts",
 		description: "Find services and shops near you",
-		actions: /* @__PURE__ */ E("span", {
+		actions: /* @__PURE__ */ w("span", {
 			className: "text-sm text-text-secondary",
-			children: [Z.length, " carts found"]
+			children: [X.length, " carts found"]
 		}),
 		children: [
-			/* @__PURE__ */ T(O, {
+			/* @__PURE__ */ C(E, {
 				className: "mb-4",
 				children: "Find mobile food carts and shops near you. Search by name, dish or category, then filter by rating and price to land on exactly what you're craving — tap any cart to see its menu and order."
 			}),
-			/* @__PURE__ */ T(D, { children: /* @__PURE__ */ E("div", {
+			/* @__PURE__ */ C(T, { children: /* @__PURE__ */ w("div", {
 				className: "relative",
 				children: [
-					/* @__PURE__ */ T(x, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }),
-					/* @__PURE__ */ T("input", {
+					/* @__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: j,
-						onChange: (e) => M(e.target.value),
+						value: A,
+						onChange: (e) => j(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)]")
 					}),
-					j && /* @__PURE__ */ T("button", {
+					A && /* @__PURE__ */ C("button", {
 						type: "button",
-						onClick: () => M(""),
+						onClick: () => j(""),
 						className: "absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary",
-						children: /* @__PURE__ */ T(C, { className: "h-4 w-4" })
+						children: /* @__PURE__ */ C(S, { className: "h-4 w-4" })
 					})
 				]
 			}) }),
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ C("div", {
 				className: "mt-4 -mx-1 overflow-x-auto px-1 pb-1",
-				children: /* @__PURE__ */ T(l, {
+				children: /* @__PURE__ */ C(ne, {
 					"aria-label": "Filter carts by category",
 					className: "w-max",
-					tabs: ae.map((e) => ({
+					tabs: le.map((e) => ({
 						id: e,
 						label: e
 					})),
-					value: N,
-					onChange: P
+					value: M,
+					onChange: N
 				})
 			}),
-			/* @__PURE__ */ E("div", {
+			/* @__PURE__ */ w("div", {
 				className: "mt-4 flex flex-wrap items-center gap-3",
 				children: [
-					/* @__PURE__ */ E("select", {
-						value: F,
-						onChange: (e) => I(e.target.value),
+					/* @__PURE__ */ w("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__ */ T("option", {
+							/* @__PURE__ */ C("option", {
 								value: "",
 								children: "Any Rating"
 							}),
-							/* @__PURE__ */ T("option", {
+							/* @__PURE__ */ C("option", {
 								value: "4.5",
 								children: "4.5+ Stars"
 							}),
-							/* @__PURE__ */ T("option", {
+							/* @__PURE__ */ C("option", {
 								value: "4.0",
 								children: "4.0+ Stars"
 							}),
-							/* @__PURE__ */ T("option", {
+							/* @__PURE__ */ C("option", {
 								value: "3.5",
 								children: "3.5+ Stars"
 							})
 						]
 					}),
-					/* @__PURE__ */ E("select", {
-						value: L,
-						onChange: (e) => R(e.target.value),
+					/* @__PURE__ */ w("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)]",
 						children: [
-							/* @__PURE__ */ T("option", {
+							/* @__PURE__ */ C("option", {
 								value: "",
 								children: "Any Price"
 							}),
-							/* @__PURE__ */ T("option", {
+							/* @__PURE__ */ C("option", {
 								value: "low",
-								children: "Under ₹300"
+								children: O.low
 							}),
-							/* @__PURE__ */ T("option", {
+							/* @__PURE__ */ C("option", {
 								value: "medium",
-								children: "₹300 - ₹800"
+								children: O.medium
 							}),
-							/* @__PURE__ */ T("option", {
+							/* @__PURE__ */ C("option", {
 								value: "high",
-								children: "₹800+"
+								children: O.high
 							})
 						]
 					}),
-					/* @__PURE__ */ E("select", {
-						value: z,
-						onChange: (e) => B(e.target.value),
+					/* @__PURE__ */ w("button", {
+						type: "button",
+						onClick: () => z((e) => !e),
+						"aria-pressed": R,
+						className: t("inline-flex items-center gap-1.5 rounded-lg border px-3 py-2 text-xs font-medium transition-colors", R ? "border-status-success-text/40 bg-status-success-bg-subtle text-status-success-text" : "border-border-subtle bg-bg-surface text-text-primary hover:bg-accent"),
+						children: [/* @__PURE__ */ C(m, { className: "h-3.5 w-3.5" }), "Open now"]
+					}),
+					/* @__PURE__ */ w("select", {
+						value: B,
+						onChange: (e) => V(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__ */ T("option", {
+							/* @__PURE__ */ C("option", {
 								value: "rating",
 								children: "Highest Rated"
 							}),
-							/* @__PURE__ */ T("option", {
+							/* @__PURE__ */ C("option", {
 								value: "popularity",
 								children: "Most Popular"
 							}),
-							/* @__PURE__ */ T("option", {
+							/* @__PURE__ */ C("option", {
 								value: "distance",
 								children: "Nearest"
 							}),
-							/* @__PURE__ */ T("option", {
+							/* @__PURE__ */ C("option", {
 								value: "newest",
 								children: "Newest"
 							})
 						]
-					}),
-					se && /* @__PURE__ */ T("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"
 					})
 				]
 			}),
-			/* @__PURE__ */ E("h2", {
+			de && /* @__PURE__ */ w("div", {
+				className: "mt-3 flex flex-wrap items-center gap-2",
+				children: [Q.map((e) => /* @__PURE__ */ w("button", {
+					type: "button",
+					onClick: e.clear,
+					"aria-label": `Remove filter ${e.label}`,
+					className: "inline-flex items-center gap-1.5 rounded-full border border-border-subtle bg-bg-surface px-3 py-1 text-xs font-medium text-text-primary transition-colors hover:bg-accent",
+					children: [e.label, /* @__PURE__ */ C(S, { className: "h-3 w-3 text-text-secondary" })]
+				}, e.id)), /* @__PURE__ */ C("button", {
+					type: "button",
+					onClick: $,
+					className: "rounded-full px-2 py-1 text-xs font-medium text-text-secondary underline-offset-2 transition-colors hover:text-text-primary hover:underline",
+					children: "Clear all"
+				})]
+			}),
+			/* @__PURE__ */ w("h2", {
 				className: "mt-6 mb-3 text-lg font-semibold text-text-primary",
 				children: [
-					Z.length,
+					X.length,
 					" ",
-					Z.length === 1 ? "cart" : "carts",
+					X.length === 1 ? "cart" : "carts",
 					" near you"
 				]
 			}),
-			Q.length > 0 ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("div", {
+			Z.length > 0 ? /* @__PURE__ */ w(ae, { children: [/* @__PURE__ */ C("div", {
 				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				children: Q.map((e) => {
-					let n = ie.find((t) => t.cartId === e.id), r = X.has(e.id);
-					return /* @__PURE__ */ E("div", {
+				children: Z.map((e) => {
+					let n = ce.find((t) => t.cartId === e.id), r = Y.has(e.id);
+					return /* @__PURE__ */ w("div", {
 						className: "group rounded-xl border border-border-subtle bg-bg-surface shadow-elevation-1 overflow-hidden hover:shadow-elevation-2 hover:-translate-y-0.5 transition-all duration-200 flex flex-col",
-						children: [/* @__PURE__ */ E("div", {
+						children: [/* @__PURE__ */ w("div", {
 							className: "relative h-40 bg-bg-sunken",
 							children: [
-								/* @__PURE__ */ T(u, {
+								/* @__PURE__ */ C(s, {
 									src: e.image,
 									alt: e.name,
 									seed: e.name
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ w("div", {
 									className: "absolute top-2 left-2 flex gap-1.5",
-									children: [/* @__PURE__ */ E("span", {
+									children: [/* @__PURE__ */ w("span", {
 										className: t("inline-flex items-center gap-1 rounded-full px-2 py-0.5 text-xs font-medium backdrop-blur-sm", e.isOpen ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"),
-										children: [/* @__PURE__ */ T(h, { className: "h-3 w-3" }), e.isOpen ? "Open now" : "Closed"]
-									}), e.isVerified && /* @__PURE__ */ E("span", {
+										children: [/* @__PURE__ */ C(m, { className: "h-3 w-3" }), e.isOpen ? "Open now" : "Closed"]
+									}), e.isVerified && /* @__PURE__ */ w("span", {
 										className: "inline-flex items-center gap-0.5 rounded-full bg-[var(--color-accent-soft)] px-2 py-0.5 text-xs font-medium text-text-primary backdrop-blur-sm",
-										children: [/* @__PURE__ */ T(m, { className: "h-3 w-3" }), "Verified"]
+										children: [/* @__PURE__ */ C(p, { className: "h-3 w-3" }), "Verified"]
 									})]
 								}),
-								/* @__PURE__ */ T("button", {
+								/* @__PURE__ */ C("button", {
 									type: "button",
-									onClick: () => X.toggle(e.id),
+									onClick: () => Y.toggle(e.id),
 									"aria-pressed": r,
 									"aria-label": r ? "Remove from favorites" : "Save to favorites",
 									className: "absolute top-2 right-2 flex h-8 w-8 items-center justify-center rounded-full bg-bg-surface/80 backdrop-blur-sm text-text-secondary hover:text-status-error-text transition-colors",
-									children: /* @__PURE__ */ T(g, { className: t("h-4 w-4 transition-colors", r && "fill-status-error-text text-status-error-text") })
+									children: /* @__PURE__ */ C(re, { className: t("h-4 w-4 transition-colors", r && "fill-status-error-text text-status-error-text") })
 								}),
-								e.estimatedTime != null && /* @__PURE__ */ E("span", {
+								e.estimatedTime != null && /* @__PURE__ */ w("span", {
 									className: "absolute bottom-2 right-2 rounded-full bg-black/50 px-2 py-0.5 text-xs text-white backdrop-blur-sm",
 									children: [e.estimatedTime, " min"]
 								})
 							]
-						}), /* @__PURE__ */ E("div", {
+						}), /* @__PURE__ */ w("div", {
 							className: "flex flex-col flex-1 p-4",
 							children: [
-								/* @__PURE__ */ T("div", {
+								/* @__PURE__ */ C("div", {
 									className: "flex items-start justify-between gap-2 mb-1",
-									children: /* @__PURE__ */ T("h3", {
+									children: /* @__PURE__ */ C("h3", {
 										className: "text-sm font-semibold text-text-primary truncate flex-1",
 										children: e.name
 									})
 								}),
-								/* @__PURE__ */ T("span", {
+								/* @__PURE__ */ C("span", {
 									className: "mb-2 inline-flex w-fit items-center rounded-full bg-bg-sunken px-2 py-0.5 text-[11px] font-medium text-text-secondary",
 									children: e.category
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ w("div", {
 									className: "mb-2 flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ T(c, {
+										/* @__PURE__ */ C(te, {
 											value: e.rating,
 											size: 14
 										}),
-										/* @__PURE__ */ T("span", {
+										/* @__PURE__ */ C("span", {
 											className: "text-xs font-medium text-text-primary",
 											children: e.rating
 										}),
-										/* @__PURE__ */ E("span", {
+										/* @__PURE__ */ w("span", {
 											className: "text-xs text-text-secondary",
 											children: [
 												"(",
@@ -294,79 +344,79 @@ function A() {
 										})
 									]
 								}),
-								/* @__PURE__ */ E("div", {
+								/* @__PURE__ */ w("div", {
 									className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-text-secondary mb-3",
 									children: [
-										/* @__PURE__ */ E("span", {
+										/* @__PURE__ */ w("span", {
 											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ T(b, { className: "h-3 w-3" }), e.location?.address?.split(",")[0] || "Chennai"]
+											children: [/* @__PURE__ */ C(_, { className: "h-3 w-3" }), e.location?.address?.split(",")[0] || "Chennai"]
 										}),
-										e.distance != null && /* @__PURE__ */ E("span", {
+										e.distance != null && /* @__PURE__ */ w("span", {
 											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ T(b, { className: "h-3 w-3" }), s(e.distance)]
+											children: [/* @__PURE__ */ C(_, { className: "h-3 w-3" }), o(e.distance)]
 										}),
-										e.averageOrderValue != null && /* @__PURE__ */ E("span", { children: ["Avg ", o(e.averageOrderValue, { minimumFractionDigits: 0 })] })
+										e.averageOrderValue != null && /* @__PURE__ */ w("span", { children: ["Avg ", a(e.averageOrderValue, { minimumFractionDigits: 0 })] })
 									]
 								}),
-								e.serviceTypes?.includes("appointment") && /* @__PURE__ */ T("div", {
+								e.serviceTypes?.includes("scheduled_stop") && /* @__PURE__ */ C("div", {
 									className: "mb-3 rounded-md bg-[var(--color-accent-soft)] border border-border-focus/20 p-2",
-									children: /* @__PURE__ */ E("div", {
+									children: /* @__PURE__ */ w("div", {
 										className: "flex items-center gap-1 text-xs text-text-primary",
-										children: [/* @__PURE__ */ T(te, { className: "h-3 w-3" }), /* @__PURE__ */ T("span", {
+										children: [/* @__PURE__ */ C(f, { className: "h-3 w-3" }), /* @__PURE__ */ C("span", {
 											className: "font-medium",
-											children: "Appointment available"
+											children: "Scheduled stops"
 										})]
 									})
 								}),
-								e.serviceTypes?.includes("direct_service") && /* @__PURE__ */ T("div", {
+								e.serviceTypes?.includes("direct_service") && /* @__PURE__ */ C("div", {
 									className: "mb-3 rounded-md bg-accent-purple-subtle border border-accent-purple/20 p-2",
-									children: /* @__PURE__ */ E("div", {
+									children: /* @__PURE__ */ w("div", {
 										className: "flex items-center gap-1 text-xs text-text-primary",
-										children: [/* @__PURE__ */ T(_, { className: "h-3 w-3" }), /* @__PURE__ */ T("span", {
+										children: [/* @__PURE__ */ C(h, { className: "h-3 w-3" }), /* @__PURE__ */ C("span", {
 											className: "font-medium",
 											children: "Direct Service Available"
 										})]
 									})
 								}),
-								e.serviceTypes && e.serviceTypes.length > 0 && /* @__PURE__ */ T("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__ */ T("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__ */ E("div", {
+								/* @__PURE__ */ w("div", {
 									className: "mt-auto flex gap-2",
 									children: [
-										/* @__PURE__ */ T("button", {
+										/* @__PURE__ */ C("button", {
 											type: "button",
-											onClick: () => A(`/customer/cart/${e.id}`),
+											onClick: () => k(`/customer/cart/${e.id}`),
 											disabled: !e.isOpen,
 											className: t("flex-1 rounded-lg py-2 text-xs font-semibold transition-colors", e.isOpen ? "bg-action-primary-bg text-action-primary-text hover:bg-action-primary-bg-hover" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
 											children: e.isOpen ? "View" : "Closed"
 										}),
-										e.serviceTypes?.includes("direct_service") && /* @__PURE__ */ T("button", {
+										e.serviceTypes?.includes("direct_service") && /* @__PURE__ */ C("button", {
 											type: "button",
-											onClick: () => A(`/customer/cart/${e.id}`),
+											onClick: () => k(`/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__ */ T(_, { className: "h-3.5 w-3.5" })
+											children: /* @__PURE__ */ C(h, { className: "h-3.5 w-3.5" })
 										}),
-										n && /* @__PURE__ */ T("button", {
+										n && /* @__PURE__ */ C("button", {
 											type: "button",
-											onClick: () => A(`/investor/opportunity/${n.id}`),
+											onClick: () => k(`/investor/opportunity/${n.id}`),
 											className: "rounded-lg border border-status-success-text/30 bg-status-success-bg-subtle px-2 py-2 text-xs text-status-success-text hover:bg-status-success-bg-subtle transition-colors",
 											title: "Investment Opportunity",
-											children: /* @__PURE__ */ T(S, { className: "h-3.5 w-3.5" })
+											children: /* @__PURE__ */ C(x, { className: "h-3.5 w-3.5" })
 										}),
-										/* @__PURE__ */ T("button", {
+										/* @__PURE__ */ C("button", {
 											type: "button",
 											onClick: () => {
-												K(e), W(!0);
+												q(e), G(!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__ */ T(v, { className: "h-3.5 w-3.5" })
+											children: /* @__PURE__ */ C(ie, { className: "h-3.5 w-3.5" })
 										})
 									]
 								})
@@ -374,22 +424,22 @@ function A() {
 						})]
 					}, e.id);
 				})
-			}), oe && /* @__PURE__ */ T("div", {
+			}), ue && /* @__PURE__ */ C("div", {
 				className: "mt-8 text-center",
-				children: /* @__PURE__ */ T("button", {
+				children: /* @__PURE__ */ C("button", {
 					type: "button",
-					onClick: () => H((e) => e + 9),
+					onClick: () => U((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__ */ T("div", {
+			})] }) : /* @__PURE__ */ C("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ T(r, {
+				children: /* @__PURE__ */ C(r, {
 					illustration: "empty-search",
-					icon: /* @__PURE__ */ T(x, { className: "h-12 w-12" }),
+					icon: /* @__PURE__ */ C(v, { className: "h-12 w-12" }),
 					title: "No carts found",
-					description: j ? `No results for "${j}". Try a different search term.` : "No carts available with these filters.",
-					action: /* @__PURE__ */ T("button", {
+					description: A ? `No results for "${A}". 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",
@@ -397,171 +447,171 @@ function A() {
 					})
 				})
 			}),
-			U && G && /* @__PURE__ */ T("div", {
+			W && K && /* @__PURE__ */ C("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ T("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__ */ E("div", {
+					children: /* @__PURE__ */ w("div", {
 						className: "p-5",
 						children: [
-							/* @__PURE__ */ E("div", {
+							/* @__PURE__ */ w("div", {
 								className: "flex items-center justify-between mb-4",
-								children: [/* @__PURE__ */ T("h3", {
+								children: [/* @__PURE__ */ C("h3", {
 									className: "text-lg font-semibold text-text-primary",
 									children: "Cart Information"
-								}), /* @__PURE__ */ T("button", {
+								}), /* @__PURE__ */ C("button", {
 									type: "button",
-									onClick: () => W(!1),
+									onClick: () => G(!1),
 									className: "rounded-md p-1 text-text-secondary hover:text-text-primary transition-colors",
-									children: /* @__PURE__ */ T(C, { className: "h-5 w-5" })
+									children: /* @__PURE__ */ C(S, { className: "h-5 w-5" })
 								})]
 							}),
-							/* @__PURE__ */ T("div", {
+							/* @__PURE__ */ C("div", {
 								className: "h-48 rounded-lg overflow-hidden mb-4",
-								children: /* @__PURE__ */ T(u, {
-									src: G.image,
-									alt: G.name,
-									seed: G.name
+								children: /* @__PURE__ */ C(s, {
+									src: K.image,
+									alt: K.name,
+									seed: K.name
 								})
 							}),
-							/* @__PURE__ */ T("h4", {
+							/* @__PURE__ */ C("h4", {
 								className: "text-xl font-semibold text-text-primary mb-1",
-								children: G.name
+								children: K.name
 							}),
-							/* @__PURE__ */ E("div", {
+							/* @__PURE__ */ w("div", {
 								className: "flex flex-wrap items-center gap-3 mb-4",
-								children: [/* @__PURE__ */ E("div", {
+								children: [/* @__PURE__ */ w("div", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ T(ne, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }),
-										/* @__PURE__ */ T("span", {
+										/* @__PURE__ */ C(y, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }),
+										/* @__PURE__ */ C("span", {
 											className: "text-sm font-medium",
-											children: G.rating
+											children: K.rating
 										}),
-										/* @__PURE__ */ E("span", {
+										/* @__PURE__ */ w("span", {
 											className: "text-xs text-text-secondary",
 											children: [
 												"(",
-												G.totalRatings,
+												K.totalRatings,
 												" reviews)"
 											]
 										})
 									]
-								}), /* @__PURE__ */ T("span", {
-									className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", G.isOpen ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"),
-									children: G.isOpen ? "Open" : "Closed"
+								}), /* @__PURE__ */ C("span", {
+									className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", K.isOpen ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"),
+									children: K.isOpen ? "Open" : "Closed"
 								})]
 							}),
-							/* @__PURE__ */ E("div", {
+							/* @__PURE__ */ w("div", {
 								className: "grid grid-cols-1 gap-3 sm:grid-cols-2 mb-4",
 								children: [
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ w("div", {
 										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ E("p", {
+										children: [/* @__PURE__ */ w("p", {
 											className: "text-xs font-medium text-text-secondary flex items-center gap-1",
-											children: [/* @__PURE__ */ T(b, { className: "h-3 w-3" }), " Location"]
-										}), /* @__PURE__ */ T("p", {
+											children: [/* @__PURE__ */ C(_, { className: "h-3 w-3" }), " Location"]
+										}), /* @__PURE__ */ C("p", {
 											className: "mt-1 text-sm text-text-primary",
-											children: G.location.address
+											children: K.location.address
 										})]
 									}),
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ w("div", {
 										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ E("p", {
+										children: [/* @__PURE__ */ w("p", {
 											className: "text-xs font-medium text-text-secondary flex items-center gap-1",
-											children: [/* @__PURE__ */ T(re, { className: "h-3 w-3" }), " Category"]
-										}), /* @__PURE__ */ T("p", {
+											children: [/* @__PURE__ */ C(b, { className: "h-3 w-3" }), " Category"]
+										}), /* @__PURE__ */ C("p", {
 											className: "mt-1 text-sm text-text-primary",
-											children: G.category
+											children: K.category
 										})]
 									}),
-									G.averageOrderValue && /* @__PURE__ */ E("div", {
+									K.averageOrderValue && /* @__PURE__ */ w("div", {
 										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ T("p", {
+										children: [/* @__PURE__ */ C("p", {
 											className: "text-xs font-medium text-text-secondary",
 											children: "Average Order"
-										}), /* @__PURE__ */ T("p", {
+										}), /* @__PURE__ */ C("p", {
 											className: "mt-1 text-sm text-text-primary",
-											children: o(G.averageOrderValue, { minimumFractionDigits: 0 })
+											children: a(K.averageOrderValue, { minimumFractionDigits: 0 })
 										})]
 									}),
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ w("div", {
 										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ E("p", {
+										children: [/* @__PURE__ */ w("p", {
 											className: "text-xs font-medium text-text-secondary flex items-center gap-1",
-											children: [/* @__PURE__ */ T(h, { className: "h-3 w-3" }), " Estimated Time"]
-										}), /* @__PURE__ */ E("p", {
+											children: [/* @__PURE__ */ C(m, { className: "h-3 w-3" }), " Estimated Time"]
+										}), /* @__PURE__ */ w("p", {
 											className: "mt-1 text-sm text-text-primary",
-											children: [G.estimatedTime, " minutes"]
+											children: [K.estimatedTime, " minutes"]
 										})]
 									}),
-									/* @__PURE__ */ E("div", {
+									/* @__PURE__ */ w("div", {
 										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ T("p", {
+										children: [/* @__PURE__ */ C("p", {
 											className: "text-xs font-medium text-text-secondary",
 											children: "Distance"
-										}), /* @__PURE__ */ T("p", {
+										}), /* @__PURE__ */ C("p", {
 											className: "mt-1 text-sm text-text-primary",
-											children: G.distance == null ? "—" : s(G.distance)
+											children: K.distance == null ? "—" : o(K.distance)
 										})]
 									}),
-									G.isVerified && /* @__PURE__ */ E("div", {
+									K.isVerified && /* @__PURE__ */ w("div", {
 										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ E("p", {
+										children: [/* @__PURE__ */ w("p", {
 											className: "text-xs font-medium text-text-secondary flex items-center gap-1",
-											children: [/* @__PURE__ */ T(m, { className: "h-3 w-3" }), " Verification"]
-										}), /* @__PURE__ */ T("p", {
+											children: [/* @__PURE__ */ C(p, { className: "h-3 w-3" }), " Verification"]
+										}), /* @__PURE__ */ C("p", {
 											className: "mt-1 text-sm text-text-primary",
 											children: "Verified cart"
 										})]
 									})
 								]
 							}),
-							G.serviceTypes && G.serviceTypes.length > 0 && /* @__PURE__ */ E("div", {
+							K.serviceTypes && K.serviceTypes.length > 0 && /* @__PURE__ */ w("div", {
 								className: "mb-4",
-								children: [/* @__PURE__ */ T("p", {
+								children: [/* @__PURE__ */ C("p", {
 									className: "text-xs font-medium text-text-secondary mb-2",
 									children: "Service Types"
-								}), /* @__PURE__ */ T("div", {
+								}), /* @__PURE__ */ C("div", {
 									className: "flex flex-wrap gap-2",
-									children: G.serviceTypes.map((e) => /* @__PURE__ */ T("span", {
+									children: K.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))
 								})]
 							}),
-							G.businessHours && Object.keys(G.businessHours).length > 0 && /* @__PURE__ */ E("div", {
+							K.businessHours && Object.keys(K.businessHours).length > 0 && /* @__PURE__ */ w("div", {
 								className: "mb-4",
-								children: [/* @__PURE__ */ T("p", {
+								children: [/* @__PURE__ */ C("p", {
 									className: "text-xs font-medium text-text-secondary mb-2",
 									children: "Operating Hours"
-								}), /* @__PURE__ */ T("div", {
+								}), /* @__PURE__ */ C("div", {
 									className: "space-y-1",
-									children: Object.entries(G.businessHours).map(([e, t]) => /* @__PURE__ */ E("div", {
+									children: Object.entries(K.businessHours).map(([e, t]) => /* @__PURE__ */ w("div", {
 										className: "flex justify-between text-xs",
-										children: [/* @__PURE__ */ T("span", {
+										children: [/* @__PURE__ */ C("span", {
 											className: "capitalize text-text-primary",
 											children: e
-										}), /* @__PURE__ */ T("span", {
+										}), /* @__PURE__ */ C("span", {
 											className: "text-text-secondary",
 											children: t.isOpen ? `${t.open} - ${t.close}` : "Closed"
 										})]
 									}, e))
 								})]
 							}),
-							/* @__PURE__ */ E("div", {
+							/* @__PURE__ */ w("div", {
 								className: "flex gap-3 mt-6",
-								children: [/* @__PURE__ */ T("button", {
+								children: [/* @__PURE__ */ C("button", {
 									type: "button",
 									onClick: () => {
-										W(!1), A(`/customer/cart/${G.id}`);
+										G(!1), k(`/customer/cart/${K.id}`);
 									},
-									disabled: !G.isOpen,
-									className: t("flex-1 rounded-lg py-2.5 text-sm font-medium transition-opacity", G.isOpen ? "bg-foreground text-background hover:opacity-90" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
-									children: G.isOpen ? "View Menu" : "Currently Closed"
-								}), /* @__PURE__ */ T("button", {
+									disabled: !K.isOpen,
+									className: t("flex-1 rounded-lg py-2.5 text-sm font-medium transition-opacity", K.isOpen ? "bg-foreground text-background hover:opacity-90" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
+									children: K.isOpen ? "View Menu" : "Currently Closed"
+								}), /* @__PURE__ */ C("button", {
 									type: "button",
-									onClick: () => W(!1),
+									onClick: () => G(!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"
 								})]
@@ -574,6 +624,6 @@ function A() {
 	});
 }
 //#endregion
-export { A as CartDiscoveryPage };
+export { k as CartDiscoveryPage };
 
 //# sourceMappingURL=CartDiscoveryPage.js.map