@burdenoff/microfe-coolandlovely 2026.625.2 → 2026.628.1

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

@@ -1,538 +0,0 @@
-import { useCoolAndLovely as e } from "../../context/CoolAndLovelyContext.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/useCoolAndLovelyApi.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, ShoppingBag as y, Star as b, TrendingUp as x, User as S, Zap as C } from "lucide-react";
-import { jsx as w, jsxs as T } from "react/jsx-runtime";
-import { EmphasisPanel as E, NextSteps as D, PagePurpose as O } from "@burdenoff/fe-libs/ui";
-//#region src/coolandlovely/pages/customer/CustomerDashboard.tsx
-function k() {
-	let e = (/* @__PURE__ */ new Date()).getHours();
-	return e < 12 ? "Good morning" : e < 17 ? "Good afternoon" : "Good evening";
-}
-function A() {
-	let { navigateTo: A, currentUser: j } = e(), { t: M } = l(), { data: N = [], isLoading: P } = a({ customerId: j?.id }), { data: F = [], isLoading: I } = o(), { data: L, isLoading: R } = i(), z = P || I || R, B = c((e, t) => {
-		let n = M(e);
-		return n === e ? t : n;
-	}, [M]), V = j?.firstName ?? j?.name ?? "Customer", H = [
-		{
-			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"
-		}
-	], U = N.slice(0, 3), W = F.slice(0, 3), G = {
-		totalOrders: N.length,
-		totalSpent: N.reduce((e, t) => e + t.total, 0),
-		favoriteCount: 6,
-		avgRating: 4.5
-	}, K = (e) => {
-		switch (e) {
-			case "delivered": return "bg-status-success-bg-subtle/20 text-status-success-text";
-			case "preparing": return "bg-status-warning-bg-subtle/20 text-status-warning-text";
-			case "out_for_delivery": return "bg-accent-blue-subtle/20 text-accent-blue";
-			case "confirmed": return "bg-accent-blue-subtle/20 text-accent-blue";
-			case "cancelled": return "bg-status-error-bg-subtle/20 text-status-error-text";
-			default: return "bg-bg-sunken text-text-secondary";
-		}
-	}, q = (e) => {
-		switch (e) {
-			case "suggestion": return /* @__PURE__ */ w(m, { className: "h-4 w-4" });
-			case "opportunity": return /* @__PURE__ */ w(x, { className: "h-4 w-4" });
-			case "trend": return /* @__PURE__ */ w(C, { className: "h-4 w-4" });
-			default: return /* @__PURE__ */ w(m, { className: "h-4 w-4" });
-		}
-	}, J = (e) => {
-		switch (e) {
-			case "suggestion": return "bg-accent-blue-subtle/10 text-accent-blue border-accent-blue-subtle/20";
-			case "opportunity": return "bg-status-success-bg-subtle/10 text-status-success-text border-status-success-border/20";
-			case "trend": return "bg-status-warning-bg-subtle/10 text-status-warning-text border-status-warning-border/20";
-			default: return "bg-bg-sunken text-text-secondary border-border-subtle";
-		}
-	};
-	return z ? /* @__PURE__ */ w(n, {
-		title: B("coolandlovely.customerDashboard.title", "Dashboard"),
-		children: /* @__PURE__ */ w("div", {
-			className: "flex items-center justify-center py-20",
-			children: /* @__PURE__ */ T("div", {
-				className: "text-center",
-				children: [/* @__PURE__ */ w("div", { className: "mx-auto mb-4 h-12 w-12 animate-spin rounded-full border-b-2 border-foreground" }), /* @__PURE__ */ w("p", {
-					className: "text-sm text-text-secondary",
-					children: B("coolandlovely.customerDashboard.loading", "Loading your dashboard...")
-				})]
-			})
-		})
-	}) : /* @__PURE__ */ T(n, {
-		title: B("coolandlovely.customerDashboard.welcomeBack", "Welcome Back!"),
-		description: `${k()}, ${V}`,
-		children: [
-			/* @__PURE__ */ w(O, {
-				className: "mb-6",
-				icon: /* @__PURE__ */ w(y, { className: "h-4 w-4" }),
-				children: B("coolandlovely.customerDashboard.purpose", "Your home base as a customer: see what you have spent and ordered, pick up where you left off, and discover nearby carts. Use it to track recent orders, jump back into favourites, and act on personalised recommendations before they expire.")
-			}),
-			/* @__PURE__ */ w(D, {
-				className: "mb-6",
-				storageKey: "coolandlovely-customer-dashboard",
-				steps: [
-					{
-						id: "discover",
-						label: B("coolandlovely.customerDashboard.next.discover", "Discover carts near you"),
-						description: B("coolandlovely.customerDashboard.next.discoverDesc", "Browse open carts and services around your location."),
-						icon: /* @__PURE__ */ w(v, { className: "h-4 w-4" }),
-						onClick: () => A("/customer/carts")
-					},
-					{
-						id: "orders",
-						label: B("coolandlovely.customerDashboard.next.orders", "Review your orders"),
-						description: B("coolandlovely.customerDashboard.next.ordersDesc", "Track current orders or reorder from your history."),
-						icon: /* @__PURE__ */ w(d, { className: "h-4 w-4" }),
-						onClick: () => A("/customer/orders"),
-						done: G.totalOrders > 0
-					},
-					{
-						id: "addresses",
-						label: B("coolandlovely.customerDashboard.next.addresses", "Save a delivery address"),
-						description: B("coolandlovely.customerDashboard.next.addressesDesc", "Add addresses so checkout is faster next time."),
-						icon: /* @__PURE__ */ w(h, { className: "h-4 w-4" }),
-						onClick: () => A("/customer/addresses")
-					}
-				]
-			}),
-			G && /* @__PURE__ */ T("div", {
-				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
-				children: [
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
-						children: /* @__PURE__ */ T("div", {
-							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ w("div", {
-								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
-								children: /* @__PURE__ */ w(_, { className: "h-5 w-5 text-text-secondary" })
-							}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-								className: "text-2xl font-bold text-text-primary",
-								children: G.totalOrders
-							}), /* @__PURE__ */ w("p", {
-								className: "text-xs text-text-secondary",
-								children: B("coolandlovely.customerDashboard.totalOrders", "Total Orders")
-							})] })]
-						})
-					}),
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
-						children: /* @__PURE__ */ T("div", {
-							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ w("div", {
-								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
-								children: /* @__PURE__ */ w(f, { className: "h-5 w-5 text-text-secondary" })
-							}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-								className: "text-2xl font-bold text-text-primary",
-								children: s(G.totalSpent, { minimumFractionDigits: 0 })
-							}), /* @__PURE__ */ w("p", {
-								className: "text-xs text-text-secondary",
-								children: B("coolandlovely.customerDashboard.totalSpent", "Total Spent")
-							})] })]
-						})
-					}),
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
-						children: /* @__PURE__ */ T("div", {
-							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ w("div", {
-								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
-								children: /* @__PURE__ */ w(p, { className: "h-5 w-5 text-text-secondary" })
-							}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-								className: "text-2xl font-bold text-text-primary",
-								children: G.favoriteCount
-							}), /* @__PURE__ */ w("p", {
-								className: "text-xs text-text-secondary",
-								children: B("coolandlovely.customerDashboard.favoriteCarts", "Favorite Carts")
-							})] })]
-						})
-					}),
-					/* @__PURE__ */ w("div", {
-						className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
-						children: /* @__PURE__ */ T("div", {
-							className: "flex items-center gap-3",
-							children: [/* @__PURE__ */ w("div", {
-								className: "flex h-10 w-10 items-center justify-center rounded-lg bg-bg-sunken",
-								children: /* @__PURE__ */ w(b, { className: "h-5 w-5 text-text-secondary" })
-							}), /* @__PURE__ */ T("div", { children: [/* @__PURE__ */ w("p", {
-								className: "text-2xl font-bold text-text-primary",
-								children: G.avgRating.toFixed(1)
-							}), /* @__PURE__ */ w("p", {
-								className: "text-xs text-text-secondary",
-								children: B("coolandlovely.customerDashboard.avgRatingGiven", "Avg Rating Given")
-							})] })]
-						})
-					})
-				]
-			}),
-			/* @__PURE__ */ T("div", {
-				className: "mt-8 grid grid-cols-1 gap-8 lg:grid-cols-3",
-				children: [/* @__PURE__ */ T("div", {
-					className: "lg:col-span-2 space-y-8",
-					children: [
-						/* @__PURE__ */ T("section", { children: [/* @__PURE__ */ w("h2", {
-							className: "text-lg font-semibold text-text-primary mb-4",
-							children: B("coolandlovely.customerDashboard.quickActions", "Quick Actions")
-						}), /* @__PURE__ */ T("div", {
-							className: "grid grid-cols-1 gap-3 sm:grid-cols-3",
-							children: [
-								/* @__PURE__ */ T("button", {
-									type: "button",
-									onClick: () => A("/customer/carts"),
-									className: t("flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 transition-colors text-left bg-gloss-card shadow-pop", "hover:bg-accent hover:shadow-md"),
-									children: [/* @__PURE__ */ w("div", {
-										className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-accent-blue-subtle/10",
-										children: /* @__PURE__ */ w(v, { className: "h-5 w-5 text-accent-blue" })
-									}), /* @__PURE__ */ T("div", {
-										className: "min-w-0",
-										children: [/* @__PURE__ */ w("p", {
-											className: "text-sm font-semibold text-text-primary",
-											children: B("coolandlovely.customerDashboard.discoverCarts", "Discover Carts")
-										}), /* @__PURE__ */ w("p", {
-											className: "text-xs text-text-secondary",
-											children: B("coolandlovely.customerDashboard.findNearbyCarts", "Find nearby carts")
-										})]
-									})]
-								}),
-								/* @__PURE__ */ T("button", {
-									type: "button",
-									onClick: () => A("/customer/orders"),
-									className: t("flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 transition-colors text-left bg-gloss-card shadow-pop", "hover:bg-accent hover:shadow-md"),
-									children: [/* @__PURE__ */ w("div", {
-										className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-status-success-bg-subtle/10",
-										children: /* @__PURE__ */ w(d, { className: "h-5 w-5 text-status-success-text" })
-									}), /* @__PURE__ */ T("div", {
-										className: "min-w-0",
-										children: [/* @__PURE__ */ w("p", {
-											className: "text-sm font-semibold text-text-primary",
-											children: B("coolandlovely.customerDashboard.orderHistory", "Order History")
-										}), /* @__PURE__ */ w("p", {
-											className: "text-xs text-text-secondary",
-											children: B("coolandlovely.customerDashboard.viewPastOrders", "View past orders")
-										})]
-									})]
-								}),
-								/* @__PURE__ */ T("button", {
-									type: "button",
-									onClick: () => A("/customer/favorites"),
-									className: t("flex items-center gap-3 rounded-lg border border-border-seam bg-bg-surface p-4 transition-colors text-left bg-gloss-card shadow-pop", "hover:bg-accent hover:shadow-md"),
-									children: [/* @__PURE__ */ w("div", {
-										className: "flex h-10 w-10 shrink-0 items-center justify-center rounded-lg bg-status-error-bg-subtle/10",
-										children: /* @__PURE__ */ w(p, { className: "h-5 w-5 text-status-error-text" })
-									}), /* @__PURE__ */ T("div", {
-										className: "min-w-0",
-										children: [/* @__PURE__ */ w("p", {
-											className: "text-sm font-semibold text-text-primary",
-											children: B("coolandlovely.customerDashboard.favorites", "Favorites")
-										}), /* @__PURE__ */ w("p", {
-											className: "text-xs text-text-secondary",
-											children: B("coolandlovely.customerDashboard.savedCarts", "Saved carts")
-										})]
-									})]
-								})
-							]
-						})] }),
-						/* @__PURE__ */ T("section", { children: [/* @__PURE__ */ T("div", {
-							className: "flex items-center justify-between mb-4",
-							children: [/* @__PURE__ */ w("h2", {
-								className: "text-lg font-semibold text-text-primary",
-								children: B("coolandlovely.customerDashboard.recentOrders", "Recent Orders")
-							}), /* @__PURE__ */ T("button", {
-								type: "button",
-								onClick: () => A("/customer/orders"),
-								className: "flex items-center gap-1 text-sm font-medium text-text-secondary hover:text-text-primary transition-colors",
-								children: [B("coolandlovely.common.viewAll", "View All"), /* @__PURE__ */ w(u, { className: "h-4 w-4" })]
-							})]
-						}), U.length > 0 ? /* @__PURE__ */ w("div", {
-							className: "space-y-3",
-							children: U.map((e) => /* @__PURE__ */ w("div", {
-								className: "rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop",
-								children: /* @__PURE__ */ T("div", {
-									className: "flex flex-col sm:flex-row sm:items-start sm:justify-between gap-3",
-									children: [/* @__PURE__ */ T("div", {
-										className: "flex-1 min-w-0",
-										children: [
-											/* @__PURE__ */ T("div", {
-												className: "flex flex-wrap items-center gap-2 mb-1",
-												children: [/* @__PURE__ */ w("h3", {
-													className: "text-sm font-semibold text-text-primary",
-													children: e.cartName
-												}), /* @__PURE__ */ w("span", {
-													className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize", K(e.status)),
-													children: e.status.replace(/_/g, " ")
-												})]
-											}),
-											/* @__PURE__ */ w("p", {
-												className: "text-xs text-text-secondary mb-2 leading-relaxed",
-												children: e.items.map((e) => `${e.name} (${e.quantity})`).join(", ")
-											}),
-											/* @__PURE__ */ T("div", {
-												className: "flex flex-wrap items-center gap-3 text-xs text-text-secondary",
-												children: [
-													/* @__PURE__ */ w("span", {
-														className: "font-medium text-text-primary",
-														children: s(e.total, { minimumFractionDigits: 0 })
-													}),
-													/* @__PURE__ */ w("span", { children: new Date(e.orderDate).toLocaleDateString() }),
-													e.rating && /* @__PURE__ */ T("span", {
-														className: "flex items-center gap-1",
-														children: [/* @__PURE__ */ w(b, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), e.rating]
-													})
-												]
-											})
-										]
-									}), /* @__PURE__ */ w("button", {
-										type: "button",
-										onClick: () => A(`/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: B("coolandlovely.customerDashboard.viewDetails", "View Details")
-									})]
-								})
-							}, e.id))
-						}) : /* @__PURE__ */ w(r, {
-							illustration: "empty-data",
-							title: B("coolandlovely.customerDashboard.noRecentOrders", "No recent orders"),
-							description: B("coolandlovely.customerDashboard.noRecentOrdersDesc", "Once you place an order it will show up here so you can track and reorder it."),
-							action: /* @__PURE__ */ T("button", {
-								type: "button",
-								onClick: () => A("/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__ */ w(v, { className: "h-4 w-4" }), B("coolandlovely.customerDashboard.discoverCarts", "Discover Carts")]
-							})
-						})] }),
-						/* @__PURE__ */ T("section", { children: [/* @__PURE__ */ w("h2", {
-							className: "text-lg font-semibold text-text-primary mb-4",
-							children: B("coolandlovely.customerDashboard.recommendedForYou", "Recommended for You")
-						}), /* @__PURE__ */ w("div", {
-							className: "grid grid-cols-1 gap-4 sm:grid-cols-2",
-							children: W.map((e) => /* @__PURE__ */ T("div", {
-								className: "rounded-lg border border-border-subtle bg-bg-surface overflow-hidden shadow-sm hover:shadow-md transition-shadow",
-								children: [/* @__PURE__ */ T("div", {
-									className: "relative h-40",
-									children: [/* @__PURE__ */ w("img", {
-										src: e.image,
-										alt: e.name,
-										className: "h-full w-full object-cover"
-									}), /* @__PURE__ */ w("div", {
-										className: "absolute top-2 right-2",
-										children: /* @__PURE__ */ w("span", {
-											className: t("inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium", e.isOpen ? "bg-status-success-bg-subtle/20 text-status-success-text" : "bg-status-error-bg-subtle/20 text-status-error-text"),
-											children: e.isOpen ? B("coolandlovely.customerDashboard.open", "Open") : B("coolandlovely.customerDashboard.closed", "Closed")
-										})
-									})]
-								}), /* @__PURE__ */ T("div", {
-									className: "p-4",
-									children: [
-										/* @__PURE__ */ T("div", {
-											className: "flex items-start justify-between mb-2",
-											children: [/* @__PURE__ */ T("div", {
-												className: "min-w-0 flex-1",
-												children: [/* @__PURE__ */ w("h3", {
-													className: "text-sm font-semibold text-text-primary",
-													children: e.name
-												}), /* @__PURE__ */ w("p", {
-													className: "text-xs text-text-secondary",
-													children: e.category
-												})]
-											}), /* @__PURE__ */ T("div", {
-												className: "flex items-center gap-1 text-xs",
-												children: [/* @__PURE__ */ w(b, { className: "h-3 w-3 fill-status-warning-text text-status-warning-text" }), /* @__PURE__ */ w("span", {
-													className: "font-medium text-text-primary",
-													children: e.rating
-												})]
-											})]
-										}),
-										/* @__PURE__ */ T("div", {
-											className: "flex items-center gap-3 text-xs text-text-secondary mb-3",
-											children: [/* @__PURE__ */ T("span", {
-												className: "flex items-center gap-1",
-												children: [
-													/* @__PURE__ */ w(h, { className: "h-3 w-3" }),
-													e.distance,
-													"km away"
-												]
-											}), /* @__PURE__ */ T("span", {
-												className: "flex items-center gap-1",
-												children: [
-													/* @__PURE__ */ w(d, { className: "h-3 w-3" }),
-													e.estimatedTime,
-													" mins"
-												]
-											})]
-										}),
-										/* @__PURE__ */ w("button", {
-											type: "button",
-											disabled: !e.isOpen,
-											onClick: () => e.isOpen && A(`/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 ? B("coolandlovely.customerDashboard.viewMenu", "View Menu") : B("coolandlovely.customerDashboard.currentlyClosed", "Currently Closed")
-										})
-									]
-								})]
-							}, e.id))
-						})] })
-					]
-				}), /* @__PURE__ */ T("div", {
-					className: "space-y-6",
-					children: [
-						/* @__PURE__ */ T(E, {
-							className: "p-5",
-							children: [/* @__PURE__ */ w("h3", {
-								className: "text-base font-semibold text-text-primary mb-4",
-								children: B("coolandlovely.customerDashboard.personalizedRecommendations", "Personalized Recommendations")
-							}), /* @__PURE__ */ w("div", {
-								className: "space-y-3",
-								children: H.map((e) => /* @__PURE__ */ w("div", {
-									className: t("rounded-lg border p-3", J(e.type)),
-									children: /* @__PURE__ */ T("div", {
-										className: "flex items-start gap-2",
-										children: [/* @__PURE__ */ w("div", {
-											className: "mt-0.5 shrink-0",
-											children: q(e.type)
-										}), /* @__PURE__ */ T("div", {
-											className: "flex-1 min-w-0",
-											children: [
-												/* @__PURE__ */ T("div", {
-													className: "flex items-center justify-between gap-2",
-													children: [/* @__PURE__ */ w("p", {
-														className: "text-xs font-semibold",
-														children: e.title
-													}), /* @__PURE__ */ T("span", {
-														className: "text-[10px] opacity-70",
-														children: [e.confidence, "%"]
-													})]
-												}),
-												/* @__PURE__ */ w("p", {
-													className: "mt-1 text-xs opacity-80 leading-relaxed",
-													children: e.description
-												}),
-												/* @__PURE__ */ w("button", {
-													type: "button",
-													onClick: () => A("/customer/carts"),
-													className: "mt-2 text-[10px] font-semibold underline underline-offset-2",
-													children: e.action
-												})
-											]
-										})]
-									})
-								}, e.id))
-							})]
-						}),
-						/* @__PURE__ */ T("div", {
-							className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
-							children: [/* @__PURE__ */ w("h3", {
-								className: "text-base font-semibold text-text-primary mb-3",
-								children: B("coolandlovely.customerDashboard.quickLinks", "Quick Links")
-							}), /* @__PURE__ */ T("div", {
-								className: "space-y-2",
-								children: [
-									/* @__PURE__ */ T("button", {
-										type: "button",
-										onClick: () => A("/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__ */ w(S, { className: "h-4 w-4 text-text-secondary" }), B("coolandlovely.customerDashboard.profileSettings", "Profile Settings")]
-									}),
-									/* @__PURE__ */ T("button", {
-										type: "button",
-										onClick: () => A("/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__ */ w(h, { className: "h-4 w-4 text-text-secondary" }), B("coolandlovely.customerDashboard.savedAddresses", "Saved Addresses")]
-									}),
-									/* @__PURE__ */ T("button", {
-										type: "button",
-										onClick: () => A("/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__ */ w(f, { className: "h-4 w-4 text-text-secondary" }), B("coolandlovely.customerDashboard.paymentMethods", "Payment Methods")]
-									})
-								]
-							})]
-						}),
-						/* @__PURE__ */ T("div", {
-							className: "rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop",
-							children: [
-								/* @__PURE__ */ w("h3", {
-									className: "text-base font-semibold text-text-primary mb-3",
-									children: B("coolandlovely.customerDashboard.currentLocation", "Current Location")
-								}),
-								/* @__PURE__ */ T("div", {
-									className: "flex items-start gap-3",
-									children: [/* @__PURE__ */ w(g, { className: "h-4 w-4 text-accent-blue mt-0.5 shrink-0" }), /* @__PURE__ */ T("div", {
-										className: "flex-1 min-w-0",
-										children: [
-											/* @__PURE__ */ w("p", {
-												className: "text-sm font-medium text-text-primary",
-												children: "Koramangala"
-											}),
-											/* @__PURE__ */ w("p", {
-												className: "text-xs text-text-secondary",
-												children: "80 Feet Road, 6th Block"
-											}),
-											/* @__PURE__ */ w("p", {
-												className: "text-xs text-text-secondary",
-												children: "Bangalore, Karnataka"
-											})
-										]
-									})]
-								}),
-								/* @__PURE__ */ w("button", {
-									type: "button",
-									onClick: () => A("/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: B("coolandlovely.customerDashboard.updateLocation", "Update Location")
-								})
-							]
-						}),
-						/* @__PURE__ */ T("div", {
-							className: "rounded-lg bg-gradient-to-r from-accent-blue/10 to-accent-purple/10 border border-accent-blue-subtle/20 p-5",
-							children: [
-								/* @__PURE__ */ w("h3", {
-									className: "text-base font-semibold text-text-primary mb-2",
-									children: B("coolandlovely.customerDashboard.specialOffers", "Special Offers")
-								}),
-								/* @__PURE__ */ w("p", {
-									className: "text-xs text-text-secondary mb-3 leading-relaxed",
-									children: B("coolandlovely.customerDashboard.specialOffersDescription", "Get 25% off on your next order from featured carts")
-								}),
-								/* @__PURE__ */ w("button", {
-									type: "button",
-									onClick: () => A("/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: B("coolandlovely.customerDashboard.viewOffers", "View Offers")
-								})
-							]
-						})
-					]
-				})]
-			})
-		]
-	});
-}
-//#endregion
-export { A as CustomerDashboard };
-
-//# sourceMappingURL=CustomerDashboard.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CustomerDashboard.js","names":[],"sources":["../../../../src/coolandlovely/pages/customer/CustomerDashboard.tsx"],"sourcesContent":["/**\n * Customer Dashboard Page\n * @module coolandlovely/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  ShoppingBag,\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 { useCoolAndLovely } from'../../context/CoolAndLovelyContext';\nimport { useOrders, useProviders, useDashboardStats } from'../../hooks/useCoolAndLovelyApi';\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 } = useCoolAndLovely();\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-status-success-bg-subtle/20 text-status-success-text';\n      case'preparing':\n        return'bg-status-warning-bg-subtle/20 text-status-warning-text';\n      case'out_for_delivery':\n        return'bg-accent-blue-subtle/20 text-accent-blue';\n      case'confirmed':\n        return'bg-accent-blue-subtle/20 text-accent-blue';\n      case'cancelled':\n        return'bg-status-error-bg-subtle/20 text-status-error-text';\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-accent-blue-subtle/10 text-accent-blue border-accent-blue-subtle/20';\n      case'opportunity':\n        return'bg-status-success-bg-subtle/10 text-status-success-text border-status-success-border/20';\n      case'trend':\n        return'bg-status-warning-bg-subtle/10 text-status-warning-text border-status-warning-border/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('coolandlovely.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('coolandlovely.customerDashboard.loading', 'Loading your dashboard...')}\n            </p>\n          </div>\n        </div>\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title={t('coolandlovely.customerDashboard.welcomeBack', 'Welcome Back!')}\n      description={`${getTimeOfDayGreeting()}, ${firstName}`}\n    >\n      <PagePurpose className=\"mb-6\" icon={<ShoppingBag className=\"h-4 w-4\" />}>\n        {t(\n          'coolandlovely.customerDashboard.purpose',\n          'Your home base as a customer: see what you have spent and ordered, pick up where you left off, and discover nearby carts. Use it to track recent orders, jump back into favourites, and act on personalised recommendations before they expire.'\n        )}\n      </PagePurpose>\n\n      <NextSteps\n        className=\"mb-6\"\n        storageKey=\"coolandlovely-customer-dashboard\"\n        steps={[\n          {\n            id: 'discover',\n            label: t('coolandlovely.customerDashboard.next.discover', 'Discover carts near you'),\n            description: t(\n              'coolandlovely.customerDashboard.next.discoverDesc',\n              'Browse open carts and services around your location.'\n            ),\n            icon: <Search className=\"h-4 w-4\" />,\n            onClick: () => navigateTo('/customer/carts'),\n          },\n          {\n            id: 'orders',\n            label: t('coolandlovely.customerDashboard.next.orders', 'Review your orders'),\n            description: t(\n              'coolandlovely.customerDashboard.next.ordersDesc',\n              'Track current orders or reorder from your history.'\n            ),\n            icon: <Clock className=\"h-4 w-4\" />,\n            onClick: () => navigateTo('/customer/orders'),\n            done: stats.totalOrders > 0,\n          },\n          {\n            id: 'addresses',\n            label: t('coolandlovely.customerDashboard.next.addresses', 'Save a delivery address'),\n            description: t(\n              'coolandlovely.customerDashboard.next.addressesDesc',\n              'Add addresses so checkout is faster next time.'\n            ),\n            icon: <MapPin className=\"h-4 w-4\" />,\n            onClick: () => navigateTo('/customer/addresses'),\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-seam bg-bg-surface p-4 bg-gloss-card shadow-pop\">\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('coolandlovely.customerDashboard.totalOrders', 'Total Orders')}\n                </p>\n              </div>\n            </div>\n          </div>\n          <div className=\"rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop\">\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('coolandlovely.customerDashboard.totalSpent', 'Total Spent')}\n                </p>\n              </div>\n            </div>\n          </div>\n          <div className=\"rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop\">\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('coolandlovely.customerDashboard.favoriteCarts', 'Favorite Carts')}\n                </p>\n              </div>\n            </div>\n          </div>\n          <div className=\"rounded-lg border border-border-seam bg-bg-surface p-4 bg-gloss-card shadow-pop\">\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('coolandlovely.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('coolandlovely.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-seam bg-bg-surface p-4 transition-colors text-left bg-gloss-card shadow-pop',\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-accent-blue-subtle/10\">\n                  <Search className=\"h-5 w-5 text-accent-blue\" />\n                </div>\n                <div className=\"min-w-0\">\n                  <p className=\"text-sm font-semibold text-text-primary\">\n                    {t('coolandlovely.customerDashboard.discoverCarts', 'Discover Carts')}\n                  </p>\n                  <p className=\"text-xs text-text-secondary\">\n                    {t('coolandlovely.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-seam bg-bg-surface p-4 transition-colors text-left bg-gloss-card shadow-pop',\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-status-success-bg-subtle/10\">\n                  <Clock className=\"h-5 w-5 text-status-success-text\" />\n                </div>\n                <div className=\"min-w-0\">\n                  <p className=\"text-sm font-semibold text-text-primary\">\n                    {t('coolandlovely.customerDashboard.orderHistory', 'Order History')}\n                  </p>\n                  <p className=\"text-xs text-text-secondary\">\n                    {t('coolandlovely.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-seam bg-bg-surface p-4 transition-colors text-left bg-gloss-card shadow-pop',\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-status-error-bg-subtle/10\">\n                  <Heart className=\"h-5 w-5 text-status-error-text\" />\n                </div>\n                <div className=\"min-w-0\">\n                  <p className=\"text-sm font-semibold text-text-primary\">\n                    {t('coolandlovely.customerDashboard.favorites', 'Favorites')}\n                  </p>\n                  <p className=\"text-xs text-text-secondary\">\n                    {t('coolandlovely.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('coolandlovely.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('coolandlovely.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-seam bg-bg-surface p-4 bg-gloss-card shadow-pop\">\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-status-warning-text text-status-warning-text\" />\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('coolandlovely.customerDashboard.viewDetails', 'View Details')}\n                      </button>\n                    </div>\n                  </div>\n                ))}\n              </div>\n            ) : (\n              <EmptyState\n                illustration=\"empty-data\"\n                title={t('coolandlovely.customerDashboard.noRecentOrders', 'No recent orders')}\n                description={t(\n                  'coolandlovely.customerDashboard.noRecentOrdersDesc',\n                  'Once you place an order it will show up here so you can track and reorder it.'\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('coolandlovely.customerDashboard.discoverCarts', 'Discover Carts')}\n                  </button>\n                }\n              />\n            )}\n          </section>\n\n          {/* Recommended Carts */}\n          <section>\n            <h2 className=\"text-lg font-semibold text-text-primary mb-4\">\n              {t('coolandlovely.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-status-success-bg-subtle/20 text-status-success-text'\n                            : 'bg-status-error-bg-subtle/20 text-status-error-text'\n                        )}\n                      >\n                        {cart.isOpen\n                          ? t('coolandlovely.customerDashboard.open', 'Open')\n                          : t('coolandlovely.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-status-warning-text text-status-warning-text\" />\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('coolandlovely.customerDashboard.viewMenu', 'View Menu')\n                        : t('coolandlovely.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 — primary emphasis zone */}\n          <EmphasisPanel className=\"p-5\">\n            <h3 className=\"text-base font-semibold text-text-primary mb-4\">\n              {t(\n                'coolandlovely.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-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\">\n            <h3 className=\"text-base font-semibold text-text-primary mb-3\">\n              {t('coolandlovely.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('coolandlovely.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('coolandlovely.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('coolandlovely.customerDashboard.paymentMethods', 'Payment Methods')}\n              </button>\n            </div>\n          </div>\n\n          {/* Current Location */}\n          <div className=\"rounded-lg border border-border-seam bg-bg-surface p-5 bg-gloss-card shadow-pop\">\n            <h3 className=\"text-base font-semibold text-text-primary mb-3\">\n              {t('coolandlovely.customerDashboard.currentLocation', 'Current Location')}\n            </h3>\n            <div className=\"flex items-start gap-3\">\n              <Navigation className=\"h-4 w-4 text-accent-blue 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('coolandlovely.customerDashboard.updateLocation', 'Update Location')}\n            </button>\n          </div>\n\n          {/* Special Offers */}\n          <div className=\"rounded-lg bg-gradient-to-r from-accent-blue/10 to-accent-purple/10 border border-accent-blue-subtle/20 p-5\">\n            <h3 className=\"text-base font-semibold text-text-primary mb-2\">\n              {t('coolandlovely.customerDashboard.specialOffers', 'Special Offers')}\n            </h3>\n            <p className=\"text-xs text-text-secondary mb-3 leading-relaxed\">\n              {t(\n                'coolandlovely.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('coolandlovely.customerDashboard.viewOffers', 'View Offers')}\n            </button>\n          </div>\n        </div>\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}