@burdenoff/microfe-subscriberbot 2026.624.1 → 2026.626.1

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

@@ -7,33 +7,34 @@ import { formatCurrency as o, formatDistance as s } from "../../utils/formatters
 import { useMemo as c, useState as l } from "react";
 import { AlertCircle as u, Calendar as d, CheckCircle2 as f, Clock as p, Home as m, Info as h, Loader2 as g, MapPin as _, Search as v, Star as y, Tag as b, TrendingUp as x, X as S } from "lucide-react";
 import { Fragment as C, jsx as w, jsxs as T } from "react/jsx-runtime";
+import { EmphasisPanel as E, PagePurpose as ee } from "@burdenoff/fe-libs/ui";
 //#region src/subscriberbot/pages/customer/CartDiscoveryPage.tsx
-var E = "All";
-function D() {
-	let { navigateTo: D } = e(), [O, k] = l(""), [A, j] = l(E), [M, N] = l(""), [P, F] = l(""), [I, L] = l("rating"), [R, z] = l(9), [B, V] = l(!1), [H, U] = l(null), { data: W = [], isLoading: G, isError: K } = a(), { data: q = [] } = i(), J = c(() => {
+var D = "All";
+function O() {
+	let { navigateTo: O } = e(), [k, A] = l(""), [j, M] = l(D), [N, P] = l(""), [F, I] = l(""), [L, R] = l("rating"), [z, B] = l(9), [V, H] = l(!1), [U, W] = l(null), { data: G = [], isLoading: K, isError: q } = a(), { data: J = [] } = i(), Y = c(() => {
 		let e = /* @__PURE__ */ new Set();
-		return W.forEach((t) => {
+		return G.forEach((t) => {
 			t.category && e.add(t.category);
-		}), [E, ...Array.from(e)];
-	}, [W]), Y = c(() => {
-		let e = [...W];
-		if (O.trim()) {
-			let t = O.toLowerCase();
+		}), [D, ...Array.from(e)];
+	}, [G]), X = c(() => {
+		let e = [...G];
+		if (k.trim()) {
+			let t = k.toLowerCase();
 			e = e.filter((e) => e.name.toLowerCase().includes(t) || e.category.toLowerCase().includes(t));
 		}
-		if (A !== E && (e = e.filter((e) => e.category === A)), M) {
-			let t = parseFloat(M);
+		if (j !== D && (e = e.filter((e) => e.category === j)), N) {
+			let t = parseFloat(N);
 			e = e.filter((e) => e.rating >= t);
 		}
-		switch (P && (e = e.filter((e) => {
+		switch (F && (e = e.filter((e) => {
 			let t = e.averageOrderValue ?? 0;
-			switch (P) {
+			switch (F) {
 				case "low": return t <= 300;
 				case "medium": return t > 300 && t <= 800;
 				case "high": return t > 800;
 				default: return !0;
 			}
-		})), I) {
+		})), L) {
 			case "rating":
 				e.sort((e, t) => t.rating - e.rating);
 				break;
@@ -49,23 +50,23 @@ function D() {
 		}
 		return e;
 	}, [
-		W,
-		O,
-		A,
-		M,
-		P,
-		I
-	]), X = Y.slice(0, R), Z = R < Y.length, Q = A !== E || M !== "" || P !== "" || O.trim() !== "", $ = () => {
-		k(""), j(E), N(""), F(""), L("rating"), z(9);
+		G,
+		k,
+		j,
+		N,
+		F,
+		L
+	]), Z = X.slice(0, z), Q = z < X.length, te = j !== D || N !== "" || F !== "" || k.trim() !== "", $ = () => {
+		A(""), M(D), P(""), I(""), R("rating"), B(9);
 	};
-	return G ? /* @__PURE__ */ w(n, {
+	return K ? /* @__PURE__ */ w(n, {
 		title: "Discover Carts",
 		description: "Finding services and shops near you...",
 		children: /* @__PURE__ */ w("div", {
 			className: "flex h-[60vh] items-center justify-center",
 			children: /* @__PURE__ */ w(g, { className: "h-8 w-8 animate-spin text-primary" })
 		})
-	}) : K ? /* @__PURE__ */ w(n, {
+	}) : q ? /* @__PURE__ */ w(n, {
 		title: "Discover Carts",
 		description: "Error loading carts",
 		children: /* @__PURE__ */ T("div", {
@@ -87,36 +88,42 @@ function D() {
 	}) : /* @__PURE__ */ T(n, {
 		title: "Discover Carts",
 		description: "Find services and shops near you",
+		titleGradient: !0,
 		actions: /* @__PURE__ */ T("span", {
 			className: "text-sm text-text-secondary",
-			children: [Y.length, " carts found"]
+			children: [X.length, " carts found"]
 		}),
 		children: [
-			/* @__PURE__ */ T("div", {
+			/* @__PURE__ */ w(ee, {
+				icon: /* @__PURE__ */ w(v, { className: "h-4 w-4" }),
+				className: "mb-6",
+				children: "Find local carts and service providers near you. Search by name or what you need, filter by category, and compare carts by rating, distance and price before you order. This is your starting point whenever you're after food, a quick repair, a haircut or anything else on the marketplace."
+			}),
+			/* @__PURE__ */ w(E, { children: /* @__PURE__ */ T("div", {
 				className: "relative",
 				children: [
 					/* @__PURE__ */ w(v, { className: "absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary" }),
 					/* @__PURE__ */ w("input", {
 						type: "text",
 						placeholder: "Search carts, services, or items...",
-						value: O,
-						onChange: (e) => k(e.target.value),
-						className: t("w-full rounded-lg border border-border-subtle bg-bg-surface py-2.5 pl-10 pr-10 text-sm text-text-primary", "placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]")
+						value: k,
+						onChange: (e) => A(e.target.value),
+						className: t("w-full rounded-lg border border-border-seam bg-bg-surface py-2.5 pl-10 pr-10 text-sm text-text-primary", "placeholder:text-text-secondary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]")
 					}),
-					O && /* @__PURE__ */ w("button", {
+					k && /* @__PURE__ */ w("button", {
 						type: "button",
-						onClick: () => k(""),
+						onClick: () => A(""),
 						className: "absolute right-3 top-1/2 -translate-y-1/2 text-text-secondary hover:text-text-primary",
 						children: /* @__PURE__ */ w(S, { className: "h-4 w-4" })
 					})
 				]
-			}),
+			}) }),
 			/* @__PURE__ */ w("div", {
 				className: "mt-4 flex flex-wrap gap-2",
-				children: J.map((e) => /* @__PURE__ */ w("button", {
+				children: Y.map((e) => /* @__PURE__ */ w("button", {
 					type: "button",
-					onClick: () => j(e),
-					className: t("rounded-full px-3 py-1.5 text-xs font-medium transition-colors", A === e ? "bg-foreground text-background" : "bg-bg-sunken text-text-secondary hover:bg-accent hover:text-text-primary"),
+					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))
 			}),
@@ -124,9 +131,9 @@ function D() {
 				className: "mt-4 flex flex-wrap items-center gap-3",
 				children: [
 					/* @__PURE__ */ T("select", {
-						value: M,
-						onChange: (e) => N(e.target.value),
-						className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+						value: N,
+						onChange: (e) => P(e.target.value),
+						className: "rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 						children: [
 							/* @__PURE__ */ w("option", {
 								value: "",
@@ -147,9 +154,9 @@ function D() {
 						]
 					}),
 					/* @__PURE__ */ T("select", {
-						value: P,
-						onChange: (e) => F(e.target.value),
-						className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+						value: F,
+						onChange: (e) => I(e.target.value),
+						className: "rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 						children: [
 							/* @__PURE__ */ w("option", {
 								value: "",
@@ -170,9 +177,9 @@ function D() {
 						]
 					}),
 					/* @__PURE__ */ T("select", {
-						value: I,
-						onChange: (e) => L(e.target.value),
-						className: "rounded-lg border border-border-subtle bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
+						value: L,
+						onChange: (e) => R(e.target.value),
+						className: "rounded-lg border border-border-seam bg-bg-surface px-3 py-2 text-xs text-text-primary focus:outline-none focus:ring-2 focus:ring-[var(--color-focus-ring)]",
 						children: [
 							/* @__PURE__ */ w("option", {
 								value: "rating",
@@ -192,20 +199,20 @@ function D() {
 							})
 						]
 					}),
-					Q && /* @__PURE__ */ w("button", {
+					te && /* @__PURE__ */ w("button", {
 						type: "button",
 						onClick: $,
-						className: "rounded-lg border border-border-subtle px-3 py-2 text-xs font-medium text-text-secondary hover:text-text-primary transition-colors",
+						className: "rounded-lg border border-border-seam px-3 py-2 text-xs font-medium text-text-secondary hover:text-text-primary transition-colors",
 						children: "Clear All Filters"
 					})
 				]
 			}),
-			X.length > 0 ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("div", {
+			Z.length > 0 ? /* @__PURE__ */ T(C, { children: [/* @__PURE__ */ w("div", {
 				className: "mt-6 grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
-				children: X.map((e) => {
-					let n = q.find((t) => t.cartId === e.id);
+				children: Z.map((e) => {
+					let n = J.find((t) => t.cartId === e.id);
 					return /* @__PURE__ */ T("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface shadow-sm overflow-hidden hover:shadow-md transition-shadow flex flex-col",
+						className: "rounded-lg border border-border-seam bg-bg-surface shadow-sm overflow-hidden hover:shadow-md transition-shadow flex flex-col",
 						children: [/* @__PURE__ */ T("div", {
 							className: "relative h-40 bg-bg-sunken",
 							children: [
@@ -217,17 +224,17 @@ function D() {
 								/* @__PURE__ */ T("div", {
 									className: "absolute top-2 left-2 flex gap-1.5",
 									children: [/* @__PURE__ */ w("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"),
+										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/20 text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
 										children: e.isOpen ? "Open" : "Closed"
 									}), e.isVerified && /* @__PURE__ */ T("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",
+										className: "inline-flex items-center gap-0.5 rounded-full bg-status-info-bg/20 px-2 py-0.5 text-xs font-medium text-status-info-text backdrop-blur-sm",
 										children: [/* @__PURE__ */ w(f, { className: "h-3 w-3" }), "Verified"]
 									})]
 								}),
 								/* @__PURE__ */ w("div", {
 									className: "absolute top-2 right-2",
 									children: /* @__PURE__ */ T("span", {
-										className: "rounded-full bg-black/50 px-2 py-0.5 text-xs text-white backdrop-blur-sm",
+										className: "rounded-full bg-bg-canvas/50 px-2 py-0.5 text-xs text-text-inverse backdrop-blur-sm",
 										children: [e.estimatedTime, " min"]
 									})
 								})
@@ -243,7 +250,7 @@ function D() {
 									}), /* @__PURE__ */ T("div", {
 										className: "flex items-center gap-1 shrink-0",
 										children: [
-											/* @__PURE__ */ w(y, { className: "h-3.5 w-3.5 fill-yellow-400 text-yellow-400" }),
+											/* @__PURE__ */ w(y, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }),
 											/* @__PURE__ */ w("span", {
 												className: "text-xs font-medium text-text-primary",
 												children: e.rating
@@ -278,9 +285,9 @@ function D() {
 									})]
 								}),
 								e.serviceTypes?.includes("appointment") && /* @__PURE__ */ w("div", {
-									className: "mb-3 rounded-md bg-blue-500/10 border border-blue-500/20 p-2",
+									className: "mb-3 rounded-md bg-status-info-bg/10 border border-status-info-border/20 p-2",
 									children: /* @__PURE__ */ T("div", {
-										className: "flex items-center gap-1 text-xs text-blue-600 dark:text-blue-400",
+										className: "flex items-center gap-1 text-xs text-status-info-text",
 										children: [/* @__PURE__ */ w(d, { className: "h-3 w-3" }), /* @__PURE__ */ w("span", {
 											className: "font-medium",
 											children: "Appointment available"
@@ -288,9 +295,9 @@ function D() {
 									})
 								}),
 								e.serviceTypes?.includes("direct_service") && /* @__PURE__ */ w("div", {
-									className: "mb-3 rounded-md bg-purple-500/10 border border-purple-500/20 p-2",
+									className: "mb-3 rounded-md bg-accent-purple-subtle border border-accent-purple/20 p-2",
 									children: /* @__PURE__ */ T("div", {
-										className: "flex items-center gap-1 text-xs text-purple-600 dark:text-purple-400",
+										className: "flex items-center gap-1 text-xs text-accent-purple",
 										children: [/* @__PURE__ */ w(m, { className: "h-3 w-3" }), /* @__PURE__ */ w("span", {
 											className: "font-medium",
 											children: "Direct Service Available"
@@ -309,31 +316,31 @@ function D() {
 									children: [
 										/* @__PURE__ */ w("button", {
 											type: "button",
-											onClick: () => D(`/customer/cart/${e.id}`),
+											onClick: () => O(`/customer/cart/${e.id}`),
 											disabled: !e.isOpen,
 											className: t("flex-1 rounded-lg py-2 text-xs font-medium transition-opacity", e.isOpen ? "bg-foreground text-background hover:opacity-90" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
 											children: e.isOpen ? "View Services" : "Closed"
 										}),
 										e.serviceTypes?.includes("direct_service") && /* @__PURE__ */ w("button", {
 											type: "button",
-											onClick: () => D(`/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",
+											onClick: () => O(`/customer/cart/${e.id}`),
+											className: "rounded-lg border border-border-seam px-2 py-2 text-xs text-text-primary hover:bg-accent transition-colors",
 											title: "Book Direct Service",
 											children: /* @__PURE__ */ w(m, { className: "h-3.5 w-3.5" })
 										}),
 										n && /* @__PURE__ */ w("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",
+											className: "rounded-lg border border-status-success-border/30 bg-status-success-bg/10 px-2 py-2 text-xs text-status-success-text hover:bg-status-success-bg/20 transition-colors",
 											title: "Investment Opportunity",
 											children: /* @__PURE__ */ w(x, { className: "h-3.5 w-3.5" })
 										}),
 										/* @__PURE__ */ w("button", {
 											type: "button",
 											onClick: () => {
-												U(e), V(!0);
+												W(e), H(!0);
 											},
-											className: "rounded-lg border border-border-subtle px-2 py-2 text-xs text-text-primary hover:bg-accent transition-colors",
+											className: "rounded-lg border border-border-seam px-2 py-2 text-xs text-text-primary hover:bg-accent transition-colors",
 											title: "Cart Info",
 											children: /* @__PURE__ */ w(h, { className: "h-3.5 w-3.5" })
 										})
@@ -343,20 +350,21 @@ function D() {
 						})]
 					}, e.id);
 				})
-			}), Z && /* @__PURE__ */ w("div", {
+			}), Q && /* @__PURE__ */ w("div", {
 				className: "mt-8 text-center",
 				children: /* @__PURE__ */ w("button", {
 					type: "button",
-					onClick: () => z((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",
+					onClick: () => B((e) => e + 9),
+					className: "rounded-lg border border-border-seam px-6 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 					children: "Load More Carts"
 				})
 			})] }) : /* @__PURE__ */ w("div", {
 				className: "mt-6",
 				children: /* @__PURE__ */ w(r, {
+					illustration: "empty-search",
 					icon: /* @__PURE__ */ w(v, { className: "h-12 w-12" }),
 					title: "No carts found",
-					description: O ? `No results for "${O}". Try a different search term.` : "No carts available with these filters.",
+					description: k ? `No results for "${k}". Try a different search term.` : "No carts available with these filters.",
 					action: /* @__PURE__ */ w("button", {
 						type: "button",
 						onClick: $,
@@ -365,10 +373,10 @@ function D() {
 					})
 				})
 			}),
-			B && H && /* @__PURE__ */ w("div", {
-				className: "fixed inset-0 z-50 flex items-center justify-center bg-black/50 p-4",
+			V && U && /* @__PURE__ */ w("div", {
+				className: "fixed inset-0 z-50 flex items-center justify-center bg-bg-canvas/50 p-4",
 				children: /* @__PURE__ */ w("div", {
-					className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border-subtle bg-bg-surface",
+					className: "w-full max-w-2xl max-h-[90vh] overflow-y-auto rounded-lg border border-border-seam bg-bg-surface",
 					children: /* @__PURE__ */ T("div", {
 						className: "p-5",
 						children: [
@@ -379,7 +387,7 @@ function D() {
 									children: "Cart Information"
 								}), /* @__PURE__ */ w("button", {
 									type: "button",
-									onClick: () => V(!1),
+									onClick: () => H(!1),
 									className: "rounded-md p-1 text-text-secondary hover:text-text-primary transition-colors",
 									children: /* @__PURE__ */ w(S, { className: "h-5 w-5" })
 								})]
@@ -387,37 +395,37 @@ function D() {
 							/* @__PURE__ */ w("div", {
 								className: "h-48 rounded-lg overflow-hidden mb-4",
 								children: /* @__PURE__ */ w("img", {
-									src: H.image,
-									alt: H.name,
+									src: U.image,
+									alt: U.name,
 									className: "h-full w-full object-cover"
 								})
 							}),
 							/* @__PURE__ */ w("h4", {
 								className: "text-xl font-semibold text-text-primary mb-1",
-								children: H.name
+								children: U.name
 							}),
 							/* @__PURE__ */ T("div", {
 								className: "flex flex-wrap items-center gap-3 mb-4",
 								children: [/* @__PURE__ */ T("div", {
 									className: "flex items-center gap-1",
 									children: [
-										/* @__PURE__ */ w(y, { className: "h-3.5 w-3.5 fill-yellow-400 text-yellow-400" }),
+										/* @__PURE__ */ w(y, { className: "h-3.5 w-3.5 fill-status-warning-text text-status-warning-text" }),
 										/* @__PURE__ */ w("span", {
 											className: "text-sm font-medium",
-											children: H.rating
+											children: U.rating
 										}),
 										/* @__PURE__ */ T("span", {
 											className: "text-xs text-text-secondary",
 											children: [
 												"(",
-												H.totalRatings,
+												U.totalRatings,
 												" reviews)"
 											]
 										})
 									]
 								}), /* @__PURE__ */ w("span", {
-									className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", H.isOpen ? "bg-green-500/20 text-green-600 dark:text-green-400" : "bg-red-500/20 text-red-600 dark:text-red-400"),
-									children: H.isOpen ? "Open" : "Closed"
+									className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", U.isOpen ? "bg-status-success-bg/20 text-status-success-text" : "bg-status-error-bg/20 text-status-error-text"),
+									children: U.isOpen ? "Open" : "Closed"
 								})]
 							}),
 							/* @__PURE__ */ T("div", {
@@ -430,7 +438,7 @@ function D() {
 											children: [/* @__PURE__ */ w(_, { className: "h-3 w-3" }), " Location"]
 										}), /* @__PURE__ */ w("p", {
 											className: "mt-1 text-sm text-text-primary",
-											children: H.location.address
+											children: U.location.address
 										})]
 									}),
 									/* @__PURE__ */ T("div", {
@@ -440,17 +448,17 @@ function D() {
 											children: [/* @__PURE__ */ w(b, { className: "h-3 w-3" }), " Category"]
 										}), /* @__PURE__ */ w("p", {
 											className: "mt-1 text-sm text-text-primary",
-											children: H.category
+											children: U.category
 										})]
 									}),
-									H.averageOrderValue && /* @__PURE__ */ T("div", {
+									U.averageOrderValue && /* @__PURE__ */ T("div", {
 										className: "rounded-md bg-bg-sunken p-3",
 										children: [/* @__PURE__ */ w("p", {
 											className: "text-xs font-medium text-text-secondary",
 											children: "Average Order"
 										}), /* @__PURE__ */ w("p", {
 											className: "mt-1 text-sm text-text-primary",
-											children: o(H.averageOrderValue, { minimumFractionDigits: 0 })
+											children: o(U.averageOrderValue, { minimumFractionDigits: 0 })
 										})]
 									}),
 									/* @__PURE__ */ T("div", {
@@ -460,7 +468,7 @@ function D() {
 											children: [/* @__PURE__ */ w(p, { className: "h-3 w-3" }), " Estimated Time"]
 										}), /* @__PURE__ */ T("p", {
 											className: "mt-1 text-sm text-text-primary",
-											children: [H.estimatedTime, " minutes"]
+											children: [U.estimatedTime, " minutes"]
 										})]
 									}),
 									/* @__PURE__ */ T("div", {
@@ -470,10 +478,10 @@ function D() {
 											children: "Distance"
 										}), /* @__PURE__ */ w("p", {
 											className: "mt-1 text-sm text-text-primary",
-											children: s(H.distance)
+											children: s(U.distance)
 										})]
 									}),
-									H.isVerified && /* @__PURE__ */ T("div", {
+									U.isVerified && /* @__PURE__ */ T("div", {
 										className: "rounded-md bg-bg-sunken p-3",
 										children: [/* @__PURE__ */ T("p", {
 											className: "text-xs font-medium text-text-secondary flex items-center gap-1",
@@ -485,27 +493,27 @@ function D() {
 									})
 								]
 							}),
-							H.serviceTypes && H.serviceTypes.length > 0 && /* @__PURE__ */ T("div", {
+							U.serviceTypes && U.serviceTypes.length > 0 && /* @__PURE__ */ T("div", {
 								className: "mb-4",
 								children: [/* @__PURE__ */ w("p", {
 									className: "text-xs font-medium text-text-secondary mb-2",
 									children: "Service Types"
 								}), /* @__PURE__ */ w("div", {
 									className: "flex flex-wrap gap-2",
-									children: H.serviceTypes.map((e) => /* @__PURE__ */ w("span", {
+									children: U.serviceTypes.map((e) => /* @__PURE__ */ w("span", {
 										className: "rounded-full bg-bg-sunken px-2.5 py-1 text-xs text-text-secondary capitalize",
 										children: e.replace(/_/g, " ")
 									}, e))
 								})]
 							}),
-							H.businessHours && Object.keys(H.businessHours).length > 0 && /* @__PURE__ */ T("div", {
+							U.businessHours && Object.keys(U.businessHours).length > 0 && /* @__PURE__ */ T("div", {
 								className: "mb-4",
 								children: [/* @__PURE__ */ w("p", {
 									className: "text-xs font-medium text-text-secondary mb-2",
 									children: "Operating Hours"
 								}), /* @__PURE__ */ w("div", {
 									className: "space-y-1",
-									children: Object.entries(H.businessHours).map(([e, t]) => /* @__PURE__ */ T("div", {
+									children: Object.entries(U.businessHours).map(([e, t]) => /* @__PURE__ */ T("div", {
 										className: "flex justify-between text-xs",
 										children: [/* @__PURE__ */ w("span", {
 											className: "capitalize text-text-primary",
@@ -522,15 +530,15 @@ function D() {
 								children: [/* @__PURE__ */ w("button", {
 									type: "button",
 									onClick: () => {
-										V(!1), D(`/customer/carts/${H.id}`);
+										H(!1), O(`/customer/carts/${U.id}`);
 									},
-									disabled: !H.isOpen,
-									className: t("flex-1 rounded-lg py-2.5 text-sm font-medium transition-opacity", H.isOpen ? "bg-foreground text-background hover:opacity-90" : "bg-bg-sunken text-text-secondary cursor-not-allowed"),
-									children: H.isOpen ? "View Menu" : "Currently Closed"
+									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__ */ w("button", {
 									type: "button",
-									onClick: () => V(!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",
+									onClick: () => H(!1),
+									className: "rounded-lg border border-border-seam px-4 py-2.5 text-sm font-medium text-text-primary hover:bg-accent transition-colors",
 									children: "Close"
 								})]
 							})
@@ -542,6 +550,6 @@ function D() {
 	});
 }
 //#endregion
-export { D as CartDiscoveryPage };
+export { O as CartDiscoveryPage };
 
 //# sourceMappingURL=CartDiscoveryPage.js.map