@burdenoff/microfe-atheletebridge 2026.624.1 → 2026.625.2

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

@@ -1,22 +1,24 @@
 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 { useDashboardStats as r, useOrders as i, useProviders as a } from "../../hooks/useAthleteBridgeApi.js";
-import { formatCurrency as o } from "../../utils/formatters.js";
-import { useCallback as s } from "react";
-import { useI18n as c } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { ArrowRight as l, Clock as u, CreditCard as d, Heart as f, Lightbulb as p, MapPin as m, Navigation as h, Package as g, Search as _, ShoppingBag as v, Star as y, TrendingUp as b, User as x, Zap as S } from "lucide-react";
+import { EmptyState as r } from "../../components/EmptyState.js";
+import { useDashboardStats as i, useOrders as a, useProviders as o } from "../../hooks/useAthleteBridgeApi.js";
+import { formatCurrency as s } from "../../utils/formatters.js";
+import { useCallback as c } from "react";
+import { useI18n as l } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ArrowRight as u, Clock as d, CreditCard as f, Heart as p, Lightbulb as m, MapPin as h, Navigation as g, Package as _, Search as v, Star as y, TrendingUp as b, User as x, Zap as S } from "lucide-react";
 import { jsx as C, jsxs as w } from "react/jsx-runtime";
+import { EmphasisPanel as T, NextSteps as E, PagePurpose as D } from "@burdenoff/fe-libs/ui";
 //#region src/atheletebridge/pages/customer/CustomerDashboard.tsx
-function T() {
+function O() {
 	let e = (/* @__PURE__ */ new Date()).getHours();
 	return e < 12 ? "Good morning" : e < 17 ? "Good afternoon" : "Good evening";
 }
-function E() {
-	let { navigateTo: E, currentUser: D } = e(), { t: O } = c(), { data: k = [], isLoading: A } = i({ customerId: D?.id }), { data: j = [], isLoading: M } = a(), { data: N, isLoading: P } = r(), F = A || M || P, I = s((e, t) => {
-		let n = O(e);
+function k() {
+	let { navigateTo: k, currentUser: A } = e(), { t: j } = l(), { data: M = [], isLoading: N } = a({ customerId: A?.id }), { data: P = [], isLoading: F } = o(), { data: I, isLoading: L } = i(), R = N || F || L, z = c((e, t) => {
+		let n = j(e);
 		return n === e ? t : n;
-	}, [O]), L = D?.firstName ?? D?.name ?? "Customer", R = [
+	}, [j]), B = A?.firstName ?? A?.name ?? "Customer", V = [
 		{
 			id: "1",
 			type: "suggestion",
@@ -41,12 +43,12 @@ function E() {
 			confidence: 88,
 			action: "View Carts"
 		}
-	], z = k.slice(0, 3), B = j.slice(0, 3), V = {
-		totalOrders: k.length,
-		totalSpent: k.reduce((e, t) => e + t.total, 0),
+	], H = M.slice(0, 3), U = P.slice(0, 3), W = {
+		totalOrders: M.length,
+		totalSpent: M.reduce((e, t) => e + t.total, 0),
 		favoriteCount: 6,
 		avgRating: 4.5
-	}, H = (e) => {
+	}, G = (e) => {
 		switch (e) {
 			case "delivered": return "bg-green-500/20 text-green-600 dark:text-green-400";
 			case "preparing": return "bg-yellow-500/20 text-yellow-600 dark:text-yellow-400";
@@ -55,14 +57,14 @@ function E() {
 			case "cancelled": return "bg-red-500/20 text-red-600 dark:text-red-400";
 			default: return "bg-bg-sunken text-text-secondary";
 		}
-	}, U = (e) => {
+	}, K = (e) => {
 		switch (e) {
-			case "suggestion": return /* @__PURE__ */ C(p, { className: "h-4 w-4" });
+			case "suggestion": return /* @__PURE__ */ C(m, { className: "h-4 w-4" });
 			case "opportunity": return /* @__PURE__ */ C(b, { className: "h-4 w-4" });
 			case "trend": return /* @__PURE__ */ C(S, { className: "h-4 w-4" });
-			default: return /* @__PURE__ */ C(p, { className: "h-4 w-4" });
+			default: return /* @__PURE__ */ C(m, { className: "h-4 w-4" });
 		}
-	}, W = (e) => {
+	}, q = (e) => {
 		switch (e) {
 			case "suggestion": return "bg-blue-500/10 text-blue-600 dark:text-blue-400 border-blue-500/20";
 			case "opportunity": return "bg-green-500/10 text-green-600 dark:text-green-400 border-green-500/20";
@@ -70,427 +72,468 @@ function E() {
 			default: return "bg-bg-sunken text-text-secondary border-border-subtle";
 		}
 	};
-	return F ? /* @__PURE__ */ C(n, {
-		title: I("atheletebridge.customerDashboard.title", "Dashboard"),
+	return R ? /* @__PURE__ */ C(n, {
+		title: z("atheletebridge.customerDashboard.title", "Dashboard"),
 		children: /* @__PURE__ */ C("div", {
 			className: "flex items-center justify-center py-20",
 			children: /* @__PURE__ */ w("div", {
 				className: "text-center",
 				children: [/* @__PURE__ */ C("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-foreground" }), /* @__PURE__ */ C("p", {
 					className: "text-sm text-text-secondary",
-					children: I("atheletebridge.customerDashboard.loading", "Loading your dashboard...")
+					children: z("atheletebridge.customerDashboard.loading", "Loading your dashboard...")
 				})]
 			})
 		})
 	}) : /* @__PURE__ */ w(n, {
-		title: I("atheletebridge.customerDashboard.welcomeBack", "Welcome Back!"),
-		description: `${T()}, ${L}`,
-		children: [V && /* @__PURE__ */ w("div", {
-			className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-			children: [
-				/* @__PURE__ */ C("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-					children: /* @__PURE__ */ w("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ C("div", {
-							className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
-							children: /* @__PURE__ */ C(g, { className: "h-5 w-5 text-text-secondary" })
-						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-							className: "text-2xl font-bold text-text-primary",
-							children: V.totalOrders
-						}), /* @__PURE__ */ C("p", {
-							className: "text-xs text-text-secondary",
-							children: I("atheletebridge.customerDashboard.totalOrders", "Total Orders")
-						})] })]
-					})
-				}),
-				/* @__PURE__ */ C("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-					children: /* @__PURE__ */ w("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ C("div", {
-							className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
-							children: /* @__PURE__ */ C(d, { className: "h-5 w-5 text-text-secondary" })
-						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-							className: "text-2xl font-bold text-text-primary",
-							children: o(V.totalSpent, { minimumFractionDigits: 0 })
-						}), /* @__PURE__ */ C("p", {
-							className: "text-xs text-text-secondary",
-							children: I("atheletebridge.customerDashboard.totalSpent", "Total Spent")
-						})] })]
-					})
-				}),
-				/* @__PURE__ */ C("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-					children: /* @__PURE__ */ w("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ C("div", {
-							className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
-							children: /* @__PURE__ */ C(f, { className: "h-5 w-5 text-text-secondary" })
-						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-							className: "text-2xl font-bold text-text-primary",
-							children: V.favoriteCount
-						}), /* @__PURE__ */ C("p", {
-							className: "text-xs text-text-secondary",
-							children: I("atheletebridge.customerDashboard.favoriteCarts", "Favorite Carts")
-						})] })]
-					})
-				}),
-				/* @__PURE__ */ C("div", {
-					className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-					children: /* @__PURE__ */ w("div", {
-						className: "flex items-center gap-3",
-						children: [/* @__PURE__ */ C("div", {
-							className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
-							children: /* @__PURE__ */ C(y, { className: "h-5 w-5 text-text-secondary" })
-						}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
-							className: "text-2xl font-bold text-text-primary",
-							children: V.avgRating.toFixed(1)
-						}), /* @__PURE__ */ C("p", {
-							className: "text-xs text-text-secondary",
-							children: I("atheletebridge.customerDashboard.avgRatingGiven", "Avg Rating Given")
-						})] })]
-					})
-				})
-			]
-		}), /* @__PURE__ */ w("div", {
-			className: "mt-8 grid grid-cols-1 gap-8 lg:grid-cols-3",
-			children: [/* @__PURE__ */ w("div", {
-				className: "lg:col-span-2 space-y-8",
+		title: z("atheletebridge.customerDashboard.welcomeBack", "Welcome Back!"),
+		description: `${O()}, ${B}`,
+		children: [
+			/* @__PURE__ */ C(D, {
+				className: "mb-6",
+				children: z("atheletebridge.customerDashboard.purpose", "Your home base as a customer: see how much you have ordered and spent, pick up where you left off with recent orders, and discover carts recommended near you. Start here to find a service and place your next order.")
+			}),
+			/* @__PURE__ */ C(E, {
+				className: "mb-6",
+				storageKey: "atheletebridge-customer-dashboard",
+				steps: [
+					{
+						id: "discover",
+						label: z("atheletebridge.customerDashboard.step.discover", "Discover carts near you"),
+						description: z("atheletebridge.customerDashboard.step.discoverDesc", "Browse open service providers around your location."),
+						icon: /* @__PURE__ */ C(v, { className: "h-4 w-4" }),
+						onClick: () => k("/customer/carts")
+					},
+					{
+						id: "address",
+						label: z("atheletebridge.customerDashboard.step.address", "Add a delivery address"),
+						description: z("atheletebridge.customerDashboard.step.addressDesc", "Save where you want orders delivered for faster checkout."),
+						icon: /* @__PURE__ */ C(h, { className: "h-4 w-4" }),
+						onClick: () => k("/customer/addresses")
+					},
+					{
+						id: "payment",
+						label: z("atheletebridge.customerDashboard.step.payment", "Set up a payment method"),
+						description: z("atheletebridge.customerDashboard.step.paymentDesc", "Add a card or wallet so you can check out in one tap."),
+						icon: /* @__PURE__ */ C(f, { className: "h-4 w-4" }),
+						onClick: () => k("/customer/payment-methods")
+					}
+				]
+			}),
+			W && /* @__PURE__ */ w("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
 				children: [
-					/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ C("h2", {
-						className: "text-lg font-semibold text-text-primary mb-4",
-						children: I("atheletebridge.customerDashboard.quickActions", "Quick Actions")
-					}), /* @__PURE__ */ w("div", {
-						className: "grid grid-cols-1 gap-3 sm:grid-cols-3",
-						children: [
-							/* @__PURE__ */ w("button", {
-								type: "button",
-								onClick: () => E("/customer/carts"),
-								className: t("flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm transition-colors text-left", "hover:bg-accent hover:shadow-md"),
-								children: [/* @__PURE__ */ C("div", {
-									className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-blue-500/10",
-									children: /* @__PURE__ */ C(_, { className: "h-5 w-5 text-blue-600 dark:text-blue-400" })
-								}), /* @__PURE__ */ w("div", {
-									className: "min-w-0",
-									children: [/* @__PURE__ */ C("p", {
-										className: "text-sm font-semibold text-text-primary",
-										children: I("atheletebridge.customerDashboard.discoverCarts", "Discover Carts")
-									}), /* @__PURE__ */ C("p", {
-										className: "text-xs text-text-secondary",
-										children: I("atheletebridge.customerDashboard.findNearbyCarts", "Find nearby carts")
+					/* @__PURE__ */ C("div", {
+						className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
+						children: /* @__PURE__ */ w("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ C("div", {
+								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
+								children: /* @__PURE__ */ C(_, { className: "h-5 w-5 text-text-secondary" })
+							}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+								className: "text-2xl font-bold text-text-primary",
+								children: W.totalOrders
+							}), /* @__PURE__ */ C("p", {
+								className: "text-xs text-text-secondary",
+								children: z("atheletebridge.customerDashboard.totalOrders", "Total Orders")
+							})] })]
+						})
+					}),
+					/* @__PURE__ */ C("div", {
+						className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
+						children: /* @__PURE__ */ w("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ C("div", {
+								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
+								children: /* @__PURE__ */ C(f, { className: "h-5 w-5 text-text-secondary" })
+							}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+								className: "text-2xl font-bold text-text-primary",
+								children: s(W.totalSpent, { minimumFractionDigits: 0 })
+							}), /* @__PURE__ */ C("p", {
+								className: "text-xs text-text-secondary",
+								children: z("atheletebridge.customerDashboard.totalSpent", "Total Spent")
+							})] })]
+						})
+					}),
+					/* @__PURE__ */ C("div", {
+						className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
+						children: /* @__PURE__ */ w("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ C("div", {
+								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
+								children: /* @__PURE__ */ C(p, { className: "h-5 w-5 text-text-secondary" })
+							}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+								className: "text-2xl font-bold text-text-primary",
+								children: W.favoriteCount
+							}), /* @__PURE__ */ C("p", {
+								className: "text-xs text-text-secondary",
+								children: z("atheletebridge.customerDashboard.favoriteCarts", "Favorite Carts")
+							})] })]
+						})
+					}),
+					/* @__PURE__ */ C("div", {
+						className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
+						children: /* @__PURE__ */ w("div", {
+							className: "flex items-center gap-3",
+							children: [/* @__PURE__ */ C("div", {
+								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
+								children: /* @__PURE__ */ C(y, { className: "h-5 w-5 text-text-secondary" })
+							}), /* @__PURE__ */ w("div", { children: [/* @__PURE__ */ C("p", {
+								className: "text-2xl font-bold text-text-primary",
+								children: W.avgRating.toFixed(1)
+							}), /* @__PURE__ */ C("p", {
+								className: "text-xs text-text-secondary",
+								children: z("atheletebridge.customerDashboard.avgRatingGiven", "Avg Rating Given")
+							})] })]
+						})
+					})
+				]
+			}),
+			/* @__PURE__ */ w("div", {
+				className: "mt-8 grid grid-cols-1 gap-8 lg:grid-cols-3",
+				children: [/* @__PURE__ */ w("div", {
+					className: "lg:col-span-2 space-y-8",
+					children: [
+						/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ C("h2", {
+							className: "text-lg font-semibold text-text-primary mb-4",
+							children: z("atheletebridge.customerDashboard.quickActions", "Quick Actions")
+						}), /* @__PURE__ */ w("div", {
+							className: "grid grid-cols-1 gap-3 sm:grid-cols-3",
+							children: [
+								/* @__PURE__ */ w("button", {
+									type: "button",
+									onClick: () => k("/customer/carts"),
+									className: t("flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm transition-colors text-left", "hover:bg-accent hover:shadow-md"),
+									children: [/* @__PURE__ */ C("div", {
+										className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-blue-500/10",
+										children: /* @__PURE__ */ C(v, { className: "h-5 w-5 text-blue-600 dark:text-blue-400" })
+									}), /* @__PURE__ */ w("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ C("p", {
+											className: "text-sm font-semibold text-text-primary",
+											children: z("atheletebridge.customerDashboard.discoverCarts", "Discover Carts")
+										}), /* @__PURE__ */ C("p", {
+											className: "text-xs text-text-secondary",
+											children: z("atheletebridge.customerDashboard.findNearbyCarts", "Find nearby carts")
+										})]
 									})]
-								})]
-							}),
-							/* @__PURE__ */ w("button", {
-								type: "button",
-								onClick: () => E("/customer/orders"),
-								className: t("flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm transition-colors text-left", "hover:bg-accent hover:shadow-md"),
-								children: [/* @__PURE__ */ C("div", {
-									className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-green-500/10",
-									children: /* @__PURE__ */ C(u, { className: "h-5 w-5 text-green-600 dark:text-green-400" })
-								}), /* @__PURE__ */ w("div", {
-									className: "min-w-0",
-									children: [/* @__PURE__ */ C("p", {
-										className: "text-sm font-semibold text-text-primary",
-										children: I("atheletebridge.customerDashboard.orderHistory", "Order History")
-									}), /* @__PURE__ */ C("p", {
-										className: "text-xs text-text-secondary",
-										children: I("atheletebridge.customerDashboard.viewPastOrders", "View past orders")
+								}),
+								/* @__PURE__ */ w("button", {
+									type: "button",
+									onClick: () => k("/customer/orders"),
+									className: t("flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm transition-colors text-left", "hover:bg-accent hover:shadow-md"),
+									children: [/* @__PURE__ */ C("div", {
+										className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-green-500/10",
+										children: /* @__PURE__ */ C(d, { className: "h-5 w-5 text-green-600 dark:text-green-400" })
+									}), /* @__PURE__ */ w("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ C("p", {
+											className: "text-sm font-semibold text-text-primary",
+											children: z("atheletebridge.customerDashboard.orderHistory", "Order History")
+										}), /* @__PURE__ */ C("p", {
+											className: "text-xs text-text-secondary",
+											children: z("atheletebridge.customerDashboard.viewPastOrders", "View past orders")
+										})]
 									})]
-								})]
-							}),
-							/* @__PURE__ */ w("button", {
+								}),
+								/* @__PURE__ */ w("button", {
+									type: "button",
+									onClick: () => k("/customer/favorites"),
+									className: t("flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm transition-colors text-left", "hover:bg-accent hover:shadow-md"),
+									children: [/* @__PURE__ */ C("div", {
+										className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-red-500/10",
+										children: /* @__PURE__ */ C(p, { className: "h-5 w-5 text-red-600 dark:text-red-400" })
+									}), /* @__PURE__ */ w("div", {
+										className: "min-w-0",
+										children: [/* @__PURE__ */ C("p", {
+											className: "text-sm font-semibold text-text-primary",
+											children: z("atheletebridge.customerDashboard.favorites", "Favorites")
+										}), /* @__PURE__ */ C("p", {
+											className: "text-xs text-text-secondary",
+											children: z("atheletebridge.customerDashboard.savedCarts", "Saved carts")
+										})]
+									})]
+								})
+							]
+						})] }),
+						/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ w("div", {
+							className: "flex items-center justify-between mb-4",
+							children: [/* @__PURE__ */ C("h2", {
+								className: "text-lg font-semibold text-text-primary",
+								children: z("atheletebridge.customerDashboard.recentOrders", "Recent Orders")
+							}), /* @__PURE__ */ w("button", {
 								type: "button",
-								onClick: () => E("/customer/favorites"),
-								className: t("flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm transition-colors text-left", "hover:bg-accent hover:shadow-md"),
-								children: [/* @__PURE__ */ C("div", {
-									className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-red-500/10",
-									children: /* @__PURE__ */ C(f, { className: "h-5 w-5 text-red-600 dark:text-red-400" })
-								}), /* @__PURE__ */ w("div", {
-									className: "min-w-0",
-									children: [/* @__PURE__ */ C("p", {
-										className: "text-sm font-semibold text-text-primary",
-										children: I("atheletebridge.customerDashboard.favorites", "Favorites")
-									}), /* @__PURE__ */ C("p", {
-										className: "text-xs text-text-secondary",
-										children: I("atheletebridge.customerDashboard.savedCarts", "Saved carts")
+								onClick: () => k("/customer/orders"),
+								className: "flex items-center gap-1 text-sm font-medium text-text-secondary hover:text-text-primary transition-colors",
+								children: [z("atheletebridge.common.viewAll", "View All"), /* @__PURE__ */ C(u, { className: "h-4 w-4" })]
+							})]
+						}), H.length > 0 ? /* @__PURE__ */ C("div", {
+							className: "space-y-3",
+							children: H.map((e) => /* @__PURE__ */ C("div", {
+								className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
+								children: /* @__PURE__ */ w("div", {
+									className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3",
+									children: [/* @__PURE__ */ w("div", {
+										className: "flex-1 min-w-0",
+										children: [
+											/* @__PURE__ */ w("div", {
+												className: "flex flex-wrap items-center gap-2 mb-1",
+												children: [/* @__PURE__ */ C("h3", {
+													className: "text-sm font-semibold text-text-primary",
+													children: e.cartName
+												}), /* @__PURE__ */ C("span", {
+													className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize", G(e.status)),
+													children: e.status.replace(/_/g, " ")
+												})]
+											}),
+											/* @__PURE__ */ C("p", {
+												className: "text-xs text-text-secondary mb-2 leading-relaxed",
+												children: e.items.map((e) => `${e.name} (${e.quantity})`).join(", ")
+											}),
+											/* @__PURE__ */ w("div", {
+												className: "flex flex-wrap items-center gap-3 text-xs text-text-secondary",
+												children: [
+													/* @__PURE__ */ C("span", {
+														className: "font-medium text-text-primary",
+														children: s(e.total, { minimumFractionDigits: 0 })
+													}),
+													/* @__PURE__ */ C("span", { children: new Date(e.orderDate).toLocaleDateString() }),
+													e.rating && /* @__PURE__ */ w("span", {
+														className: "flex items-center gap-1",
+														children: [/* @__PURE__ */ C(y, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }), e.rating]
+													})
+												]
+											})
+										]
+									}), /* @__PURE__ */ C("button", {
+										type: "button",
+										onClick: () => k(`/customer/orders/${e.id}`),
+										className: "rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
+										children: z("atheletebridge.customerDashboard.viewDetails", "View Details")
 									})]
-								})]
+								})
+							}, e.id))
+						}) : /* @__PURE__ */ C("div", {
+							className: "rounded-lg border border-border-subtle bg-bg-surface",
+							children: /* @__PURE__ */ C(r, {
+								illustration: "empty-data",
+								title: z("atheletebridge.customerDashboard.noRecentOrders", "No recent orders"),
+								description: z("atheletebridge.customerDashboard.noRecentOrdersDesc", "Your orders will appear here once you place your first one. Discover a cart to get started."),
+								action: /* @__PURE__ */ w("button", {
+									type: "button",
+									onClick: () => k("/customer/carts"),
+									className: "inline-flex items-center gap-1.5 rounded-lg bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 transition-colors",
+									children: [/* @__PURE__ */ C(v, { className: "h-4 w-4" }), z("atheletebridge.customerDashboard.discoverCarts", "Discover Carts")]
+								})
 							})
-						]
-					})] }),
-					/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ w("div", {
-						className: "flex items-center justify-between mb-4",
-						children: [/* @__PURE__ */ C("h2", {
-							className: "text-lg font-semibold text-text-primary",
-							children: I("atheletebridge.customerDashboard.recentOrders", "Recent Orders")
-						}), /* @__PURE__ */ w("button", {
-							type: "button",
-							onClick: () => E("/customer/orders"),
-							className: "flex items-center gap-1 text-sm font-medium text-text-secondary hover:text-text-primary transition-colors",
-							children: [I("atheletebridge.common.viewAll", "View All"), /* @__PURE__ */ C(l, { className: "h-4 w-4" })]
-						})]
-					}), z.length > 0 ? /* @__PURE__ */ C("div", {
-						className: "space-y-3",
-						children: z.map((e) => /* @__PURE__ */ C("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface p-4",
-							children: /* @__PURE__ */ w("div", {
-								className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3",
+						})] }),
+						/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ C("h2", {
+							className: "text-lg font-semibold text-text-primary mb-4",
+							children: z("atheletebridge.customerDashboard.recommendedForYou", "Recommended for You")
+						}), /* @__PURE__ */ C("div", {
+							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
+							children: U.map((e) => /* @__PURE__ */ w("div", {
+								className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden shadow-sm hover:shadow-md transition-shadow",
 								children: [/* @__PURE__ */ w("div", {
-									className: "flex-1 min-w-0",
+									className: "relative h-40",
+									children: [/* @__PURE__ */ C("img", {
+										src: e.image,
+										alt: e.name,
+										className: "h-full w-full object-cover"
+									}), /* @__PURE__ */ C("div", {
+										className: "absolute top-2 right-2",
+										children: /* @__PURE__ */ C("span", {
+											className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", 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 ? z("atheletebridge.customerDashboard.open", "Open") : z("atheletebridge.customerDashboard.closed", "Closed")
+										})
+									})]
+								}), /* @__PURE__ */ w("div", {
+									className: "p-4",
 									children: [
 										/* @__PURE__ */ w("div", {
-											className: "flex flex-wrap items-center gap-2 mb-1",
-											children: [/* @__PURE__ */ C("h3", {
-												className: "text-sm font-semibold text-text-primary",
-												children: e.cartName
-											}), /* @__PURE__ */ C("span", {
-												className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize", H(e.status)),
-												children: e.status.replace(/_/g, " ")
+											className: "flex items-start justify-between mb-2",
+											children: [/* @__PURE__ */ w("div", {
+												className: "min-w-0 flex-1",
+												children: [/* @__PURE__ */ C("h3", {
+													className: "text-sm font-semibold text-text-primary",
+													children: e.name
+												}), /* @__PURE__ */ C("p", {
+													className: "text-xs text-text-secondary",
+													children: e.category
+												})]
+											}), /* @__PURE__ */ w("div", {
+												className: "flex items-center gap-1 text-xs",
+												children: [/* @__PURE__ */ C(y, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }), /* @__PURE__ */ C("span", {
+													className: "font-medium text-text-primary",
+													children: e.rating
+												})]
 											})]
 										}),
-										/* @__PURE__ */ C("p", {
-											className: "text-xs text-text-secondary mb-2 leading-relaxed",
-											children: e.items.map((e) => `${e.name} (${e.quantity})`).join(", ")
-										}),
 										/* @__PURE__ */ w("div", {
-											className: "flex flex-wrap items-center gap-3 text-xs text-text-secondary",
+											className: "flex items-center gap-3 text-xs text-text-secondary mb-3",
+											children: [/* @__PURE__ */ w("span", {
+												className: "flex items-center gap-1",
+												children: [
+													/* @__PURE__ */ C(h, { className: "h-3 w-3" }),
+													e.distance,
+													"km away"
+												]
+											}), /* @__PURE__ */ w("span", {
+												className: "flex items-center gap-1",
+												children: [
+													/* @__PURE__ */ C(d, { className: "h-3 w-3" }),
+													e.estimatedTime,
+													" mins"
+												]
+											})]
+										}),
+										/* @__PURE__ */ C("button", {
+											type: "button",
+											disabled: !e.isOpen,
+											onClick: () => e.isOpen && k(`/customer/carts/${e.id}`),
+											className: t("w-full rounded-lg py-2 text-sm 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 ? z("atheletebridge.customerDashboard.viewMenu", "View Menu") : z("atheletebridge.customerDashboard.currentlyClosed", "Currently Closed")
+										})
+									]
+								})]
+							}, e.id))
+						})] })
+					]
+				}), /* @__PURE__ */ w("div", {
+					className: "space-y-6",
+					children: [
+						/* @__PURE__ */ w(T, {
+							className: "p-5",
+							children: [/* @__PURE__ */ C("h3", {
+								className: "text-base font-semibold text-text-primary mb-4",
+								children: z("atheletebridge.customerDashboard.personalizedRecommendations", "Personalized Recommendations")
+							}), /* @__PURE__ */ C("div", {
+								className: "space-y-3",
+								children: V.map((e) => /* @__PURE__ */ C("div", {
+									className: t("rounded-lg border p-3", q(e.type)),
+									children: /* @__PURE__ */ w("div", {
+										className: "flex items-start gap-2",
+										children: [/* @__PURE__ */ C("div", {
+											className: "mt-0.5 shrink-0",
+											children: K(e.type)
+										}), /* @__PURE__ */ w("div", {
+											className: "flex-1 min-w-0",
 											children: [
-												/* @__PURE__ */ C("span", {
-													className: "font-medium text-text-primary",
-													children: o(e.total, { minimumFractionDigits: 0 })
+												/* @__PURE__ */ w("div", {
+													className: "flex items-center justify-between gap-2",
+													children: [/* @__PURE__ */ C("p", {
+														className: "text-xs font-semibold",
+														children: e.title
+													}), /* @__PURE__ */ w("span", {
+														className: "text-[10px] opacity-70",
+														children: [e.confidence, "%"]
+													})]
 												}),
-												/* @__PURE__ */ C("span", { children: new Date(e.orderDate).toLocaleDateString() }),
-												e.rating && /* @__PURE__ */ w("span", {
-													className: "flex items-center gap-1",
-													children: [/* @__PURE__ */ C(y, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }), e.rating]
+												/* @__PURE__ */ C("p", {
+													className: "mt-1 text-xs opacity-80 leading-relaxed",
+													children: e.description
+												}),
+												/* @__PURE__ */ C("button", {
+													type: "button",
+													onClick: () => k("/customer/carts"),
+													className: "mt-2 text-[10px] font-semibold underline underline-offset-2",
+													children: e.action
 												})
 											]
-										})
-									]
-								}), /* @__PURE__ */ C("button", {
-									type: "button",
-									onClick: () => E(`/customer/orders/${e.id}`),
-									className: "rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
-									children: I("atheletebridge.customerDashboard.viewDetails", "View Details")
-								})]
-							})
-						}, e.id))
-					}) : /* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-8 text-center",
-						children: [/* @__PURE__ */ C(v, { className: "mx-auto h-10 w-10 text-text-secondary/50" }), /* @__PURE__ */ C("p", {
-							className: "mt-3 text-sm text-text-secondary",
-							children: I("atheletebridge.customerDashboard.noRecentOrders", "No recent orders")
-						})]
-					})] }),
-					/* @__PURE__ */ w("section", { children: [/* @__PURE__ */ C("h2", {
-						className: "text-lg font-semibold text-text-primary mb-4",
-						children: I("atheletebridge.customerDashboard.recommendedForYou", "Recommended for You")
-					}), /* @__PURE__ */ C("div", {
-						className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-						children: B.map((e) => /* @__PURE__ */ w("div", {
-							className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden shadow-sm hover:shadow-md transition-shadow",
-							children: [/* @__PURE__ */ w("div", {
-								className: "relative h-40",
-								children: [/* @__PURE__ */ C("img", {
-									src: e.image,
-									alt: e.name,
-									className: "h-full w-full object-cover"
-								}), /* @__PURE__ */ C("div", {
-									className: "absolute top-2 right-2",
-									children: /* @__PURE__ */ C("span", {
-										className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", 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 ? I("atheletebridge.customerDashboard.open", "Open") : I("atheletebridge.customerDashboard.closed", "Closed")
+										})]
 									})
-								})]
+								}, e.id))
+							})]
+						}),
+						/* @__PURE__ */ w("div", {
+							className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
+							children: [/* @__PURE__ */ C("h3", {
+								className: "text-base font-semibold text-text-primary mb-3",
+								children: z("atheletebridge.customerDashboard.quickLinks", "Quick Links")
 							}), /* @__PURE__ */ w("div", {
-								className: "p-4",
+								className: "space-y-2",
 								children: [
-									/* @__PURE__ */ w("div", {
-										className: "flex items-start justify-between mb-2",
-										children: [/* @__PURE__ */ w("div", {
-											className: "min-w-0 flex-1",
-											children: [/* @__PURE__ */ C("h3", {
-												className: "text-sm font-semibold text-text-primary",
-												children: e.name
-											}), /* @__PURE__ */ C("p", {
-												className: "text-xs text-text-secondary",
-												children: e.category
-											})]
-										}), /* @__PURE__ */ w("div", {
-											className: "flex items-center gap-1 text-xs",
-											children: [/* @__PURE__ */ C(y, { className: "h-3 w-3 fill-yellow-400 text-yellow-400" }), /* @__PURE__ */ C("span", {
-												className: "font-medium text-text-primary",
-												children: e.rating
-											})]
-										})]
+									/* @__PURE__ */ w("button", {
+										type: "button",
+										onClick: () => k("/customer/profile"),
+										className: "flex w-full items-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary hover:bg-accent transition-colors text-left",
+										children: [/* @__PURE__ */ C(x, { className: "h-4 w-4 text-text-secondary" }), z("atheletebridge.customerDashboard.profileSettings", "Profile Settings")]
 									}),
-									/* @__PURE__ */ w("div", {
-										className: "flex items-center gap-3 text-xs text-text-secondary mb-3",
-										children: [/* @__PURE__ */ w("span", {
-											className: "flex items-center gap-1",
-											children: [
-												/* @__PURE__ */ C(m, { className: "h-3 w-3" }),
-												e.distance,
-												"km away"
-											]
-										}), /* @__PURE__ */ w("span", {
-											className: "flex items-center gap-1",
-											children: [
-												/* @__PURE__ */ C(u, { className: "h-3 w-3" }),
-												e.estimatedTime,
-												" mins"
-											]
-										})]
+									/* @__PURE__ */ w("button", {
+										type: "button",
+										onClick: () => k("/customer/addresses"),
+										className: "flex w-full items-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary hover:bg-accent transition-colors text-left",
+										children: [/* @__PURE__ */ C(h, { className: "h-4 w-4 text-text-secondary" }), z("atheletebridge.customerDashboard.savedAddresses", "Saved Addresses")]
 									}),
-									/* @__PURE__ */ C("button", {
+									/* @__PURE__ */ w("button", {
 										type: "button",
-										disabled: !e.isOpen,
-										onClick: () => e.isOpen && E(`/customer/carts/${e.id}`),
-										className: t("w-full rounded-lg py-2 text-sm 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 ? I("atheletebridge.customerDashboard.viewMenu", "View Menu") : I("atheletebridge.customerDashboard.currentlyClosed", "Currently Closed")
+										onClick: () => k("/customer/payment-methods"),
+										className: "flex w-full items-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary hover:bg-accent transition-colors text-left",
+										children: [/* @__PURE__ */ C(f, { className: "h-4 w-4 text-text-secondary" }), z("atheletebridge.customerDashboard.paymentMethods", "Payment Methods")]
 									})
 								]
 							})]
-						}, e.id))
-					})] })
-				]
-			}), /* @__PURE__ */ w("div", {
-				className: "space-y-6",
-				children: [
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-						children: [/* @__PURE__ */ C("h3", {
-							className: "text-base font-semibold text-text-primary mb-4",
-							children: I("atheletebridge.customerDashboard.personalizedRecommendations", "Personalized Recommendations")
-						}), /* @__PURE__ */ C("div", {
-							className: "space-y-3",
-							children: R.map((e) => /* @__PURE__ */ C("div", {
-								className: t("rounded-lg border p-3", W(e.type)),
-								children: /* @__PURE__ */ w("div", {
-									className: "flex items-start gap-2",
-									children: [/* @__PURE__ */ C("div", {
-										className: "mt-0.5 shrink-0",
-										children: U(e.type)
-									}), /* @__PURE__ */ w("div", {
+						}),
+						/* @__PURE__ */ w("div", {
+							className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
+							children: [
+								/* @__PURE__ */ C("h3", {
+									className: "text-base font-semibold text-text-primary mb-3",
+									children: z("atheletebridge.customerDashboard.currentLocation", "Current Location")
+								}),
+								/* @__PURE__ */ w("div", {
+									className: "flex items-start gap-3",
+									children: [/* @__PURE__ */ C(g, { className: "h-4 w-4 text-blue-500 mt-0.5 shrink-0" }), /* @__PURE__ */ w("div", {
 										className: "flex-1 min-w-0",
 										children: [
-											/* @__PURE__ */ w("div", {
-												className: "flex items-center justify-between gap-2",
-												children: [/* @__PURE__ */ C("p", {
-													className: "text-xs font-semibold",
-													children: e.title
-												}), /* @__PURE__ */ w("span", {
-													className: "text-[10px] opacity-70",
-													children: [e.confidence, "%"]
-												})]
+											/* @__PURE__ */ C("p", {
+												className: "text-sm font-medium text-text-primary",
+												children: "Koramangala"
 											}),
 											/* @__PURE__ */ C("p", {
-												className: "mt-1 text-xs opacity-80 leading-relaxed",
-												children: e.description
+												className: "text-xs text-text-secondary",
+												children: "80 Feet Road, 6th Block"
 											}),
-											/* @__PURE__ */ C("button", {
-												type: "button",
-												onClick: () => E("/customer/carts"),
-												className: "mt-2 text-[10px] font-semibold underline underline-offset-2",
-												children: e.action
+											/* @__PURE__ */ C("p", {
+												className: "text-xs text-text-secondary",
+												children: "Bangalore, Karnataka"
 											})
 										]
 									})]
+								}),
+								/* @__PURE__ */ C("button", {
+									type: "button",
+									onClick: () => k("/customer/addresses"),
+									className: "mt-3 w-full rounded-lg border border-border-subtle px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
+									children: z("atheletebridge.customerDashboard.updateLocation", "Update Location")
 								})
-							}, e.id))
-						})]
-					}),
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-						children: [/* @__PURE__ */ C("h3", {
-							className: "text-base font-semibold text-text-primary mb-3",
-							children: I("atheletebridge.customerDashboard.quickLinks", "Quick Links")
-						}), /* @__PURE__ */ w("div", {
-							className: "space-y-2",
+							]
+						}),
+						/* @__PURE__ */ w("div", {
+							className: "rounded-lg bg-gradient-to-r from-blue-500/10 to-purple-500/10 border border-blue-500/20 p-5",
 							children: [
-								/* @__PURE__ */ w("button", {
-									type: "button",
-									onClick: () => E("/customer/profile"),
-									className: "flex w-full items-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary hover:bg-accent transition-colors text-left",
-									children: [/* @__PURE__ */ C(x, { className: "h-4 w-4 text-text-secondary" }), I("atheletebridge.customerDashboard.profileSettings", "Profile Settings")]
+								/* @__PURE__ */ C("h3", {
+									className: "text-base font-semibold text-text-primary mb-2",
+									children: z("atheletebridge.customerDashboard.specialOffers", "Special Offers")
 								}),
-								/* @__PURE__ */ w("button", {
-									type: "button",
-									onClick: () => E("/customer/addresses"),
-									className: "flex w-full items-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary hover:bg-accent transition-colors text-left",
-									children: [/* @__PURE__ */ C(m, { className: "h-4 w-4 text-text-secondary" }), I("atheletebridge.customerDashboard.savedAddresses", "Saved Addresses")]
+								/* @__PURE__ */ C("p", {
+									className: "text-xs text-text-secondary mb-3 leading-relaxed",
+									children: z("atheletebridge.customerDashboard.specialOffersDescription", "Get 25% off on your next order from featured carts")
 								}),
-								/* @__PURE__ */ w("button", {
+								/* @__PURE__ */ C("button", {
 									type: "button",
-									onClick: () => E("/customer/payment-methods"),
-									className: "flex w-full items-center gap-2 rounded-lg border border-border-subtle px-3 py-2.5 text-sm text-text-primary hover:bg-accent transition-colors text-left",
-									children: [/* @__PURE__ */ C(d, { className: "h-4 w-4 text-text-secondary" }), I("atheletebridge.customerDashboard.paymentMethods", "Payment Methods")]
+									onClick: () => k("/customer/carts"),
+									className: "w-full rounded-lg bg-foreground px-3 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity",
+									children: z("atheletebridge.customerDashboard.viewOffers", "View Offers")
 								})
 							]
-						})]
-					}),
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-subtle bg-bg-surface p-5",
-						children: [
-							/* @__PURE__ */ C("h3", {
-								className: "text-base font-semibold text-text-primary mb-3",
-								children: I("atheletebridge.customerDashboard.currentLocation", "Current Location")
-							}),
-							/* @__PURE__ */ w("div", {
-								className: "flex items-start gap-3",
-								children: [/* @__PURE__ */ C(h, { className: "h-4 w-4 text-blue-500 mt-0.5 shrink-0" }), /* @__PURE__ */ w("div", {
-									className: "flex-1 min-w-0",
-									children: [
-										/* @__PURE__ */ C("p", {
-											className: "text-sm font-medium text-text-primary",
-											children: "Koramangala"
-										}),
-										/* @__PURE__ */ C("p", {
-											className: "text-xs text-text-secondary",
-											children: "80 Feet Road, 6th Block"
-										}),
-										/* @__PURE__ */ C("p", {
-											className: "text-xs text-text-secondary",
-											children: "Bangalore, Karnataka"
-										})
-									]
-								})]
-							}),
-							/* @__PURE__ */ C("button", {
-								type: "button",
-								onClick: () => E("/customer/addresses"),
-								className: "mt-3 w-full rounded-lg border border-border-subtle px-3 py-2 text-xs font-medium text-text-primary hover:bg-accent transition-colors",
-								children: I("atheletebridge.customerDashboard.updateLocation", "Update Location")
-							})
-						]
-					}),
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg bg-gradient-to-r from-blue-500/10 to-purple-500/10 border border-blue-500/20 p-5",
-						children: [
-							/* @__PURE__ */ C("h3", {
-								className: "text-base font-semibold text-text-primary mb-2",
-								children: I("atheletebridge.customerDashboard.specialOffers", "Special Offers")
-							}),
-							/* @__PURE__ */ C("p", {
-								className: "text-xs text-text-secondary mb-3 leading-relaxed",
-								children: I("atheletebridge.customerDashboard.specialOffersDescription", "Get 25% off on your next order from featured carts")
-							}),
-							/* @__PURE__ */ C("button", {
-								type: "button",
-								onClick: () => E("/customer/carts"),
-								className: "w-full rounded-lg bg-foreground px-3 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity",
-								children: I("atheletebridge.customerDashboard.viewOffers", "View Offers")
-							})
-						]
-					})
-				]
-			})]
-		})]
+						})
+					]
+				})]
+			})
+		]
 	});
 }
 //#endregion
-export { E as CustomerDashboard };
+export { k as CustomerDashboard };
 
 //# sourceMappingURL=CustomerDashboard.js.map