@burdenoff/microfe-atheletebridge 2026.625.2 → 2026.628.1

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

@@ -1,558 +0,0 @@
-import { useAthleteBridge as e } from "../../context/AthleteBridgeContext.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/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 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 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 G.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();
-			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);
-			e = e.filter((e) => e.rating >= t);
-		}
-		switch (F && (e = e.filter((e) => {
-			let t = e.averageOrderValue ?? 0;
-			switch (F) {
-				case "low": return t <= 300;
-				case "medium": return t > 300 && t <= 800;
-				case "high": return t > 800;
-				default: return !0;
-			}
-		})), L) {
-			case "rating":
-				e.sort((e, t) => t.rating - e.rating);
-				break;
-			case "popularity":
-				e.sort((e, t) => (t.totalRatings || 0) - (e.totalRatings || 0));
-				break;
-			case "distance":
-				e.sort((e, t) => (e.distance || 0) - (t.distance || 0));
-				break;
-			case "newest":
-				e.sort((e, t) => new Date(t.createdAt || 0).getTime() - new Date(e.createdAt || 0).getTime());
-				break;
-		}
-		return e;
-	}, [
-		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 K ? /* @__PURE__ */ C(n, {
-		title: "Discover Carts",
-		description: "Finding services and shops near you...",
-		children: /* @__PURE__ */ C("div", {
-			className: "flex h-[60vh] items-center justify-center",
-			children: /* @__PURE__ */ C(g, { className: "h-8 w-8 animate-spin text-primary" })
-		})
-	}) : q ? /* @__PURE__ */ C(n, {
-		title: "Discover Carts",
-		description: "Error loading carts",
-		children: /* @__PURE__ */ w("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", {
-					className: "text-xl font-semibold",
-					children: "Error loading service providers"
-				}),
-				/* @__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",
-					children: "Retry"
-				})
-			]
-		})
-	}) : /* @__PURE__ */ w(n, {
-		title: "Discover Carts",
-		description: "Find services and shops near you",
-		actions: /* @__PURE__ */ w("span", {
-			className: "text-sm text-text-secondary",
-			children: [X.length, " carts found"]
-		}),
-		children: [
-			/* @__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__ */ w(T, {
-				className: "p-4",
-				children: [
-					/* @__PURE__ */ w("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", {
-								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)]")
-							}),
-							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__ */ 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__ */ w("div", {
-						className: "mt-4 flex flex-wrap items-center gap-3",
-						children: [
-							/* @__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("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("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"
-									})
-								]
-							}),
-							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"
-							})
-						]
-					})
-				]
-			}),
-			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", {
-							className: "relative h-40 bg-bg-sunken",
-							children: [
-								/* @__PURE__ */ C("img", {
-									src: e.image,
-									alt: e.name,
-									className: "h-full w-full object-cover"
-								}),
-								/* @__PURE__ */ w("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-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__ */ 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__ */ C(f, { 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__ */ w("div", {
-							className: "flex flex-col flex-1 p-4",
-							children: [
-								/* @__PURE__ */ w("div", {
-									className: "flex items-start justify-between gap-2 mb-1",
-									children: [/* @__PURE__ */ C("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-yellow-400 text-yellow-400" }),
-											/* @__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",
-									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__ */ 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 })] }), /* @__PURE__ */ w("span", {
-										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ C(_, { className: "h-3 w-3" }), s(e.distance)]
-									})]
-								}),
-								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__ */ w("div", {
-										className: "flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400",
-										children: [/* @__PURE__ */ C(d, { className: "h-3 w-3" }), /* @__PURE__ */ C("span", {
-											className: "font-medium",
-											children: "Appointment available"
-										})]
-									})
-								}),
-								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__ */ w("div", {
-										className: "flex items-center gap-1 text-xs text-purple-600 dark:text-purple-400",
-										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__ */ C("div", {
-									className: "flex flex-wrap gap-1 mb-3",
-									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__ */ w("div", {
-									className: "mt-auto flex gap-2",
-									children: [
-										/* @__PURE__ */ C("button", {
-											type: "button",
-											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__ */ C("button", {
-											type: "button",
-											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__ */ C(m, { className: "h-3.5 w-3.5" })
-										}),
-										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__ */ C(b, { className: "h-3.5 w-3.5" })
-										}),
-										/* @__PURE__ */ C("button", {
-											type: "button",
-											onClick: () => {
-												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__ */ C(h, { className: "h-3.5 w-3.5" })
-										})
-									]
-								})
-							]
-						})]
-					}, e.id);
-				})
-			}), Q && /* @__PURE__ */ C("div", {
-				className: "mt-8 text-center",
-				children: /* @__PURE__ */ C("button", {
-					type: "button",
-					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__ */ C("div", {
-				className: "mt-6",
-				children: /* @__PURE__ */ C(r, {
-					illustration: "empty-search",
-					icon: /* @__PURE__ */ C(v, { 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", {
-						type: "button",
-						onClick: $,
-						className: "rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity",
-						children: "Clear Filters"
-					})
-				})
-			}),
-			V && U && /* @__PURE__ */ C("div", {
-				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
-				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__ */ w("div", {
-						className: "p-5",
-						children: [
-							/* @__PURE__ */ w("div", {
-								className: "flex items-center justify-between mb-4",
-								children: [/* @__PURE__ */ C("h3", {
-									className: "text-lg font-semibold text-text-primary",
-									children: "Cart Information"
-								}), /* @__PURE__ */ C("button", {
-									type: "button",
-									onClick: () => H(!1),
-									className: "rounded-md p-1 text-text-secondary hover:text-text-primary transition-colors",
-									children: /* @__PURE__ */ C(x, { className: "h-5 w-5" })
-								})]
-							}),
-							/* @__PURE__ */ C("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"
-								})
-							}),
-							/* @__PURE__ */ C("h4", {
-								className: "text-xl font-semibold text-text-primary mb-1",
-								children: U.name
-							}),
-							/* @__PURE__ */ w("div", {
-								className: "flex flex-wrap items-center gap-3 mb-4",
-								children: [/* @__PURE__ */ w("div", {
-									className: "flex items-center gap-1",
-									children: [
-										/* @__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: U.rating
-										}),
-										/* @__PURE__ */ w("span", {
-											className: "text-xs text-text-secondary",
-											children: [
-												"(",
-												U.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-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__ */ w("div", {
-								className: "grid grid-cols-1 gap-3 sm:grid-cols-2 mb-4",
-								children: [
-									/* @__PURE__ */ w("div", {
-										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ w("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", {
-											className: "mt-1 text-sm text-text-primary",
-											children: U.location.address
-										})]
-									}),
-									/* @__PURE__ */ w("div", {
-										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ w("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", {
-											className: "mt-1 text-sm text-text-primary",
-											children: U.category
-										})]
-									}),
-									U.averageOrderValue && /* @__PURE__ */ w("div", {
-										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ C("p", {
-											className: "text-xs font-medium text-text-secondary",
-											children: "Average Order"
-										}), /* @__PURE__ */ C("p", {
-											className: "mt-1 text-sm text-text-primary",
-											children: o(U.averageOrderValue, { minimumFractionDigits: 0 })
-										})]
-									}),
-									/* @__PURE__ */ w("div", {
-										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ w("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", {
-											className: "mt-1 text-sm text-text-primary",
-											children: [U.estimatedTime, " minutes"]
-										})]
-									}),
-									/* @__PURE__ */ w("div", {
-										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ C("p", {
-											className: "text-xs font-medium text-text-secondary",
-											children: "Distance"
-										}), /* @__PURE__ */ C("p", {
-											className: "mt-1 text-sm text-text-primary",
-											children: s(U.distance)
-										})]
-									}),
-									U.isVerified && /* @__PURE__ */ w("div", {
-										className: "rounded-md bg-bg-sunken p-3",
-										children: [/* @__PURE__ */ w("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", {
-											className: "mt-1 text-sm text-text-primary",
-											children: "Verified cart"
-										})]
-									})
-								]
-							}),
-							U.serviceTypes && U.serviceTypes.length > 0 && /* @__PURE__ */ w("div", {
-								className: "mb-4",
-								children: [/* @__PURE__ */ C("p", {
-									className: "text-xs font-medium text-text-secondary mb-2",
-									children: "Service Types"
-								}), /* @__PURE__ */ C("div", {
-									className: "flex flex-wrap gap-2",
-									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))
-								})]
-							}),
-							U.businessHours && Object.keys(U.businessHours).length > 0 && /* @__PURE__ */ w("div", {
-								className: "mb-4",
-								children: [/* @__PURE__ */ C("p", {
-									className: "text-xs font-medium text-text-secondary mb-2",
-									children: "Operating Hours"
-								}), /* @__PURE__ */ C("div", {
-									className: "space-y-1",
-									children: Object.entries(U.businessHours).map(([e, t]) => /* @__PURE__ */ w("div", {
-										className: "flex justify-between text-xs",
-										children: [/* @__PURE__ */ C("span", {
-											className: "capitalize text-text-primary",
-											children: e
-										}), /* @__PURE__ */ C("span", {
-											className: "text-text-secondary",
-											children: t.isOpen ? `${t.open} - ${t.close}` : "Closed"
-										})]
-									}, e))
-								})]
-							}),
-							/* @__PURE__ */ w("div", {
-								className: "flex gap-3 mt-6",
-								children: [/* @__PURE__ */ C("button", {
-									type: "button",
-									onClick: () => {
-										H(!1), O(`/customer/carts/${U.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", {
-									type: "button",
-									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"
-								})]
-							})
-						]
-					})
-				})
-			})
-		]
-	});
-}
-//#endregion
-export { O as CartDiscoveryPage };
-
-//# sourceMappingURL=CartDiscoveryPage.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CartDiscoveryPage.js","names":[],"sources":["../../../../src/atheletebridge/pages/customer/CartDiscoveryPage.tsx"],"sourcesContent":["/**\n * Cart Discovery Page\n * @module atheletebridge/pages/customer\n *\n * Browse and search service providers (carts) with full filtering:\n * category, rating, price range, sort, search. Grid view with\n * cart info modal, load more, investment indicators, scheduled stops,\n * direct service links, verified badges, and prep time badges.\n */\n\nimport { useState, useMemo } from 'react';\nimport type { MockCart } from '../../types';\nimport {\n  Search,\n  X,\n  Star,\n  MapPin,\n  Clock,\n  CheckCircle2,\n  Info,\n  Home,\n  TrendingUp,\n  Calendar,\n  Tag,\n  Loader2,\n  AlertCircle,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { EmptyState } from '../../components/EmptyState';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { useProviders, useInvestmentOpportunities } from '../../hooks/useAthleteBridgeApi';\nimport { cn } from '../../utils/cn';\nimport { formatDistance, formatCurrency } from '../../utils/formatters';\n\nconst ALL_CATEGORIES = 'All';\n\ntype RatingFilter = '' | '4.5' | '4.0' | '3.5';\ntype PriceFilter = '' | 'low' | 'medium' | 'high';\ntype SortBy = 'rating' | 'popularity' | 'distance' | 'newest';\n\nexport function CartDiscoveryPage() {\n  const { navigateTo } = useAthleteBridge();\n  const [searchQuery, setSearchQuery] = useState('');\n  const [selectedCategory, setSelectedCategory] = useState<string>(ALL_CATEGORIES);\n  const [ratingFilter, setRatingFilter] = useState<RatingFilter>('');\n  const [priceFilter, setPriceFilter] = useState<PriceFilter>('');\n  const [sortBy, setSortBy] = useState<SortBy>('rating');\n  const [visibleCount, setVisibleCount] = useState(9);\n  const [showCartInfo, setShowCartInfo] = useState(false);\n  const [selectedCartInfo, setSelectedCartInfo] = useState<MockCart | null>(null);\n\n  const { data: providers = [], isLoading, isError } = useProviders();\n  const { data: investmentOpportunities = [] } = useInvestmentOpportunities();\n\n  const categories = useMemo(() => {\n    const cats = new Set<string>();\n    providers.forEach((p) => {\n      if (p.category) cats.add(p.category);\n    });\n    return [ALL_CATEGORIES, ...Array.from(cats)];\n  }, [providers]);\n\n  const filteredCarts = useMemo(() => {\n    let carts = [...providers];\n\n    // Search query\n    if (searchQuery.trim()) {\n      const q = searchQuery.toLowerCase();\n      carts = carts.filter(\n        (c) => c.name.toLowerCase().includes(q) || c.category.toLowerCase().includes(q)\n      );\n    }\n\n    // Category filter\n    if (selectedCategory !== ALL_CATEGORIES) {\n      carts = carts.filter((cart) => cart.category === selectedCategory);\n    }\n\n    // Rating filter\n    if (ratingFilter) {\n      const minRating = parseFloat(ratingFilter);\n      carts = carts.filter((cart) => cart.rating >= minRating);\n    }\n\n    // Price range filter\n    if (priceFilter) {\n      carts = carts.filter((cart) => {\n        const avg = cart.averageOrderValue ?? 0;\n        switch (priceFilter) {\n          case 'low':\n            return avg <= 300;\n          case 'medium':\n            return avg > 300 && avg <= 800;\n          case 'high':\n            return avg > 800;\n          default:\n            return true;\n        }\n      });\n    }\n\n    // Sort\n    switch (sortBy) {\n      case 'rating':\n        carts.sort((a, b) => b.rating - a.rating);\n        break;\n      case 'popularity':\n        carts.sort((a, b) => (b.totalRatings || 0) - (a.totalRatings || 0));\n        break;\n      case 'distance':\n        carts.sort((a, b) => (a.distance || 0) - (b.distance || 0));\n        break;\n      case 'newest':\n        carts.sort(\n          (a, b) => new Date(b.createdAt || 0).getTime() - new Date(a.createdAt || 0).getTime()\n        );\n        break;\n    }\n\n    return carts;\n  }, [providers, searchQuery, selectedCategory, ratingFilter, priceFilter, sortBy]);\n\n  const visibleCarts = filteredCarts.slice(0, visibleCount);\n  const hasMore = visibleCount < filteredCarts.length;\n\n  const hasActiveFilters =\n    selectedCategory !== ALL_CATEGORIES ||\n    ratingFilter !== '' ||\n    priceFilter !== '' ||\n    searchQuery.trim() !== '';\n\n  const clearAllFilters = () => {\n    setSearchQuery('');\n    setSelectedCategory(ALL_CATEGORIES);\n    setRatingFilter('');\n    setPriceFilter('');\n    setSortBy('rating');\n    setVisibleCount(9);\n  };\n\n  if (isLoading) {\n    return (\n      <PageLayout title=\"Discover Carts\" description=\"Finding services and shops near you...\">\n        <div className=\"flex h-[60vh] items-center justify-center\">\n          <Loader2 className=\"h-8 w-8 animate-spin text-primary\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (isError) {\n    return (\n      <PageLayout title=\"Discover Carts\" description=\"Error loading carts\">\n        <div className=\"flex h-[60vh] flex-col items-center justify-center gap-4\">\n          <AlertCircle className=\"h-12 w-12 text-status-error-text\" />\n          <h2 className=\"text-xl font-semibold\">Error loading service providers</h2>\n          <button\n            type=\"button\"\n            onClick={() => window.location.reload()}\n            className=\"rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text\"\n          >\n            Retry\n          </button>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Discover Carts\"\n      description=\"Find services and shops near you\"\n      actions={\n        <span className=\"text-sm text-text-secondary\">{filteredCarts.length} carts found</span>\n      }\n    >\n      <PagePurpose className=\"mb-6\">\n        Find the right service provider near you. Search by name, filter by category, rating and\n        price, then sort to surface the best match. Tap any cart to see its offerings and place an\n        order — this is your starting point for discovering local services.\n      </PagePurpose>\n\n      {/* Search + Filters */}\n      <EmphasisPanel className=\"p-4\">\n      {/* Search Bar */}\n      <div className=\"relative\">\n        <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n        <input\n          type=\"text\"\n          placeholder=\"Search carts, services, or items...\"\n          value={searchQuery}\n          onChange={(e) => setSearchQuery(e.target.value)}\n          className={cn(\n            'w-full rounded-lg border border-border-subtle bg-bg-surface py-2.5 pl-10 pr-10 text-sm text-text-primary',\n            'placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]'\n          )}\n        />\n        {searchQuery && (\n          <button\n            type=\"button\"\n            onClick={() => setSearchQuery('')}\n            className=\"absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary\"\n          >\n            <X className=\"h-4 w-4\" />\n          </button>\n        )}\n      </div>\n\n      {/* Category Chips */}\n      <div className=\"mt-4 flex flex-wrap gap-2\">\n        {categories.map((category) => (\n          <button\n            key={category}\n            type=\"button\"\n            onClick={() => setSelectedCategory(category)}\n            className={cn(\n              'rounded-full px-3 py-1.5 text-xs font-medium transition-colors',\n              selectedCategory === category\n                ? 'bg-foreground text-background'\n                : 'bg-bg-sunken text-text-secondary hover:bg-accent hover:text-text-primary'\n            )}\n          >\n            {category}\n          </button>\n        ))}\n      </div>\n\n      {/* Filter Row */}\n      <div className=\"mt-4 flex flex-wrap items-center gap-3\">\n        <select\n          value={ratingFilter}\n          onChange={(e) => setRatingFilter(e.target.value as RatingFilter)}\n          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)]\"\n        >\n          <option value=\"\">Any Rating</option>\n          <option value=\"4.5\">4.5+ Stars</option>\n          <option value=\"4.0\">4.0+ Stars</option>\n          <option value=\"3.5\">3.5+ Stars</option>\n        </select>\n\n        <select\n          value={priceFilter}\n          onChange={(e) => setPriceFilter(e.target.value as PriceFilter)}\n          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)]\"\n        >\n          <option value=\"\">Any Price</option>\n          <option value=\"low\">Under ₹300</option>\n          <option value=\"medium\">₹300 - ₹800</option>\n          <option value=\"high\">₹800+</option>\n        </select>\n\n        <select\n          value={sortBy}\n          onChange={(e) => setSortBy(e.target.value as SortBy)}\n          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)]\"\n        >\n          <option value=\"rating\">Highest Rated</option>\n          <option value=\"popularity\">Most Popular</option>\n          <option value=\"distance\">Nearest</option>\n          <option value=\"newest\">Newest</option>\n        </select>\n\n        {hasActiveFilters && (\n          <button\n            type=\"button\"\n            onClick={clearAllFilters}\n            className=\"rounded-lg border border-border-subtle px-3 py-2 text-xs font-medium text-text-secondary hover:text-text-primary transition-colors\"\n          >\n            Clear All Filters\n          </button>\n        )}\n      </div>\n      </EmphasisPanel>\n\n      {/* Cart Grid */}\n      {visibleCarts.length > 0 ? (\n        <>\n          <div className=\"mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n            {visibleCarts.map((cart) => {\n              const investment = investmentOpportunities.find((o) => o.cartId === cart.id);\n              return (\n                <div\n                  key={cart.id}\n                  className=\"rounded-lg border border-border-subtle bg-bg-surface shadow-sm overflow-hidden hover:shadow-md transition-shadow flex flex-col\"\n                >\n                  {/* Image */}\n                  <div className=\"relative h-40 bg-bg-sunken\">\n                    <img src={cart.image} alt={cart.name} className=\"h-full w-full object-cover\" />\n                    <div className=\"absolute top-2 left-2 flex gap-1.5\">\n                      <span\n                        className={cn(\n                          'inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium backdrop-blur-sm',\n                          cart.isOpen\n                            ? 'bg-green-500/20 text-green-600 dark:text-green-400'\n                            : 'bg-red-500/20 text-red-600 dark:text-red-400'\n                        )}\n                      >\n                        {cart.isOpen ? 'Open' : 'Closed'}\n                      </span>\n                      {cart.isVerified && (\n                        <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\">\n                          <CheckCircle2 className=\"h-3 w-3\" />\n                          Verified\n                        </span>\n                      )}\n                    </div>\n                    <div className=\"absolute top-2 right-2\">\n                      <span className=\"rounded-full bg-black/50 px-2 py-0.5 text-xs text-white backdrop-blur-sm\">\n                        {cart.estimatedTime} min\n                      </span>\n                    </div>\n                  </div>\n\n                  {/* Details */}\n                  <div className=\"flex flex-col flex-1 p-4\">\n                    <div className=\"flex items-start justify-between gap-2 mb-1\">\n                      <h3 className=\"text-sm font-semibold text-text-primary truncate flex-1\">\n                        {cart.name}\n                      </h3>\n                      <div className=\"flex items-center gap-1 shrink-0\">\n                        <Star className=\"h-3.5 w-3.5 fill-yellow-400 text-yellow-400\" />\n                        <span className=\"text-xs font-medium text-text-primary\">{cart.rating}</span>\n                        <span className=\"text-xs text-text-secondary\">({cart.totalRatings})</span>\n                      </div>\n                    </div>\n\n                    <p className=\"text-xs text-text-secondary mb-2\">{cart.category}</p>\n\n                    <div className=\"flex items-center gap-3 text-xs text-text-secondary mb-2\">\n                      <span className=\"flex items-center gap-1\">\n                        <MapPin className=\"h-3 w-3\" />\n                        {cart.location?.address?.split(',')[0] || 'Unknown'}\n                      </span>\n                    </div>\n\n                    <div className=\"flex items-center gap-3 text-xs text-text-secondary mb-3\">\n                      {cart.averageOrderValue && (\n                        <span>\n                          Avg {formatCurrency(cart.averageOrderValue, { minimumFractionDigits: 0 })}\n                        </span>\n                      )}\n                      <span className=\"flex items-center gap-1\">\n                        <MapPin className=\"h-3 w-3\" />\n                        {formatDistance(cart.distance)}\n                      </span>\n                    </div>\n\n                    {/* Scheduled Stop Info */}\n                    {cart.serviceTypes?.includes('appointment') && (\n                      <div className=\"mb-3 rounded-md bg-blue-500/10 border border-blue-500/20 p-2\">\n                        <div className=\"flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400\">\n                          <Calendar className=\"h-3 w-3\" />\n                          <span className=\"font-medium\">Appointment available</span>\n                        </div>\n                      </div>\n                    )}\n\n                    {/* Direct Service Info */}\n                    {cart.serviceTypes?.includes('direct_service') && (\n                      <div className=\"mb-3 rounded-md bg-purple-500/10 border border-purple-500/20 p-2\">\n                        <div className=\"flex items-center gap-1 text-xs text-purple-600 dark:text-purple-400\">\n                          <Home className=\"h-3 w-3\" />\n                          <span className=\"font-medium\">Direct Service Available</span>\n                        </div>\n                      </div>\n                    )}\n\n                    {/* Tags */}\n                    {cart.serviceTypes && cart.serviceTypes.length > 0 && (\n                      <div className=\"flex flex-wrap gap-1 mb-3\">\n                        {cart.serviceTypes.slice(0, 3).map((tag: string) => (\n                          <span\n                            key={tag}\n                            className=\"rounded-full bg-bg-sunken px-2 py-0.5 text-[10px] text-text-secondary\"\n                          >\n                            {tag.replace(/_/g, ' ')}\n                          </span>\n                        ))}\n                      </div>\n                    )}\n\n                    <div className=\"mt-auto flex gap-2\">\n                      <button\n                        type=\"button\"\n                        onClick={() => navigateTo(`/customer/cart/${cart.id}`)}\n                        disabled={!cart.isOpen}\n                        className={cn(\n                          'flex-1 rounded-lg py-2 text-xs font-medium transition-opacity',\n                          cart.isOpen\n                            ? 'bg-foreground text-background hover:opacity-90'\n                            : 'bg-bg-sunken text-text-secondary cursor-not-allowed'\n                        )}\n                      >\n                        {cart.isOpen ? 'View Services' : 'Closed'}\n                      </button>\n\n                      {cart.serviceTypes?.includes('direct_service') && (\n                        <button\n                          type=\"button\"\n                          onClick={() => navigateTo(`/customer/cart/${cart.id}`)}\n                          className=\"rounded-lg border border-border-subtle px-2 py-2 text-xs text-text-primary hover:bg-accent transition-colors\"\n                          title=\"Book Direct Service\"\n                        >\n                          <Home className=\"h-3.5 w-3.5\" />\n                        </button>\n                      )}\n\n                      {investment && (\n                        <button\n                          type=\"button\"\n                          onClick={() =>\n                            alert('Investment opportunity available! View in Investor section.')\n                          }\n                          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\"\n                          title=\"Investment Opportunity\"\n                        >\n                          <TrendingUp className=\"h-3.5 w-3.5\" />\n                        </button>\n                      )}\n\n                      <button\n                        type=\"button\"\n                        onClick={() => {\n                          setSelectedCartInfo(cart);\n                          setShowCartInfo(true);\n                        }}\n                        className=\"rounded-lg border border-border-subtle px-2 py-2 text-xs text-text-primary hover:bg-accent transition-colors\"\n                        title=\"Cart Info\"\n                      >\n                        <Info className=\"h-3.5 w-3.5\" />\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              );\n            })}\n          </div>\n\n          {/* Load More */}\n          {hasMore && (\n            <div className=\"mt-8 text-center\">\n              <button\n                type=\"button\"\n                onClick={() => setVisibleCount((prev) => prev + 9)}\n                className=\"rounded-lg border border-border-subtle px-6 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n              >\n                Load More Carts\n              </button>\n            </div>\n          )}\n        </>\n      ) : (\n        <div className=\"mt-6\">\n          <EmptyState\n            illustration=\"empty-search\"\n            icon={<Search className=\"h-12 w-12\" />}\n            title=\"No carts found\"\n            description={\n              searchQuery\n                ? `No results for \"${searchQuery}\". Try a different search term.`\n                : 'No carts available with these filters.'\n            }\n            action={\n              <button\n                type=\"button\"\n                onClick={clearAllFilters}\n                className=\"rounded-lg bg-foreground px-4 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n              >\n                Clear Filters\n              </button>\n            }\n          />\n        </div>\n      )}\n\n      {/* Cart Info Modal */}\n      {showCartInfo && selectedCartInfo && (\n        <div className=\"fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4\">\n          <div className=\"w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface\">\n            <div className=\"p-5\">\n              <div className=\"flex items-center justify-between mb-4\">\n                <h3 className=\"text-lg font-semibold text-text-primary\">Cart Information</h3>\n                <button\n                  type=\"button\"\n                  onClick={() => setShowCartInfo(false)}\n                  className=\"rounded-md p-1 text-text-secondary hover:text-text-primary transition-colors\"\n                >\n                  <X className=\"h-5 w-5\" />\n                </button>\n              </div>\n\n              {/* Image */}\n              <div className=\"h-48 rounded-lg overflow-hidden mb-4\">\n                <img\n                  src={selectedCartInfo.image}\n                  alt={selectedCartInfo.name}\n                  className=\"h-full w-full object-cover\"\n                />\n              </div>\n\n              {/* Basic Info */}\n              <h4 className=\"text-xl font-semibold text-text-primary mb-1\">\n                {selectedCartInfo.name}\n              </h4>\n              <div className=\"flex flex-wrap items-center gap-3 mb-4\">\n                <div className=\"flex items-center gap-1\">\n                  <Star className=\"h-3.5 w-3.5 fill-yellow-400 text-yellow-400\" />\n                  <span className=\"text-sm font-medium\">{selectedCartInfo.rating}</span>\n                  <span className=\"text-xs text-text-secondary\">\n                    ({selectedCartInfo.totalRatings} reviews)\n                  </span>\n                </div>\n                <span\n                  className={cn(\n                    'inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium',\n                    selectedCartInfo.isOpen\n                      ? 'bg-green-500/20 text-green-600 dark:text-green-400'\n                      : 'bg-red-500/20 text-red-600 dark:text-red-400'\n                  )}\n                >\n                  {selectedCartInfo.isOpen ? 'Open' : 'Closed'}\n                </span>\n              </div>\n\n              {/* Details Grid */}\n              <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2 mb-4\">\n                <div className=\"rounded-md bg-bg-sunken p-3\">\n                  <p className=\"text-xs font-medium text-text-secondary flex items-center gap-1\">\n                    <MapPin className=\"h-3 w-3\" /> Location\n                  </p>\n                  <p className=\"mt-1 text-sm text-text-primary\">\n                    {selectedCartInfo.location.address}\n                  </p>\n                </div>\n                <div className=\"rounded-md bg-bg-sunken p-3\">\n                  <p className=\"text-xs font-medium text-text-secondary flex items-center gap-1\">\n                    <Tag className=\"h-3 w-3\" /> Category\n                  </p>\n                  <p className=\"mt-1 text-sm text-text-primary\">{selectedCartInfo.category}</p>\n                </div>\n                {selectedCartInfo.averageOrderValue && (\n                  <div className=\"rounded-md bg-bg-sunken p-3\">\n                    <p className=\"text-xs font-medium text-text-secondary\">Average Order</p>\n                    <p className=\"mt-1 text-sm text-text-primary\">\n                      {formatCurrency(selectedCartInfo.averageOrderValue, {\n                        minimumFractionDigits: 0,\n                      })}\n                    </p>\n                  </div>\n                )}\n                <div className=\"rounded-md bg-bg-sunken p-3\">\n                  <p className=\"text-xs font-medium text-text-secondary flex items-center gap-1\">\n                    <Clock className=\"h-3 w-3\" /> Estimated Time\n                  </p>\n                  <p className=\"mt-1 text-sm text-text-primary\">\n                    {selectedCartInfo.estimatedTime} minutes\n                  </p>\n                </div>\n                <div className=\"rounded-md bg-bg-sunken p-3\">\n                  <p className=\"text-xs font-medium text-text-secondary\">Distance</p>\n                  <p className=\"mt-1 text-sm text-text-primary\">\n                    {formatDistance(selectedCartInfo.distance)}\n                  </p>\n                </div>\n                {selectedCartInfo.isVerified && (\n                  <div className=\"rounded-md bg-bg-sunken p-3\">\n                    <p className=\"text-xs font-medium text-text-secondary flex items-center gap-1\">\n                      <CheckCircle2 className=\"h-3 w-3\" /> Verification\n                    </p>\n                    <p className=\"mt-1 text-sm text-text-primary\">Verified cart</p>\n                  </div>\n                )}\n              </div>\n\n              {/* Service Types */}\n              {selectedCartInfo.serviceTypes && selectedCartInfo.serviceTypes.length > 0 && (\n                <div className=\"mb-4\">\n                  <p className=\"text-xs font-medium text-text-secondary mb-2\">Service Types</p>\n                  <div className=\"flex flex-wrap gap-2\">\n                    {(selectedCartInfo.serviceTypes as string[]).map((type: string) => (\n                      <span\n                        key={type}\n                        className=\"rounded-full bg-bg-sunken px-2.5 py-1 text-xs text-text-secondary capitalize\"\n                      >\n                        {type.replace(/_/g, ' ')}\n                      </span>\n                    ))}\n                  </div>\n                </div>\n              )}\n\n              {/* Business Hours */}\n              {selectedCartInfo.businessHours &&\n                Object.keys(selectedCartInfo.businessHours).length > 0 && (\n                  <div className=\"mb-4\">\n                    <p className=\"text-xs font-medium text-text-secondary mb-2\">Operating Hours</p>\n                    <div className=\"space-y-1\">\n                      {Object.entries(selectedCartInfo.businessHours as Record<string, any>).map(\n                        ([day, hours]) => (\n                          <div key={day} className=\"flex justify-between text-xs\">\n                            <span className=\"capitalize text-text-primary\">{day}</span>\n                            <span className=\"text-text-secondary\">\n                              {hours.isOpen ? `${hours.open} - ${hours.close}` : 'Closed'}\n                            </span>\n                          </div>\n                        )\n                      )}\n                    </div>\n                  </div>\n                )}\n\n              {/* Actions */}\n              <div className=\"flex gap-3 mt-6\">\n                <button\n                  type=\"button\"\n                  onClick={() => {\n                    setShowCartInfo(false);\n                    navigateTo(`/customer/carts/${selectedCartInfo.id}`);\n                  }}\n                  disabled={!selectedCartInfo.isOpen}\n                  className={cn(\n                    'flex-1 rounded-lg py-2.5 text-sm font-medium transition-opacity',\n                    selectedCartInfo.isOpen\n                      ? 'bg-foreground text-background hover:opacity-90'\n                      : 'bg-bg-sunken text-text-secondary cursor-not-allowed'\n                  )}\n                >\n                  {selectedCartInfo.isOpen ? 'View Menu' : 'Currently Closed'}\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => setShowCartInfo(false)}\n                  className=\"rounded-lg border border-border-subtle px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors\"\n                >\n                  Close\n                </button>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}