@burdenoff/microfe-kadaikodi 2026.704.3 → 2026.704.5

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

@@ -4,37 +4,41 @@ 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 { 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 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";
+import { RatingStars as c } from "../../components/viz/RatingStars.js";
+import { SegmentedTabs as l } 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";
 //#region src/kadaikodi/pages/customer/CartDiscoveryPage.tsx
-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(() => {
+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(() => {
 		let e = /* @__PURE__ */ new Set();
-		return G.forEach((t) => {
+		return q.forEach((t) => {
 			t.category && e.add(t.category);
-		}), [D, ...Array.from(e)];
-	}, [G]), X = c(() => {
-		let e = [...G];
-		if (k.trim()) {
-			let t = k.toLowerCase();
+		}), [k, ...Array.from(e)];
+	}, [q]), Z = f(() => {
+		let e = [...q];
+		if (j.trim()) {
+			let t = j.toLowerCase();
 			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.category.toLowerCase().includes(t));
 		}
-		if (j !== D && (e = e.filter((e) => e.category === j)), N) {
-			let t = parseFloat(N);
+		if (N !== k && (e = e.filter((e) => e.category === N)), F) {
+			let t = parseFloat(F);
 			e = e.filter((e) => e.rating >= t);
 		}
-		switch (F && (e = e.filter((e) => {
+		switch (L && (e = e.filter((e) => {
 			let t = e.averageOrderValue ?? 0;
-			switch (F) {
+			switch (L) {
 				case "low": return t <= 300;
 				case "medium": return t > 300 && t <= 800;
 				case "high": return t > 800;
 				default: return !0;
 			}
-		})), L) {
+		})), z) {
 			case "rating":
 				e.sort((e, t) => t.rating - e.rating);
 				break;
@@ -50,34 +54,34 @@ function O() {
 		}
 		return e;
 	}, [
-		G,
-		k,
+		q,
 		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);
+		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);
 	};
-	return K ? /* @__PURE__ */ C(n, {
+	return J ? /* @__PURE__ */ T(n, {
 		title: "Discover Carts",
 		description: "Finding services and shops near you...",
-		children: /* @__PURE__ */ C("div", {
+		children: /* @__PURE__ */ T("div", {
 			className: "flex h-[60vh] items-center justify-center",
-			children: /* @__PURE__ */ C(g, { className: "h-8 w-8 animate-spin text-primary" })
+			children: /* @__PURE__ */ T(y, { className: "h-8 w-8 animate-spin text-primary" })
 		})
-	}) : q ? /* @__PURE__ */ C(n, {
+	}) : Y ? /* @__PURE__ */ T(n, {
 		title: "Discover Carts",
 		description: "Error loading carts",
-		children: /* @__PURE__ */ w("div", {
+		children: /* @__PURE__ */ E("div", {
 			className: "flex h-[60vh] flex-col items-center justify-center gap-4",
 			children: [
-				/* @__PURE__ */ C(u, { className: "h-12 w-12 text-status-error-text" }),
-				/* @__PURE__ */ C("h2", {
+				/* @__PURE__ */ T(ee, { className: "h-12 w-12 text-status-error-text" }),
+				/* @__PURE__ */ T("h2", {
 					className: "text-xl font-semibold",
 					children: "Error loading service providers"
 				}),
-				/* @__PURE__ */ C("button", {
+				/* @__PURE__ */ T("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",
@@ -85,119 +89,123 @@ function O() {
 				})
 			]
 		})
-	}) : /* @__PURE__ */ w(n, {
+	}) : /* @__PURE__ */ E(n, {
 		title: "Discover Carts",
 		description: "Find services and shops near you",
-		actions: /* @__PURE__ */ w("span", {
+		actions: /* @__PURE__ */ E("span", {
 			className: "text-sm text-text-secondary",
-			children: [X.length, " carts found"]
+			children: [Z.length, " carts found"]
 		}),
 		children: [
-			/* @__PURE__ */ C(E, {
+			/* @__PURE__ */ T(O, {
 				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__ */ C(T, { children: /* @__PURE__ */ w("div", {
+			/* @__PURE__ */ T(D, { children: /* @__PURE__ */ E("div", {
 				className: "relative",
 				children: [
-					/* @__PURE__ */ C(v, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }),
-					/* @__PURE__ */ C("input", {
+					/* @__PURE__ */ T(x, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }),
+					/* @__PURE__ */ T("input", {
 						type: "text",
 						placeholder: "Search carts, services, or items...",
-						value: k,
-						onChange: (e) => A(e.target.value),
+						value: j,
+						onChange: (e) => M(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)]")
 					}),
-					k && /* @__PURE__ */ C("button", {
+					j && /* @__PURE__ */ T("button", {
 						type: "button",
-						onClick: () => A(""),
+						onClick: () => M(""),
 						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" })
+						children: /* @__PURE__ */ T(C, { className: "h-4 w-4" })
 					})
 				]
 			}) }),
-			/* @__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("div", {
+				className: "mt-4 -mx-1 overflow-x-auto px-1 pb-1",
+				children: /* @__PURE__ */ T(l, {
+					"aria-label": "Filter carts by category",
+					className: "w-max",
+					tabs: ae.map((e) => ({
+						id: e,
+						label: e
+					})),
+					value: N,
+					onChange: P
+				})
 			}),
-			/* @__PURE__ */ w("div", {
+			/* @__PURE__ */ E("div", {
 				className: "mt-4 flex flex-wrap items-center gap-3",
 				children: [
-					/* @__PURE__ */ w("select", {
-						value: N,
-						onChange: (e) => P(e.target.value),
+					/* @__PURE__ */ E("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", {
+							/* @__PURE__ */ T("option", {
 								value: "",
 								children: "Any Rating"
 							}),
-							/* @__PURE__ */ C("option", {
+							/* @__PURE__ */ T("option", {
 								value: "4.5",
 								children: "4.5+ Stars"
 							}),
-							/* @__PURE__ */ C("option", {
+							/* @__PURE__ */ T("option", {
 								value: "4.0",
 								children: "4.0+ Stars"
 							}),
-							/* @__PURE__ */ C("option", {
+							/* @__PURE__ */ T("option", {
 								value: "3.5",
 								children: "3.5+ Stars"
 							})
 						]
 					}),
-					/* @__PURE__ */ w("select", {
-						value: F,
-						onChange: (e) => I(e.target.value),
+					/* @__PURE__ */ E("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", {
+							/* @__PURE__ */ T("option", {
 								value: "",
 								children: "Any Price"
 							}),
-							/* @__PURE__ */ C("option", {
+							/* @__PURE__ */ T("option", {
 								value: "low",
 								children: "Under ₹300"
 							}),
-							/* @__PURE__ */ C("option", {
+							/* @__PURE__ */ T("option", {
 								value: "medium",
 								children: "₹300 - ₹800"
 							}),
-							/* @__PURE__ */ C("option", {
+							/* @__PURE__ */ T("option", {
 								value: "high",
 								children: "₹800+"
 							})
 						]
 					}),
-					/* @__PURE__ */ w("select", {
-						value: L,
-						onChange: (e) => R(e.target.value),
+					/* @__PURE__ */ E("select", {
+						value: z,
+						onChange: (e) => B(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", {
+							/* @__PURE__ */ T("option", {
 								value: "rating",
 								children: "Highest Rated"
 							}),
-							/* @__PURE__ */ C("option", {
+							/* @__PURE__ */ T("option", {
 								value: "popularity",
 								children: "Most Popular"
 							}),
-							/* @__PURE__ */ C("option", {
+							/* @__PURE__ */ T("option", {
 								value: "distance",
 								children: "Nearest"
 							}),
-							/* @__PURE__ */ C("option", {
+							/* @__PURE__ */ T("option", {
 								value: "newest",
 								children: "Newest"
 							})
 						]
 					}),
-					te && /* @__PURE__ */ C("button", {
+					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",
@@ -205,142 +213,160 @@ function O() {
 					})
 				]
 			}),
-			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: 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__ */ w("div", {
+			/* @__PURE__ */ E("h2", {
+				className: "mt-6 mb-3 text-lg font-semibold text-text-primary",
+				children: [
+					Z.length,
+					" ",
+					Z.length === 1 ? "cart" : "carts",
+					" near you"
+				]
+			}),
+			Q.length > 0 ? /* @__PURE__ */ E(w, { children: [/* @__PURE__ */ T("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", {
+						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", {
 							className: "relative h-40 bg-bg-sunken",
 							children: [
-								/* @__PURE__ */ C("img", {
+								/* @__PURE__ */ T(u, {
 									src: e.image,
 									alt: e.name,
-									className: "h-full w-full object-cover"
+									seed: e.name
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ E("div", {
 									className: "absolute top-2 left-2 flex gap-1.5",
-									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-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"),
-										children: e.isOpen ? "Open" : "Closed"
-									}), e.isVerified && /* @__PURE__ */ w("span", {
+									children: [/* @__PURE__ */ E("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", {
 										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__ */ C(f, { className: "h-3 w-3" }), "Verified"]
+										children: [/* @__PURE__ */ T(m, { className: "h-3 w-3" }), "Verified"]
 									})]
 								}),
-								/* @__PURE__ */ C("div", {
-									className: "absolute top-2 right-2",
-									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("button", {
+									type: "button",
+									onClick: () => X.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") })
+								}),
+								e.estimatedTime != null && /* @__PURE__ */ E("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__ */ w("div", {
+						}), /* @__PURE__ */ E("div", {
 							className: "flex flex-col flex-1 p-4",
 							children: [
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ T("div", {
 									className: "flex items-start justify-between gap-2 mb-1",
-									children: [/* @__PURE__ */ C("h3", {
+									children: /* @__PURE__ */ T("h3", {
 										className: "text-sm font-semibold text-text-primary truncate flex-1",
 										children: e.name
-									}), /* @__PURE__ */ w("div", {
-										className: "flex items-center gap-1 shrink-0",
-										children: [
-											/* @__PURE__ */ C(y, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }),
-											/* @__PURE__ */ C("span", {
-												className: "text-xs font-medium text-text-primary",
-												children: e.rating
-											}),
-											/* @__PURE__ */ w("span", {
-												className: "text-xs text-text-secondary",
-												children: [
-													"(",
-													e.totalRatings,
-													")"
-												]
-											})
-										]
-									})]
+									})
 								}),
-								/* @__PURE__ */ C("p", {
-									className: "text-xs text-text-secondary mb-2",
+								/* @__PURE__ */ T("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__ */ C("div", {
-									className: "flex items-center gap-3 text-xs text-text-secondary mb-2",
-									children: /* @__PURE__ */ w("span", {
-										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ C(_, { className: "h-3 w-3" }), e.location?.address?.split(",")[0] || "Unknown"]
-									})
+								/* @__PURE__ */ E("div", {
+									className: "mb-2 flex items-center gap-2",
+									children: [
+										/* @__PURE__ */ T(c, {
+											value: e.rating,
+											size: 14
+										}),
+										/* @__PURE__ */ T("span", {
+											className: "text-xs font-medium text-text-primary",
+											children: e.rating
+										}),
+										/* @__PURE__ */ E("span", {
+											className: "text-xs text-text-secondary",
+											children: [
+												"(",
+												e.totalRatings,
+												")"
+											]
+										})
+									]
 								}),
-								/* @__PURE__ */ w("div", {
-									className: "flex items-center gap-3 text-xs text-text-secondary mb-3",
-									children: [e.averageOrderValue && /* @__PURE__ */ w("span", { children: ["Avg ", o(e.averageOrderValue, { minimumFractionDigits: 0 })] }), e.distance != null && /* @__PURE__ */ w("span", {
-										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ C(_, { className: "h-3 w-3" }), s(e.distance)]
-									})]
+								/* @__PURE__ */ E("div", {
+									className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-text-secondary mb-3",
+									children: [
+										/* @__PURE__ */ E("span", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ T(b, { className: "h-3 w-3" }), e.location?.address?.split(",")[0] || "Chennai"]
+										}),
+										e.distance != null && /* @__PURE__ */ E("span", {
+											className: "flex items-center gap-1",
+											children: [/* @__PURE__ */ T(b, { className: "h-3 w-3" }), s(e.distance)]
+										}),
+										e.averageOrderValue != null && /* @__PURE__ */ E("span", { children: ["Avg ", o(e.averageOrderValue, { minimumFractionDigits: 0 })] })
+									]
 								}),
-								e.serviceTypes?.includes("appointment") && /* @__PURE__ */ C("div", {
+								e.serviceTypes?.includes("appointment") && /* @__PURE__ */ T("div", {
 									className: "mb-3 rounded-md bg-[var(--color-accent-soft)] border border-border-focus/20 p-2",
-									children: /* @__PURE__ */ w("div", {
+									children: /* @__PURE__ */ E("div", {
 										className: "flex items-center gap-1 text-xs text-text-primary",
-										children: [/* @__PURE__ */ C(d, { className: "h-3 w-3" }), /* @__PURE__ */ C("span", {
+										children: [/* @__PURE__ */ T(te, { className: "h-3 w-3" }), /* @__PURE__ */ T("span", {
 											className: "font-medium",
 											children: "Appointment available"
 										})]
 									})
 								}),
-								e.serviceTypes?.includes("direct_service") && /* @__PURE__ */ C("div", {
+								e.serviceTypes?.includes("direct_service") && /* @__PURE__ */ T("div", {
 									className: "mb-3 rounded-md bg-accent-purple-subtle border border-accent-purple/20 p-2",
-									children: /* @__PURE__ */ w("div", {
+									children: /* @__PURE__ */ E("div", {
 										className: "flex items-center gap-1 text-xs text-text-primary",
-										children: [/* @__PURE__ */ C(m, { className: "h-3 w-3" }), /* @__PURE__ */ C("span", {
+										children: [/* @__PURE__ */ T(_, { className: "h-3 w-3" }), /* @__PURE__ */ T("span", {
 											className: "font-medium",
 											children: "Direct Service Available"
 										})]
 									})
 								}),
-								e.serviceTypes && e.serviceTypes.length > 0 && /* @__PURE__ */ C("div", {
+								e.serviceTypes && e.serviceTypes.length > 0 && /* @__PURE__ */ T("div", {
 									className: "flex flex-wrap gap-1 mb-3",
-									children: e.serviceTypes.slice(0, 3).map((e) => /* @__PURE__ */ C("span", {
+									children: e.serviceTypes.slice(0, 3).map((e) => /* @__PURE__ */ T("span", {
 										className: "rounded-full bg-bg-sunken px-2 py-0.5 text-[10px] text-text-secondary",
 										children: e.replace(/_/g, " ")
 									}, e))
 								}),
-								/* @__PURE__ */ w("div", {
+								/* @__PURE__ */ E("div", {
 									className: "mt-auto flex gap-2",
 									children: [
-										/* @__PURE__ */ C("button", {
+										/* @__PURE__ */ T("button", {
 											type: "button",
-											onClick: () => O(`/customer/cart/${e.id}`),
+											onClick: () => A(`/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"
+											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__ */ C("button", {
+										e.serviceTypes?.includes("direct_service") && /* @__PURE__ */ T("button", {
 											type: "button",
-											onClick: () => O(`/customer/cart/${e.id}`),
+											onClick: () => A(`/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__ */ C(m, { className: "h-3.5 w-3.5" })
+											children: /* @__PURE__ */ T(_, { className: "h-3.5 w-3.5" })
 										}),
-										n && /* @__PURE__ */ C("button", {
+										n && /* @__PURE__ */ T("button", {
 											type: "button",
-											onClick: () => alert("Investment opportunity available! View in Investor section."),
+											onClick: () => A(`/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__ */ C(b, { className: "h-3.5 w-3.5" })
+											children: /* @__PURE__ */ T(S, { className: "h-3.5 w-3.5" })
 										}),
-										/* @__PURE__ */ C("button", {
+										/* @__PURE__ */ T("button", {
 											type: "button",
 											onClick: () => {
-												W(e), H(!0);
+												K(e), W(!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__ */ C(h, { className: "h-3.5 w-3.5" })
+											children: /* @__PURE__ */ T(v, { className: "h-3.5 w-3.5" })
 										})
 									]
 								})
@@ -348,22 +374,22 @@ function O() {
 						})]
 					}, e.id);
 				})
-			}), Q && /* @__PURE__ */ C("div", {
+			}), oe && /* @__PURE__ */ T("div", {
 				className: "mt-8 text-center",
-				children: /* @__PURE__ */ C("button", {
+				children: /* @__PURE__ */ T("button", {
 					type: "button",
-					onClick: () => B((e) => e + 9),
+					onClick: () => H((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__ */ C("div", {
+			})] }) : /* @__PURE__ */ T("div", {
 				className: "mt-6",
-				children: /* @__PURE__ */ C(r, {
+				children: /* @__PURE__ */ T(r, {
 					illustration: "empty-search",
-					icon: /* @__PURE__ */ C(v, { className: "h-12 w-12" }),
+					icon: /* @__PURE__ */ T(x, { className: "h-12 w-12" }),
 					title: "No carts found",
-					description: k ? `No results for "${k}". Try a different search term.` : "No carts available with these filters.",
-					action: /* @__PURE__ */ C("button", {
+					description: j ? `No results for "${j}". Try a different search term.` : "No carts available with these filters.",
+					action: /* @__PURE__ */ T("button", {
 						type: "button",
 						onClick: $,
 						className: "rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity",
@@ -371,171 +397,171 @@ function O() {
 					})
 				})
 			}),
-			V && U && /* @__PURE__ */ C("div", {
+			U && G && /* @__PURE__ */ T("div", {
 				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				children: /* @__PURE__ */ C("div", {
+				children: /* @__PURE__ */ T("div", {
 					className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface",
-					children: /* @__PURE__ */ w("div", {
+					children: /* @__PURE__ */ E("div", {
 						className: "p-5",
 						children: [
-							/* @__PURE__ */ w("div", {
+							/* @__PURE__ */ E("div", {
 								className: "flex items-center justify-between mb-4",
-								children: [/* @__PURE__ */ C("h3", {
+								children: [/* @__PURE__ */ T("h3", {
 									className: "text-lg font-semibold text-text-primary",
 									children: "Cart Information"
-								}), /* @__PURE__ */ C("button", {
+								}), /* @__PURE__ */ T("button", {
 									type: "button",
-									onClick: () => H(!1),
+									onClick: () => W(!1),
 									className: "rounded-md p-1 text-text-secondary hover:text-text-primary transition-colors",
-									children: /* @__PURE__ */ C(x, { className: "h-5 w-5" })
+									children: /* @__PURE__ */ T(C, { className: "h-5 w-5" })
 								})]
 							}),
-							/* @__PURE__ */ C("div", {
+							/* @__PURE__ */ T("div", {
 								className: "h-48 rounded-lg overflow-hidden mb-4",
-								children: /* @__PURE__ */ C("img", {
-									src: U.image,
-									alt: U.name,
-									className: "h-full w-full object-cover"
+								children: /* @__PURE__ */ T(u, {
+									src: G.image,
+									alt: G.name,
+									seed: G.name
 								})
 							}),
-							/* @__PURE__ */ C("h4", {
+							/* @__PURE__ */ T("h4", {
 								className: "text-xl font-semibold text-text-primary mb-1",
-								children: U.name
+								children: G.name
 							}),
-							/* @__PURE__ */ w("div", {
+							/* @__PURE__ */ E("div", {
 								className: "flex flex-wrap items-center gap-3 mb-4",
-								children: [/* @__PURE__ */ w("div", {
+								children: [/* @__PURE__ */ E("div", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ C(y, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }),
-										/* @__PURE__ */ C("span", {
+										/* @__PURE__ */ T(ne, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }),
+										/* @__PURE__ */ T("span", {
 											className: "text-sm font-medium",
-											children: U.rating
+											children: G.rating
 										}),
-										/* @__PURE__ */ w("span", {
+										/* @__PURE__ */ E("span", {
 											className: "text-xs text-text-secondary",
 											children: [
 												"(",
-												U.totalRatings,
+												G.totalRatings,
 												" reviews)"
 											]
 										})
 									]
-								}), /* @__PURE__ */ C("span", {
-									className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", U.isOpen ? "bg-status-success-bg-subtle text-status-success-text" : "bg-status-error-bg-subtle text-status-error-text"),
-									children: U.isOpen ? "Open" : "Closed"
+								}), /* @__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__ */ w("div", {
+							/* @__PURE__ */ E("div", {
 								className: "grid grid-cols-1 gap-3 sm:grid-cols-2 mb-4",
 								children: [
-									/* @__PURE__ */ w("div", {
+									/* @__PURE__ */ E("div", {
 										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ w("p", {
+										children: [/* @__PURE__ */ E("p", {
 											className: "text-xs font-medium text-text-secondary flex items-center gap-1",
-											children: [/* @__PURE__ */ C(_, { className: "h-3 w-3" }), " Location"]
-										}), /* @__PURE__ */ C("p", {
+											children: [/* @__PURE__ */ T(b, { className: "h-3 w-3" }), " Location"]
+										}), /* @__PURE__ */ T("p", {
 											className: "mt-1 text-sm text-text-primary",
-											children: U.location.address
+											children: G.location.address
 										})]
 									}),
-									/* @__PURE__ */ w("div", {
+									/* @__PURE__ */ E("div", {
 										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ w("p", {
+										children: [/* @__PURE__ */ E("p", {
 											className: "text-xs font-medium text-text-secondary flex items-center gap-1",
-											children: [/* @__PURE__ */ C(ee, { className: "h-3 w-3" }), " Category"]
-										}), /* @__PURE__ */ C("p", {
+											children: [/* @__PURE__ */ T(re, { className: "h-3 w-3" }), " Category"]
+										}), /* @__PURE__ */ T("p", {
 											className: "mt-1 text-sm text-text-primary",
-											children: U.category
+											children: G.category
 										})]
 									}),
-									U.averageOrderValue && /* @__PURE__ */ w("div", {
+									G.averageOrderValue && /* @__PURE__ */ E("div", {
 										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ C("p", {
+										children: [/* @__PURE__ */ T("p", {
 											className: "text-xs font-medium text-text-secondary",
 											children: "Average Order"
-										}), /* @__PURE__ */ C("p", {
+										}), /* @__PURE__ */ T("p", {
 											className: "mt-1 text-sm text-text-primary",
-											children: o(U.averageOrderValue, { minimumFractionDigits: 0 })
+											children: o(G.averageOrderValue, { minimumFractionDigits: 0 })
 										})]
 									}),
-									/* @__PURE__ */ w("div", {
+									/* @__PURE__ */ E("div", {
 										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ w("p", {
+										children: [/* @__PURE__ */ E("p", {
 											className: "text-xs font-medium text-text-secondary flex items-center gap-1",
-											children: [/* @__PURE__ */ C(p, { className: "h-3 w-3" }), " Estimated Time"]
-										}), /* @__PURE__ */ w("p", {
+											children: [/* @__PURE__ */ T(h, { className: "h-3 w-3" }), " Estimated Time"]
+										}), /* @__PURE__ */ E("p", {
 											className: "mt-1 text-sm text-text-primary",
-											children: [U.estimatedTime, " minutes"]
+											children: [G.estimatedTime, " minutes"]
 										})]
 									}),
-									/* @__PURE__ */ w("div", {
+									/* @__PURE__ */ E("div", {
 										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ C("p", {
+										children: [/* @__PURE__ */ T("p", {
 											className: "text-xs font-medium text-text-secondary",
 											children: "Distance"
-										}), /* @__PURE__ */ C("p", {
+										}), /* @__PURE__ */ T("p", {
 											className: "mt-1 text-sm text-text-primary",
-											children: U.distance == null ? "—" : s(U.distance)
+											children: G.distance == null ? "—" : s(G.distance)
 										})]
 									}),
-									U.isVerified && /* @__PURE__ */ w("div", {
+									G.isVerified && /* @__PURE__ */ E("div", {
 										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ w("p", {
+										children: [/* @__PURE__ */ E("p", {
 											className: "text-xs font-medium text-text-secondary flex items-center gap-1",
-											children: [/* @__PURE__ */ C(f, { className: "h-3 w-3" }), " Verification"]
-										}), /* @__PURE__ */ C("p", {
+											children: [/* @__PURE__ */ T(m, { className: "h-3 w-3" }), " Verification"]
+										}), /* @__PURE__ */ T("p", {
 											className: "mt-1 text-sm text-text-primary",
 											children: "Verified cart"
 										})]
 									})
 								]
 							}),
-							U.serviceTypes && U.serviceTypes.length > 0 && /* @__PURE__ */ w("div", {
+							G.serviceTypes && G.serviceTypes.length > 0 && /* @__PURE__ */ E("div", {
 								className: "mb-4",
-								children: [/* @__PURE__ */ C("p", {
+								children: [/* @__PURE__ */ T("p", {
 									className: "text-xs font-medium text-text-secondary mb-2",
 									children: "Service Types"
-								}), /* @__PURE__ */ C("div", {
+								}), /* @__PURE__ */ T("div", {
 									className: "flex flex-wrap gap-2",
-									children: U.serviceTypes.map((e) => /* @__PURE__ */ C("span", {
+									children: G.serviceTypes.map((e) => /* @__PURE__ */ T("span", {
 										className: "rounded-full bg-bg-sunken px-2.5 py-1 text-xs text-text-secondary capitalize",
 										children: e.replace(/_/g, " ")
 									}, e))
 								})]
 							}),
-							U.businessHours && Object.keys(U.businessHours).length > 0 && /* @__PURE__ */ w("div", {
+							G.businessHours && Object.keys(G.businessHours).length > 0 && /* @__PURE__ */ E("div", {
 								className: "mb-4",
-								children: [/* @__PURE__ */ C("p", {
+								children: [/* @__PURE__ */ T("p", {
 									className: "text-xs font-medium text-text-secondary mb-2",
 									children: "Operating Hours"
-								}), /* @__PURE__ */ C("div", {
+								}), /* @__PURE__ */ T("div", {
 									className: "space-y-1",
-									children: Object.entries(U.businessHours).map(([e, t]) => /* @__PURE__ */ w("div", {
+									children: Object.entries(G.businessHours).map(([e, t]) => /* @__PURE__ */ E("div", {
 										className: "flex justify-between text-xs",
-										children: [/* @__PURE__ */ C("span", {
+										children: [/* @__PURE__ */ T("span", {
 											className: "capitalize text-text-primary",
 											children: e
-										}), /* @__PURE__ */ C("span", {
+										}), /* @__PURE__ */ T("span", {
 											className: "text-text-secondary",
 											children: t.isOpen ? `${t.open} - ${t.close}` : "Closed"
 										})]
 									}, e))
 								})]
 							}),
-							/* @__PURE__ */ w("div", {
+							/* @__PURE__ */ E("div", {
 								className: "flex gap-3 mt-6",
-								children: [/* @__PURE__ */ C("button", {
+								children: [/* @__PURE__ */ T("button", {
 									type: "button",
 									onClick: () => {
-										H(!1), O(`/customer/carts/${U.id}`);
+										W(!1), A(`/customer/cart/${G.id}`);
 									},
-									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", {
+									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", {
 									type: "button",
-									onClick: () => H(!1),
+									onClick: () => W(!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"
 								})]
@@ -548,6 +574,6 @@ function O() {
 	});
 }
 //#endregion
-export { O as CartDiscoveryPage };
+export { A as CartDiscoveryPage };
 
 //# sourceMappingURL=CartDiscoveryPage.js.map