@burdenoff/microfe-atheletebridge 2026.626.1 → 2026.628.1

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

@@ -1,539 +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 { 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 O() {
-	let e = (/* @__PURE__ */ new Date()).getHours();
-	return e < 12 ? "Good morning" : e < 17 ? "Good afternoon" : "Good evening";
-}
-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;
-	}, [j]), B = A?.firstName ?? A?.name ?? "Customer", V = [
-		{
-			id: "1",
-			type: "suggestion",
-			title: "New Cart Nearby",
-			description: "Healthy Bowls cart just opened 0.2km from your location. They specialize in acai bowls and smoothies.",
-			confidence: 92,
-			action: "Explore Cart"
-		},
-		{
-			id: "2",
-			type: "opportunity",
-			title: "Special Offer Available",
-			description: "Your favorite Dosa Express is offering 20% off on orders above ₹300. Valid until tonight.",
-			confidence: 95,
-			action: "Order Now"
-		},
-		{
-			id: "3",
-			type: "trend",
-			title: "Peak Hours Alert",
-			description: "Order now to avoid lunch rush. Delivery times typically increase by 15-20 minutes after 12 PM.",
-			confidence: 88,
-			action: "View Carts"
-		}
-	], 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
-	}, 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";
-			case "out_for_delivery": return "bg-blue-500/20 text-blue-600 dark:text-blue-400";
-			case "confirmed": return "bg-blue-500/20 text-blue-600 dark:text-blue-400";
-			case "cancelled": return "bg-red-500/20 text-red-600 dark:text-red-400";
-			default: return "bg-bg-sunken text-text-secondary";
-		}
-	}, K = (e) => {
-		switch (e) {
-			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(m, { className: "h-4 w-4" });
-		}
-	}, 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";
-			case "trend": return "bg-amber-500/10 text-amber-600 dark:text-amber-400 border-amber-500/20";
-			default: return "bg-bg-sunken text-text-secondary border-border-subtle";
-		}
-	};
-	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: z("atheletebridge.customerDashboard.loading", "Loading your dashboard...")
-				})]
-			})
-		})
-	}) : /* @__PURE__ */ w(n, {
-		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__ */ 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: () => 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", {
-									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: () => 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__ */ 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: "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 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("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(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__ */ 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: "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
-												})
-											]
-										})]
-									})
-								}, 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: "space-y-2",
-								children: [
-									/* @__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("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__ */ w("button", {
-										type: "button",
-										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")]
-									})
-								]
-							})]
-						}),
-						/* @__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__ */ 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: () => 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")
-								})
-							]
-						}),
-						/* @__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: z("atheletebridge.customerDashboard.specialOffers", "Special Offers")
-								}),
-								/* @__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__ */ C("button", {
-									type: "button",
-									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")
-								})
-							]
-						})
-					]
-				})]
-			})
-		]
-	});
-}
-//#endregion
-export { k as CustomerDashboard };
-
-//# sourceMappingURL=CustomerDashboard.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CustomerDashboard.js","names":[],"sources":["../../../../src/atheletebridge/pages/customer/CustomerDashboard.tsx"],"sourcesContent":["/**\n * Customer Dashboard Page\n * @module atheletebridge/pages/customer\n *\n * Welcome dashboard with time-of-day greeting, AI insights panel,\n * stats grid, recent orders with per-item display, recommended carts,\n * quick links sidebar, current location card, and special offers.\n */\n\nimport { useState, useEffect, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  Heart,\n  Star,\n  CreditCard,\n  ArrowRight,\n  Search,\n  Clock,\n  MapPin,\n  Package,\n  User,\n  Navigation,\n  Lightbulb,\n  TrendingUp,\n  Zap,\n} from 'lucide-react';\nimport { EmphasisPanel, PagePurpose, NextSteps } from '@burdenoff/fe-libs/ui';\nimport { PageLayout } from '../../components/PageLayout';\nimport { EmptyState } from '../../components/EmptyState';\nimport { useAthleteBridge } from '../../context/AthleteBridgeContext';\nimport { useOrders, useProviders, useDashboardStats } from '../../hooks/useAthleteBridgeApi';\nimport { cn } from '../../utils/cn';\nimport { formatCurrency } from '../../utils/formatters';\n\ninterface RecommendedCart {\n  id: string;\n  name: string;\n  category: string;\n  rating: number;\n  distance: number;\n  estimatedTime: number;\n  image: string;\n  isOpen: boolean;\n}\n\ninterface CustomerStats {\n  totalOrders: number;\n  totalSpent: number;\n  favoriteCount: number;\n  avgRating: number;\n}\n\ninterface AIInsight {\n  id: string;\n  type: 'suggestion' | 'opportunity' | 'trend';\n  title: string;\n  description: string;\n  confidence: number;\n  action: string;\n}\n\nfunction getTimeOfDayGreeting(): string {\n  const hour = new Date().getHours();\n  if (hour < 12) return 'Good morning';\n  if (hour < 17) return 'Good afternoon';\n  return 'Good evening';\n}\n\nexport function CustomerDashboard() {\n  const { navigateTo, currentUser } = useAthleteBridge();\n  const { t: translate } = useI18n();\n\n  const { data: orders = [], isLoading: isLoadingOrders } = useOrders({\n    customerId: currentUser?.id,\n  });\n  const { data: providers = [], isLoading: isLoadingProviders } = useProviders();\n  const { data: statsData, isLoading: isLoadingStats } = useDashboardStats();\n\n  const isLoading = isLoadingOrders || isLoadingProviders || isLoadingStats;\n\n  const t = useCallback(\n    (key: string, fallback: string): string => {\n      const value = translate(key);\n      return value === key ? fallback : value;\n    },\n    [translate]\n  );\n\n  const firstName = currentUser?.firstName ?? currentUser?.name ?? 'Customer';\n\n  const aiInsights: AIInsight[] = [\n    {\n      id: '1',\n      type: 'suggestion',\n      title: 'New Cart Nearby',\n      description:\n        'Healthy Bowls cart just opened 0.2km from your location. They specialize in acai bowls and smoothies.',\n      confidence: 92,\n      action: 'Explore Cart',\n    },\n    {\n      id: '2',\n      type: 'opportunity',\n      title: 'Special Offer Available',\n      description:\n        'Your favorite Dosa Express is offering 20% off on orders above ₹300. Valid until tonight.',\n      confidence: 95,\n      action: 'Order Now',\n    },\n    {\n      id: '3',\n      type: 'trend',\n      title: 'Peak Hours Alert',\n      description:\n        'Order now to avoid lunch rush. Delivery times typically increase by 15-20 minutes after 12 PM.',\n      confidence: 88,\n      action: 'View Carts',\n    },\n  ];\n\n  const recentOrders = orders.slice(0, 3);\n  const recommendedCarts = providers.slice(0, 3);\n\n  const stats: CustomerStats = {\n    totalOrders: orders.length,\n    totalSpent: orders.reduce((acc, order) => acc + order.total, 0),\n    favoriteCount: 6, // Still mock as we don't have favorite hooks yet\n    avgRating: 4.5, // Still mock\n  };\n\n  const getStatusColor = (status: string) => {\n    switch (status) {\n      case 'delivered':\n        return 'bg-green-500/20 text-green-600 dark:text-green-400';\n      case 'preparing':\n        return 'bg-yellow-500/20 text-yellow-600 dark:text-yellow-400';\n      case 'out_for_delivery':\n        return 'bg-blue-500/20 text-blue-600 dark:text-blue-400';\n      case 'confirmed':\n        return 'bg-blue-500/20 text-blue-600 dark:text-blue-400';\n      case 'cancelled':\n        return 'bg-red-500/20 text-red-600 dark:text-red-400';\n      default:\n        return 'bg-bg-sunken text-text-secondary';\n    }\n  };\n\n  const getInsightIcon = (type: string) => {\n    switch (type) {\n      case 'suggestion':\n        return <Lightbulb className=\"h-4 w-4\" />;\n      case 'opportunity':\n        return <TrendingUp className=\"h-4 w-4\" />;\n      case 'trend':\n        return <Zap className=\"h-4 w-4\" />;\n      default:\n        return <Lightbulb className=\"h-4 w-4\" />;\n    }\n  };\n\n  const getInsightColor = (type: string) => {\n    switch (type) {\n      case 'suggestion':\n        return 'bg-blue-500/10 text-blue-600 dark:text-blue-400 border-blue-500/20';\n      case 'opportunity':\n        return 'bg-green-500/10 text-green-600 dark:text-green-400 border-green-500/20';\n      case 'trend':\n        return 'bg-amber-500/10 text-amber-600 dark:text-amber-400 border-amber-500/20';\n      default:\n        return 'bg-bg-sunken text-text-secondary border-border-subtle';\n    }\n  };\n\n  if (isLoading) {\n    return (\n      <PageLayout title={t('atheletebridge.customerDashboard.title', 'Dashboard')}>\n        <div className=\"flex items-center justify-center py-20\">\n          <div className=\"text-center\">\n            <div className=\"mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-foreground\" />\n            <p className=\"text-sm text-text-secondary\">\n              {t('atheletebridge.customerDashboard.loading', 'Loading your dashboard...')}\n            </p>\n          </div>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={t('atheletebridge.customerDashboard.welcomeBack', 'Welcome Back!')}\n      description={`${getTimeOfDayGreeting()}, ${firstName}`}\n    >\n      <PagePurpose className=\"mb-6\">\n        {t(\n          'atheletebridge.customerDashboard.purpose',\n          '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.'\n        )}\n      </PagePurpose>\n\n      <NextSteps\n        className=\"mb-6\"\n        storageKey=\"atheletebridge-customer-dashboard\"\n        steps={[\n          {\n            id: 'discover',\n            label: t('atheletebridge.customerDashboard.step.discover', 'Discover carts near you'),\n            description: t(\n              'atheletebridge.customerDashboard.step.discoverDesc',\n              'Browse open service providers around your location.'\n            ),\n            icon: <Search className=\"h-4 w-4\" />,\n            onClick: () => navigateTo('/customer/carts'),\n          },\n          {\n            id: 'address',\n            label: t('atheletebridge.customerDashboard.step.address', 'Add a delivery address'),\n            description: t(\n              'atheletebridge.customerDashboard.step.addressDesc',\n              'Save where you want orders delivered for faster checkout.'\n            ),\n            icon: <MapPin className=\"h-4 w-4\" />,\n            onClick: () => navigateTo('/customer/addresses'),\n          },\n          {\n            id: 'payment',\n            label: t('atheletebridge.customerDashboard.step.payment', 'Set up a payment method'),\n            description: t(\n              'atheletebridge.customerDashboard.step.paymentDesc',\n              'Add a card or wallet so you can check out in one tap.'\n            ),\n            icon: <CreditCard className=\"h-4 w-4\" />,\n            onClick: () => navigateTo('/customer/payment-methods'),\n          },\n        ]}\n      />\n\n      {/* Stats Overview */}\n      {stats && (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken\">\n                <Package className=\"h-5 w-5 text-text-secondary\" />\n              </div>\n              <div>\n                <p className=\"text-2xl font-bold text-text-primary\">{stats.totalOrders}</p>\n                <p className=\"text-xs text-text-secondary\">\n                  {t('atheletebridge.customerDashboard.totalOrders', 'Total Orders')}\n                </p>\n              </div>\n            </div>\n          </div>\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken\">\n                <CreditCard className=\"h-5 w-5 text-text-secondary\" />\n              </div>\n              <div>\n                <p className=\"text-2xl font-bold text-text-primary\">\n                  {formatCurrency(stats.totalSpent, { minimumFractionDigits: 0 })}\n                </p>\n                <p className=\"text-xs text-text-secondary\">\n                  {t('atheletebridge.customerDashboard.totalSpent', 'Total Spent')}\n                </p>\n              </div>\n            </div>\n          </div>\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken\">\n                <Heart className=\"h-5 w-5 text-text-secondary\" />\n              </div>\n              <div>\n                <p className=\"text-2xl font-bold text-text-primary\">{stats.favoriteCount}</p>\n                <p className=\"text-xs text-text-secondary\">\n                  {t('atheletebridge.customerDashboard.favoriteCarts', 'Favorite Carts')}\n                </p>\n              </div>\n            </div>\n          </div>\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n            <div className=\"flex items-center gap-3\">\n              <div className=\"flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken\">\n                <Star className=\"h-5 w-5 text-text-secondary\" />\n              </div>\n              <div>\n                <p className=\"text-2xl font-bold text-text-primary\">{stats.avgRating.toFixed(1)}</p>\n                <p className=\"text-xs text-text-secondary\">\n                  {t('atheletebridge.customerDashboard.avgRatingGiven', 'Avg Rating Given')}\n                </p>\n              </div>\n            </div>\n          </div>\n        </div>\n      )}\n\n      <div className=\"mt-8 grid grid-cols-1 gap-8 lg:grid-cols-3\">\n        {/* Main Content */}\n        <div className=\"lg:col-span-2 space-y-8\">\n          {/* Quick Actions */}\n          <section>\n            <h2 className=\"text-lg font-semibold text-text-primary mb-4\">\n              {t('atheletebridge.customerDashboard.quickActions', 'Quick Actions')}\n            </h2>\n            <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-3\">\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/customer/carts')}\n                className={cn(\n                  'flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm transition-colors text-left',\n                  'hover:bg-accent hover:shadow-md'\n                )}\n              >\n                <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-blue-500/10\">\n                  <Search className=\"h-5 w-5 text-blue-600 dark:text-blue-400\" />\n                </div>\n                <div className=\"min-w-0\">\n                  <p className=\"text-sm font-semibold text-text-primary\">\n                    {t('atheletebridge.customerDashboard.discoverCarts', 'Discover Carts')}\n                  </p>\n                  <p className=\"text-xs text-text-secondary\">\n                    {t('atheletebridge.customerDashboard.findNearbyCarts', 'Find nearby carts')}\n                  </p>\n                </div>\n              </button>\n\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/customer/orders')}\n                className={cn(\n                  'flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm transition-colors text-left',\n                  'hover:bg-accent hover:shadow-md'\n                )}\n              >\n                <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-green-500/10\">\n                  <Clock className=\"h-5 w-5 text-green-600 dark:text-green-400\" />\n                </div>\n                <div className=\"min-w-0\">\n                  <p className=\"text-sm font-semibold text-text-primary\">\n                    {t('atheletebridge.customerDashboard.orderHistory', 'Order History')}\n                  </p>\n                  <p className=\"text-xs text-text-secondary\">\n                    {t('atheletebridge.customerDashboard.viewPastOrders', 'View past orders')}\n                  </p>\n                </div>\n              </button>\n\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/customer/favorites')}\n                className={cn(\n                  'flex items-center gap-3 rounded-lg border border-border-subtle bg-bg-surface p-4 shadow-sm transition-colors text-left',\n                  'hover:bg-accent hover:shadow-md'\n                )}\n              >\n                <div className=\"flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-red-500/10\">\n                  <Heart className=\"h-5 w-5 text-red-600 dark:text-red-400\" />\n                </div>\n                <div className=\"min-w-0\">\n                  <p className=\"text-sm font-semibold text-text-primary\">\n                    {t('atheletebridge.customerDashboard.favorites', 'Favorites')}\n                  </p>\n                  <p className=\"text-xs text-text-secondary\">\n                    {t('atheletebridge.customerDashboard.savedCarts', 'Saved carts')}\n                  </p>\n                </div>\n              </button>\n            </div>\n          </section>\n\n          {/* Recent Orders */}\n          <section>\n            <div className=\"flex items-center justify-between mb-4\">\n              <h2 className=\"text-lg font-semibold text-text-primary\">\n                {t('atheletebridge.customerDashboard.recentOrders', 'Recent Orders')}\n              </h2>\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/customer/orders')}\n                className=\"flex items-center gap-1 text-sm font-medium text-text-secondary hover:text-text-primary transition-colors\"\n              >\n                {t('atheletebridge.common.viewAll', 'View All')}\n                <ArrowRight className=\"h-4 w-4\" />\n              </button>\n            </div>\n\n            {recentOrders.length > 0 ? (\n              <div className=\"space-y-3\">\n                {recentOrders.map((order) => (\n                  <div key={order.id} className=\"rounded-lg border border-border-subtle bg-bg-surface p-4\">\n                    <div className=\"flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3\">\n                      <div className=\"flex-1 min-w-0\">\n                        <div className=\"flex flex-wrap items-center gap-2 mb-1\">\n                          <h3 className=\"text-sm font-semibold text-text-primary\">\n                            {order.cartName}\n                          </h3>\n                          <span\n                            className={cn(\n                              'inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize',\n                              getStatusColor(order.status)\n                            )}\n                          >\n                            {order.status.replace(/_/g, ' ')}\n                          </span>\n                        </div>\n                        <p className=\"text-xs text-text-secondary mb-2 leading-relaxed\">\n                          {order.items.map((item) => `${item.name} (${item.quantity})`).join(', ')}\n                        </p>\n                        <div className=\"flex flex-wrap items-center gap-3 text-xs text-text-secondary\">\n                          <span className=\"font-medium text-text-primary\">\n                            {formatCurrency(order.total, { minimumFractionDigits: 0 })}\n                          </span>\n                          <span>{new Date(order.orderDate).toLocaleDateString()}</span>\n                          {order.rating && (\n                            <span className=\"flex items-center gap-1\">\n                              <Star className=\"h-3 w-3 fill-yellow-400 text-yellow-400\" />\n                              {order.rating}\n                            </span>\n                          )}\n                        </div>\n                      </div>\n                      <button\n                        type=\"button\"\n                        onClick={() => navigateTo(`/customer/orders/${order.id}`)}\n                        className=\"rounded-lg border border-border-subtle px-3 py-1.5 text-xs font-medium text-text-primary hover:bg-accent transition-colors\"\n                      >\n                        {t('atheletebridge.customerDashboard.viewDetails', 'View Details')}\n                      </button>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            ) : (\n              <div className=\"rounded-lg border border-border-subtle bg-bg-surface\">\n                <EmptyState\n                  illustration=\"empty-data\"\n                  title={t('atheletebridge.customerDashboard.noRecentOrders', 'No recent orders')}\n                  description={t(\n                    'atheletebridge.customerDashboard.noRecentOrdersDesc',\n                    'Your orders will appear here once you place your first one. Discover a cart to get started.'\n                  )}\n                  action={\n                    <button\n                      type=\"button\"\n                      onClick={() => navigateTo('/customer/carts')}\n                      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\"\n                    >\n                      <Search className=\"h-4 w-4\" />\n                      {t('atheletebridge.customerDashboard.discoverCarts', 'Discover Carts')}\n                    </button>\n                  }\n                />\n              </div>\n            )}\n          </section>\n\n          {/* Recommended Carts */}\n          <section>\n            <h2 className=\"text-lg font-semibold text-text-primary mb-4\">\n              {t('atheletebridge.customerDashboard.recommendedForYou', 'Recommended for You')}\n            </h2>\n            <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n              {recommendedCarts.map((cart) => (\n                <div\n                  key={cart.id}\n                  className=\"rounded-lg border border-border-subtle bg-bg-surface overflow-hidden shadow-sm hover:shadow-md transition-shadow\"\n                >\n                  <div className=\"relative h-40\">\n                    <img src={cart.image} alt={cart.name} className=\"h-full w-full object-cover\" />\n                    <div className=\"absolute top-2 right-2\">\n                      <span\n                        className={cn(\n                          'inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium',\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\n                          ? t('atheletebridge.customerDashboard.open', 'Open')\n                          : t('atheletebridge.customerDashboard.closed', 'Closed')}\n                      </span>\n                    </div>\n                  </div>\n                  <div className=\"p-4\">\n                    <div className=\"flex items-start justify-between mb-2\">\n                      <div className=\"min-w-0 flex-1\">\n                        <h3 className=\"text-sm font-semibold text-text-primary\">{cart.name}</h3>\n                        <p className=\"text-xs text-text-secondary\">{cart.category}</p>\n                      </div>\n                      <div className=\"flex items-center gap-1 text-xs\">\n                        <Star className=\"h-3 w-3 fill-yellow-400 text-yellow-400\" />\n                        <span className=\"font-medium text-text-primary\">{cart.rating}</span>\n                      </div>\n                    </div>\n                    <div className=\"flex items-center gap-3 text-xs text-text-secondary mb-3\">\n                      <span className=\"flex items-center gap-1\">\n                        <MapPin className=\"h-3 w-3\" />\n                        {cart.distance}km away\n                      </span>\n                      <span className=\"flex items-center gap-1\">\n                        <Clock className=\"h-3 w-3\" />\n                        {cart.estimatedTime} mins\n                      </span>\n                    </div>\n                    <button\n                      type=\"button\"\n                      disabled={!cart.isOpen}\n                      onClick={() => cart.isOpen && navigateTo(`/customer/carts/${cart.id}`)}\n                      className={cn(\n                        'w-full rounded-lg py-2 text-sm 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\n                        ? t('atheletebridge.customerDashboard.viewMenu', 'View Menu')\n                        : t('atheletebridge.customerDashboard.currentlyClosed', 'Currently Closed')}\n                    </button>\n                  </div>\n                </div>\n              ))}\n            </div>\n          </section>\n        </div>\n\n        {/* Sidebar */}\n        <div className=\"space-y-6\">\n          {/* AI Insights Panel */}\n          <EmphasisPanel className=\"p-5\">\n            <h3 className=\"text-base font-semibold text-text-primary mb-4\">\n              {t(\n                'atheletebridge.customerDashboard.personalizedRecommendations',\n                'Personalized Recommendations'\n              )}\n            </h3>\n            <div className=\"space-y-3\">\n              {aiInsights.map((insight) => (\n                <div\n                  key={insight.id}\n                  className={cn('rounded-lg border p-3', getInsightColor(insight.type))}\n                >\n                  <div className=\"flex items-start gap-2\">\n                    <div className=\"mt-0.5 shrink-0\">{getInsightIcon(insight.type)}</div>\n                    <div className=\"flex-1 min-w-0\">\n                      <div className=\"flex items-center justify-between gap-2\">\n                        <p className=\"text-xs font-semibold\">{insight.title}</p>\n                        <span className=\"text-[10px] opacity-70\">{insight.confidence}%</span>\n                      </div>\n                      <p className=\"mt-1 text-xs opacity-80 leading-relaxed\">\n                        {insight.description}\n                      </p>\n                      <button\n                        type=\"button\"\n                        onClick={() => navigateTo('/customer/carts')}\n                        className=\"mt-2 text-[10px] font-semibold underline underline-offset-2\"\n                      >\n                        {insight.action}\n                      </button>\n                    </div>\n                  </div>\n                </div>\n              ))}\n            </div>\n          </EmphasisPanel>\n\n          {/* Quick Links */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5\">\n            <h3 className=\"text-base font-semibold text-text-primary mb-3\">\n              {t('atheletebridge.customerDashboard.quickLinks', 'Quick Links')}\n            </h3>\n            <div className=\"space-y-2\">\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/customer/profile')}\n                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\"\n              >\n                <User className=\"h-4 w-4 text-text-secondary\" />\n                {t('atheletebridge.customerDashboard.profileSettings', 'Profile Settings')}\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/customer/addresses')}\n                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\"\n              >\n                <MapPin className=\"h-4 w-4 text-text-secondary\" />\n                {t('atheletebridge.customerDashboard.savedAddresses', 'Saved Addresses')}\n              </button>\n              <button\n                type=\"button\"\n                onClick={() => navigateTo('/customer/payment-methods')}\n                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\"\n              >\n                <CreditCard className=\"h-4 w-4 text-text-secondary\" />\n                {t('atheletebridge.customerDashboard.paymentMethods', 'Payment Methods')}\n              </button>\n            </div>\n          </div>\n\n          {/* Current Location */}\n          <div className=\"rounded-lg border border-border-subtle bg-bg-surface p-5\">\n            <h3 className=\"text-base font-semibold text-text-primary mb-3\">\n              {t('atheletebridge.customerDashboard.currentLocation', 'Current Location')}\n            </h3>\n            <div className=\"flex items-start gap-3\">\n              <Navigation className=\"h-4 w-4 text-blue-500 mt-0.5 shrink-0\" />\n              <div className=\"flex-1 min-w-0\">\n                <p className=\"text-sm font-medium text-text-primary\">Koramangala</p>\n                <p className=\"text-xs text-text-secondary\">80 Feet Road, 6th Block</p>\n                <p className=\"text-xs text-text-secondary\">Bangalore, Karnataka</p>\n              </div>\n            </div>\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/customer/addresses')}\n              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\"\n            >\n              {t('atheletebridge.customerDashboard.updateLocation', 'Update Location')}\n            </button>\n          </div>\n\n          {/* Special Offers */}\n          <div className=\"rounded-lg bg-gradient-to-r from-blue-500/10 to-purple-500/10 border border-blue-500/20 p-5\">\n            <h3 className=\"text-base font-semibold text-text-primary mb-2\">\n              {t('atheletebridge.customerDashboard.specialOffers', 'Special Offers')}\n            </h3>\n            <p className=\"text-xs text-text-secondary mb-3 leading-relaxed\">\n              {t(\n                'atheletebridge.customerDashboard.specialOffersDescription',\n                'Get 25% off on your next order from featured carts'\n              )}\n            </p>\n            <button\n              type=\"button\"\n              onClick={() => navigateTo('/customer/carts')}\n              className=\"w-full rounded-lg bg-foreground px-3 py-2 text-sm font-medium text-background hover:opacity-90 transition-opacity\"\n            >\n              {t('atheletebridge.customerDashboard.viewOffers', 'View Offers')}\n            </button>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}